@charset "utf-8";

/* 페이징 */
.pagination {text-align:center; display:block;}
.pagination ul {text-align:center; display:inline-block;}
.pagination ul li {display:block; float: left; vertical-align:middle; margin: 0 2px;}
.pagination ul li a {text-align:center; display:inline-block; color:#222; vertical-align:middle; width:30px;  height: 30px; line-height:30px;}
.pagination ul li a.current {color:#fff; font-weight:bold; background-color: #0b5e88; width: 30px; height: 30px; border-radius: 50px; line-height: 30px;}
.pagination ul li a:hover {color:#fff; font-weight:bold; background-color: #0b5e88; width: 30px; height: 30px; border-radius: 50px; line-height: 30px;}
.pagination ul li a img {max-width:100%; vertical-align:middle;}
.pagination ul li a.board_button:hover {background-color:transparent;}

/* 검색창 */
.search {text-align:center;}
.search #searchform #search_select {width:130px; border:1px solid #ddd; background-color:#fff; padding:5px 14px; margin:0px; font-size:14px; height:40px; display:inline-block;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.search #searchform #keyword {width:250px; border:1px solid #ddd; background-color:#fff; padding:0 10px; font-size:14px; display:inline-block; height:40px; line-height:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.search .btn_search {padding:0 15px; background-color:#0b5e88; margin:0; width:70px; display:inline-block; line-height:40px; height:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; z-index:10; color:#fff; font-size:14px;}

/* 게시판 읽기페이지 */
.board_read {border-top:2px solid #222;}
.board_read ul {margin-bottom:0;}
.board_read > ul > li {padding: 0 30px; line-height: 58px; height:60px; border-bottom:1px solid #ddd;}
.board_read ul li ul li {float:left; font-size:12px;}
.board_read ul h4.title {font-size:16px; color:#222; letter-spacing: -1px; line-height: 58px; font-weight:bold; float:left; text-align:left; vertical-align:middle;}
.board_read ul li.file img {margin:0 5px 0 0;}
.board_read .readcontent {background-color: #fff; padding: 15px 25px; min-height: 380px; font-size:14px; border-bottom:1px solid #ddd; color:#555;}
.board_read .readcontent img {max-width:100%;}
.board_read .btnwrap {margin:30px auto 60px auto; text-align:center;}
.board_read .btnwrap a {display:inline-block; background:#0b5e88; font-size:15px; color:#fff; padding:9px 37px;}
.article_list {border-top:1px solid #ddd;}
.article_list ul li {border-bottom:1px solid #ddd;}
.article_list ul li.last {border-bottom:1px solid #ddd;}
.article_list ul li div {padding:15px 20px; float:left;}
.article_list ul li .type {text-align:center; width:20%; background:#fff;}
.article_list ul li .type01 {background: url(../../img/program/top.png) no-repeat; background-position: left 25% center;}
.article_list ul li .type02 {background: url(../../img/program/bottom.png) no-repeat; background-position: left 25% center;}
.article_list ul li .title {width:80%; color:#555;}

/*수상인증 popup*/

.layer-wrap1 {display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; text-align: center; background-color: rgba(0, 0, 0, 0.7); z-index: 1001;}
.layer-wrap1::before {content: ""; display: inline-block; height:100%; vertical-align: middle; margin-right: -.25em;}

/*
.layer-wrap1 {display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-align: center; background-color: rgba(0, 0, 0, 0.7); z-index: 1001;}
.layer-wrap1::before {content: ""; display: inline-block; height:100%; vertical-align: middle; margin-right: -.25em;}
*/
.pop-layer {display: inline-block; vertical-align: middle; height: auto; background-color: #fff; border: 0px; border-radius: 0; position: relative;}
.pop-layer_title {width:100%; height: 55px; font-size:18px; color:#fff; text-align:left; font-weight:bold;}
.pop-layer_title h4 {display: inline-block; float: left; padding: 15px 0 15px 15px;}
.pop-layer_close a {background: #0b5e88; display: inline-block; width: 50px; height: 50px; margin-top: -50px; float: right; text-align: center; padding: 7px 0 0 0;}
.pop-conts {width: 550px; border-top: 1px solid #ddd; padding: 10px 0;}
.pop-conts img {width:100%; max-width:550px; max-height:660px;}

/* 테이블형 게시판 */
.table_list table {width:100%; border-spacing:0px; border:0; border-collapse:collapse; border-top:2px solid #222;}
.table_list table .notice {background-color: #0b5e88; color: #fff;}
.table_list table .notice td {color: #fff;}
.table_list table .notice td.title a {color:#fff;}
.table_list table .notice td.title a:hover {color: #fff; font-weight: normal;}
.table_list table th {padding:15px 0; border-bottom:1px solid #ddd; text-align:center; color:#222; font-size:14px;}
.table_list table td {padding:15px 0; border-bottom:1px solid #ddd; text-align:center; color:#555; font-size:16px;}
.table_list table td.title {padding-left:15px; text-align:left;}
.table_list table td.title a {color:#555;}
.table_list table td.title a:hover {color: #222; font-weight: bold;}

/*박스형 게시판*/
.box_list .overlay {position: absolute; top: 0; left: 0; opacity: 0; width: 100%; display: table; height: 100%; transition: .5s ease; background-color: rgba(0,0,0,0.8);}
.box_list ul li:hover .overlay {opacity: 1;}
.box_list .text {font-size: 24px; color: #fff; font-weight: bold; text-align: center; display: table-cell; vertical-align: middle;}

.box_list2 .arrow_img {position: absolute; right: 30px; top: 20px; display: none;}
.box_list2 ul li a:hover .arrow_img {display: block;}
.box_list2 ul li .border:hover {background-color: #0facb6; color: #fff;}
.box_list2 ul li .border:hover .title {color: #fff !important;}

/*qna*/
#qna pre {word-break:keep-all; background:#fff; color:#999; padding:15px; height:165px; overflow-y:auto; border:1px solid #ddd; margin:0 0 10px 0;}
#qna .agree {text-align:right;}
#qna .agree label {margin:0;}
#qna .agree input[type=checkbox] {display:none;}
#qna .agree input[type=checkbox] + label.check_box {display:inline-block; width:18px; height:18px; border:1px solid #ddd; position:relative; top:4px; right: 5px;}
#qna .agree input[type=checkbox]:checked + label.check_box::after {content:'\2714'; font-size:16px; position:absolute; bottom:-6px; left:1px; clear:both;}
#qna .agree label.check_contents {display:inline-block; font-weight:normal;}

#qna table {border-top:1px solid #ddd; width:100%; border-collapse:collapse;}
#qna table tr {border-bottom:1px solid #ddd;}
#qna table th {padding:20px 30px; font-size:16px; font-weight: normal; background:#e9eced; color: #222; position: relative;}
#qna table th .red_byul, #qna table th .red_byul2 {position: relative;}
#qna table th .red_byul::before {content:'*'; position: absolute; right: 50%; top: 50%; margin: -15px -23px 0 0; color:#ff0000;}
#qna table th .red_byul2::before {content:'*'; position: absolute; right: 50%; top: 50%; margin: -15px -32px 0 0; color:#ff0000;}
#qna table td {padding:20px 20px;}
#qna table td input, #qna table td textarea, #qna table td select {border: 1px solid #ddd; font-size:14px;}
#qna table td .qna_input1 {width:515px; height:40px; padding:0 0 0 10px;}
#qna table td .qna_input2 {width:280px; height:40px; padding:0 0 0 10px;}
#qna table td .qna_input3 {max-width:190px;width:29%;height:40px; padding:0 0 0 10px;}
#qna table td .qna_input4 {width:280px; height:40px; padding:0 0 0 10px;}
#qna table td select {padding:0 10px;}
#qna table td textarea {width:100%; height:250px; padding:10px;}
#qna table td label {font-size:14px; color:#222; font-weight:normal; vertical-align: middle;}
#qna table td.phone span {vertical-align: top; line-height: 38px;}
#qna table td.mail span {vertical-align: top; line-height: 38px;}
#qna table td.file .uploadBtn {display: inline-block; height: 40px; line-height: 40px; text-align: center; padding: 0 15px; font-size: 14px; background-color: #999; color: #fff;}

.button_wrap {text-align:center; margin-top: 30px;}
.button_wrap > button {width: 100px; height: 40px; display: inline-block;}
.button_wrap .button_reset {background-color: #fff; border: 1px solid #ddd; color: #555; margin-right: 5px; cursor: pointer;}
.button_wrap .button_submit {background-color: #0b5e88; border: 1px solid #ddd; color: #fff; margin-left: 5px; cursor: pointer;}

/*조회하기*/
.form_wrap table th {font-size: 16px; color: #222; font-weight: normal;}
.form_wrap table td {padding: 10px 0 10px 20px;}
.form_wrap table td input {border: 1px solid #ddd; height: 40px; padding-left: 15px;}
.form_wrap table td select {border: 1px solid #ddd; height: 40px; padding-left: 15px;}
.form_wrap table td .qna_input3 {width: 280px;}
.form_wrap table td .qna_input4 {width: 280px;}
.form_wrap2 table tr td {padding: 10px 0;}

.button_wrap .button_submit2 {width: 100%; background-color: #0b5e88; color: #fff;}
.button_wrap .button_submit3 {width: 100%; color: #fff;}
.button_wrap .button_submit4 {width: 30%; color:#fff;}
.button_wrap2 .button_submit {width: 30%; background-color: #0b5e88; color: #fff;} 


@media(max-width:1279px)
{
	/*박스형 게시판*/
	.box_list .pdlr_40 {padding-left: 30px; padding-right: 30px;}
	.box_list .pdtb_50 {padding-top: 40px; padding-bottom: 40px;}
}

@media(max-width:1024px)
{

}

@media(max-width:900px)
{
	/*박스형 게시판*/
	.box_list .overlay {display: none;}
	.box_list .h_170 {height: 150px;}

	/*수상인증 popup*/
/*
	.layer-wrap1:before {height: auto; margin-top: 150px;}
*/
	.pop-layer {margin: 0 15px;}
	.pop-conts {width: 100%;}
	.pop-conts .pop-layer_frame {margin: 30px;}
	.pop-arrow img {width: 25px;}

	/*테이블형 게시판*/
	.table_list table th.no, .table_list table th.date, .table_list table td.no, .table_list table td.date {display:none;}
	.table_list table th.title, .table_list table td.title {width: 75%;}
	.table_list table th.name, .table_list table td.name {width:15%;}

	/* 게시판 읽기페이지 */
	.board_read ul h4.title {height: 50px; line-height: 48px;}
	.board_read > ul > li {padding: 0 10px; height: 50px; line-height: 48px;}
	.board_read ul li ul li.line {display: none;}
	.board_read ul li ul li.hit {display: none;}
	.board_read .readcontent {padding: 15px 10px; min-height: 250px;}
	.board_read .btnwrap {margin: 20px auto 30px auto;}
	.article_list ul li div {padding: 15px 10px;}
	.article_list ul li .type01 {background-image: none;}
	.article_list ul li .type02 {background-image: none;}

	/*qna*/
	#qna .agree label.check_contents {font-size: 12px;}
	#qna .agree input[type=checkbox] + label.check_box {width: 15px; height: 15px;}
	#qna table th, #qna table td {width: 100%;}
	#qna table th {padding: 10px 0;}
	#qna table td {padding: 10px 0;}

	#qna table th {font-size: 14px;}
	#qna table td .qna_input1 {width:100%;}
	#qna table td .qna_input2 {width:100%;}
	#qna table td .qna_input4 {width: 70%; float: left;}
	#qna table td.file .uploadBtn {width: 30%; float: left;}
	#qna table td input, #qna table td textarea, #qna table td select {font-size:12px;}

	/*조회하기*/
	.form_wrap table {width: 100%;}
	.form_wrap table tr th {width: 20%; font-size: 14px; vertical-align: top; padding-top: 5px;}
	.form_wrap table tr td {width: 80%; padding: 5px 0 5px 10px;}
	.form_wrap table tr td.img {padding: 0;}
	.form_wrap table tr td span.caption {display: block;}
	.form_wrap table td .qna_input3 {width: 100%;}
	.form_wrap table td .qna_input4 {width: 80%;}

	.form_wrap2 table tr td {width: 100%; display: block;}
	.form_wrap2 table tr td span.mdpIBlock {width: 20%;}
	.form_wrap2 table tr td.mpdn {display: none;}



}

@media(max-width:600px)
{
	.search #searchform #keyword {width: 130px;}
	.search #searchform #search_select {width: 80px;}
}