@charset "utf-8";

/*공통_css*/
.wrap{width:1100px; margin:0 auto; position:relative;}


/*header*/
header{width:100%; height:77px; border-bottom:solid 1px #ddd;}

header .wrap div.h_logo{position:absolute; top:16px; left:0;}
header .wrap nav ul{position:absolute; top:30px; right:0;}
header .wrap nav ul.gnb li{font-size:16px; font-weight:500; float:left; width:150px; text-align:center; position:relative;}

/*dropdown_menu*/
header nav ul.mm>li a{display:block; padding-bottom:30px;}
header .wrap nav ul.gnb li ul.menu{background:#e4e4e4; display:none; position:absolute; z-index:2; top:47px; left:0; padding:8% 5%; box-sizing:border-box; box-shadow:5px 7px 6px rgba(0, 0, 0, 0.32);}
header .wrap nav ul.gnb li ul.menu li{line-height:40px; font-size:14px; float:none; width:100%; position:relative;}
header .wrap nav ul.gnb li ul.menu li:last-child{border:none;}
header .wrap nav ul.gnb li ul.menu li a{color:#333; display:block; padding-bottom:0;}
header .wrap nav ul.gnb li ul.menu li a:hover{background:#8c0000; color:#fff;}


/*footer*/
footer{width:100%; position:relative; border-top:solid 1px #ddd;}

footer article.f_banner{width:1100px; margin:0 auto;}
footer article.f_banner ul{overflow:hidden; padding:2% 0;}
footer article.f_banner ul li{float:left; width:25%; text-align:center;}
footer article.f_banner ul li a{display:block;}

footer article.f-address{width:100%; background:#333; position:relative;}
footer article.f-address address{width:1100px; margin:0 auto; color:#989898; padding:3% 0 3% 7%; box-sizing:border-box; position:relative;}
footer article.f-address address::after{content:""; background:url("../images/common/f_logo.png")no-repeat; width:91px; height:47px; position:absolute; top:30%; left:0;}
footer article.f-address address .adres{font-size:14px; padding-bottom:.5%;}
footer article.f-address address .copyright{font-size:13px;}
footer article.f-address address .copyright span img{vertical-align:text-top;}
.back-top{position:absolute; top:0; right:0;}
.back-top a{display: block;}

.policy{font-size:12px; border:solid 1px #989898; margin-top:1%; width:100px; padding:7px; text-align:center;}
.policy a{color:#989898;}

/*개인정보취급방침*/
.popup {display: none; position:fixed; width: 100%; height: 100%; top:0; left:0; background:rgba(0,0,0,0.5); z-index:999;}
.popup-inner{position:absolute; width: 50%; height: 80%; top:50%; left:50%; transform:translate(-50%, -50%); padding:10px; background:#fff;}
.popup-inner h3{font-size:19px; margin:26px 20px; padding-left:23px; color:#8c0000;}

.pop-cont{height:70%; overflow-y:scroll; background:#f7f7f7; padding:30px; font-size:14px;}
.pop-cont p{line-height:24px;}
.pop-cont p strong{display:block; margin:7px 0;}
.pop-cont ul{margin:10px 0;}
.pop-cont ul li{line-height:26px; font-weight:600; color:#555;}

.close_btn{position: absolute; display: block; bottom:39px; right:10px; width:130px; height:50px; line-height:50px; border:solid 1px #ddd; text-align:center; font-size:15px;}
.close_btn a{display:block;}
.close_btn a:hover{background:#f5f5f5;}

/*게시판*/

.list-box{overflow:hidden;}
.list-box dl dd{float:left; width:24%; margin-right:1%; margin-bottom:3%; box-sizing:border-box; cursor:pointer; position:relative;}
.list-box dl dd:nth-child(4n){margin-right:0;}

.list-box dl dd .ibox img{width:100%;}
.list-box dl dd .tbox h3{font-size:17px; font-weight:500; margin:5% 0 3% 0;}
.list-box dl dd .tbox p{font-size:15px; color:#555;}

/*hover*/
.img-over {overflow: hidden; width:100%; color:#fff; text-align:center; font-size:16px; background-color:rgba(140, 0, 0, 0.5); margin:0; position:relative;}
.img-over * {-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease; transition: all 0.35s ease;}
.img-over img {max-width: 100%; backface-visibility: hidden; vertical-align: top;}
.img-over:after, .img-over .hover-box{position:absolute; top:0; bottom:0; left:0; right:0;}
.img-over:after {content: ''; background-color: rgba(140, 0, 0, 0.6); -webkit-transition: all 0.35s ease; transition: all 0.35s ease; opacity:0;}
.img-over .hover-box{ z-index:1; padding:40px;}

.img-over h3 img{opacity:0; padding-top:18px;}
.img-over p {font-size:16px; font-weight:300; letter-spacing:1px; opacity:0; top: 50%; -webkit-transform: translateY(40px); transform: translateY(40px); padding-top:15px;}
.img-over:hover img, .img-over.hover img {zoom: 1; filter: alpha(opacity=50);-webkit-opacity: 0.5; opacity: 0.5;}
.img-over:hover:after, .img-over.hover:after {opacity: 1;position:absolute; top:10px; bottom:10px; left:10px; right:10px;}
.img-over:hover h3 img, .img-over:hover p{ -webkit-transform: translate(0px, 0px);transform: translate(0px, 0px);opacity:1;}


/*pageing*/
.board_page{padding:50px 0 80px 0; clear:both;}

.board_num {width:100%; text-align:center; vertical-align:top;}
.board_num li{display:inline-block; line-height:30px; width:30px; height:30px; padding:0px; vertical-align:top; background:#f5f5f5; font-size:16px; font-weight:500;}
.board_num li img{border:none;}
.board_num li a{color:#555; display:block;}
.board_num li a.on{background:#8c0000; display:block; color:#fff;}
.board_num li a.active {background:#143156;display:block;height:29px;color:#fff;}
.board_num li:hover{background:#ddd; color:#333;}

.board_num li.prev, .board_num li.next{font-size:13px; background:#d5d5d5;}
.board_num li.prev a, .board_num li.next a{color:#fff;}


/*Search_box*/
.sbox{position: absolute; top:30px; right:0;}
.board_search {text-align:right;position:relative;}
.board_search select {border:1px solid #ddd;padding:8px;vertical-align:top;box-sizing:border-box; height:37px; cursor: pointer; font-weight:600;}
.board_search input.text {width:216px; height:34px;}
.board_search input.btn {background:#8c0000;color:#fff;border:none;padding:0px 10px;font-size:12px;font-weight:600;cursor:pointer;vertical-align:top;height:37px;width:94px;}
.board_search input.btn:hover{background:#5d0000;}


/*notice*/
.notice{width:100%; overflow:hidden; margin:30px 0; font-size:15px;}
.notice_tal {width:100%; clear:both; border-collapse:collapse; table-layout:fixed; word-wrap:break-word; border-spacing:0; text-align:center; border-top:solid 2px #ddd;}
.notice_tal thead{border-bottom:solid 1px #ddd;}
.notice_tal thead th{padding:1.5% 0; word-wrap:break-word; background:#f5f5f5; color:#333; font-weight:400; font-weight:500;}
.notice_tal tbody th{background:#f9f9f9; border-bottom:1px solid #26166f; padding:11px 25px; word-wrap:break-word;}
.notice_tal tbody td {border-bottom:1px solid #ddd; padding:17px 14px; word-wrap:break-word; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.notice_tal tbody td.bg {background:#f9f9f9}
.notice_tal thead th:last-child, .tbl-st01 tbody td:last-child{ border-right:none;}
.notice_tal thead th.r-none, .tbl-st01 tbody th.r-none, .tbl-st01 tbody td.r-none {border-right:none;}

.tl{text-align:left;}
.tl a{color:#666;}




/*media_mobile*/

@media all and (max-width:1024px) {
/*공통css*/
.wrap{width:100%;}


/*header*/
header .wrap div.h_logo{left:2%; z-index:999;}


/*footer*/
footer article.f_banner{width:100%;}


footer article.f-address address{width:100%; padding:4% 0 5% 13%;}
footer article.f-address address::after{top:26%; left:2%;}
footer article.f-address address .adres a{color:#989898;}


/*개인정보취급방침*/
.popup-inner{width:90%;}


}

@media all and (max-width:800px){


/*footer*/
footer article.f_banner ul{padding:2% 5%;}
footer article.f-address address{padding:4% 0 5% 16%;}

/*개인정보취급방침*/
.popup-inner{height:90%;}
.popup-inner h3{margin:4% 0;}
.close_btn{bottom:10px;}
.pop-cont{padding:5%;}

}

@media all and (max-width:650px){

/*header*/
header{height:auto;}
header .wrap div.h_logo{top:7px; z-index:999; left:4%; position:relative; width:30%;}
header .wrap nav ul{display:none;}



/*footer*/

/*banner*/
footer article.f_banner ul{padding:5%;}
footer article.f_banner ul li img{width:100%; height:30px;}

/*address*/
footer article.f-address address{padding:8% 10%;}
footer article.f-address address::after{background:none; width:0; height:0; top:0;}
footer article.f-address address .adres{padding-bottom:1%; line-height:1.5;  letter-spacing:0;}
footer article.f-address address .copyright{line-height:1.6; letter-spacing:0;}


/*게시판*/
.list-box dl dd{width:49%; margin-bottom:6%;}
.list-box dl dd .tbox h3{margin:5% 0 2% 0;}
.img-over:hover h3 img{padding-top:0; width:32%;}
.img-over p{font-size:13px;}



/*Search_box*/
.board_search {text-align:center; position:relative;}
.board_search select{width:20%; font-size:14px;}
.board_search input.text {width:50%;}
.board_search input.btn{width:20%; font-size:14px;}

.board_search input{-webkit-appearance: none; -webkit-border-radius: 0;}


.notice_tal{font-size:14px; letter-spacing:-0.05rem;}
.notice_tal thead th.m-none, .notice_tal tbody td.m-none{display:none;}
.notice_tal thead th{padding:4% 0;}
.notice_tal thead th{width:100%;}

.tbl_frm01 textarea, .write_div textarea{box-sizing:border-box;}


}

@media all and (max-width:375px){
/*header*/
header .wrap div.h_logo{top:5px; width:21%;}
header .wrap div.h_logo img{width:100%;}


/*footer*/
footer article.f_banner ul li img{width:90%; height:25px;}
footer article.f-address address .adres{font-size:1.300em;}

.policy{font-size:13px;}

/*게시판*/
.img-over p{font-size:13px; padding-top:3px;  padding-top:30px;}
.img-over .hover-box{padding:20%;}
.img-over:hover h3 img{width:28%;}

.list-box dl dd{width:100%; margin-right:0; padding-bottom:5%;}

.list-box dl dd .tbox h3{font-size:15px;}
.list-box dl dd .tbox p{font-size:13px;}


}