@charset "utf-8";

/** 게시판 **/
.search_list {overflow:hidden; margin-bottom:30px; background-color:#f9f9f9; padding:20px}
.search_list .selectbox{float:left; width:64%}
.search_list .selectbox select{width:30%; height:55px; padding-left:15px; border:0; font-size:15px; color:#000; margin-right:10px; background:#f5f5f5 url('../images/sub/ic_select_arrow.png') no-repeat right 15px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.search_list .search-field{float:right; width:36%; text-align:right;}
.search_list .search-field input{width:80%; line-height:55px; height:55px; padding-left:15px; font-size:15px;}
.search_list .search-field .btn_search {width:19%; height:55px; line-height:45px; color:#fff; font-size:16px; border:0; background-color:#a17238; cursor:pointer; vertical-align:middle; margin-left:-3px}
.search_list .total{float:left; margin-top:16px; font-size:18px; color:#333; text-align:left; width:auto;}
.search_list .total em{color:#9F0088;}
.hidden{overflow:hidden; position:absolute; top:-99999px; width:0; height:0; line-height:0; text-indent:-99999px;}

.table-box .table-ty01 {width:100%; border-spacing:0px; table-layout:fixed; border-top:solid 2px #00295d;}
.table-box .table-ty01 tr th {padding:20px 0; border-bottom:solid 1px #e0e0e0; color:#111; background-color:#fff; text-align:center; font-weight:600;}
.table-box .table-ty01 tbody tr th {border-bottom:solid 1px #d7d7d7; font-weight:normal; color:#585b5c; background-color:#fafafa;}
.table-box .table-ty01 tr td {padding:15px 0 15px 0; border-bottom:solid 1px #d7d7d7; text-align:center; color:#666;}
.table-box .table-ty01 tr td a {color:#666; text-decoration:none; overflow:hidden; word-break:break-all;}
.table-box .table-ty01 tr td a:hover,
.table-box .table-ty01 tr td a:active,
.table-box .table-ty01 tr td a:focus {text-decoration:none;}
.table-box .table-ty01 tr:hover td, .table-box .table-ty01 tr:hover td a, .table-box .table-ty01 tr.on td, .table-box .table-ty01 tr.on td a {color:#333 !important;}
.table-box .table-ty01 tr:hover td .btn-solid2 {color:#fff !important;}
.table-box .table-ty01 tr:hover td .btn-solid1 {color:#333 !important;}
.table-box .table-ty01 tr td.title-cell a {display:block; color:#333; width:100%; text-align:left;}
.table-box .table-ty01 tr td.title-cell a span {display:block; color:#666; max-width:95%;}
.table-box .table-ty01 tr td.title-cell a span.site {display:inline-block; color:blue; font-size:20px;}
.table-box .table-ty01 tr td.title-cell a span.date {display:block; color:#333;}
.table-box .table-ty01 tr td.total {border-bottom:solid 1px #e0e0e0; font-weight:bold;}
.mt_b{margin-top:-40px;}

/** paging **/
.paging {width:100%; padding-top:60px; text-align:center; display:inline-block;}
.paging a {width:35px; height:35px; margin:0 1px 0; display:inline-block; line-height:35px; text-align:center; vertical-align:bottom; text-decoration:none;}
.paging a.first,.paging a.prev,.paging a.next,.paging a.last {background:#eaeaea;}
.paging span {vertical-align:top;}
span.blind{position:absolute; margin:-1px; padding:0; width:1px; height:1px; overflow:hidden; border:0; clip:rect(0,0,0,0);}
.paging span a {text-decoration:none;}
.paging span a.on,.paging span a:hover,.paging span a:active,.paging span a:focus {background-color:#777; color:#fff; text-decoration:none;}

/** 상세보기 **/
.board_view {position:relative; border-top:2px solid #333;}
.board_view .title h3 {padding:20px 80px 20px 0; font-size:24px; margin-bottom:0;}
.board_view .board_view_info{position:relative; overflow: hidden; padding:20px 0; margin:0; background:#f5f5f5; color:#888; border-bottom:1px solid #ccc;}
.board_view .board_view_info dt{float:left; margin:0 10px 0 0; text-indent:20px; font-weight:500; text-align:left}
.board_view .board_view_info dd{float:left; margin:0 30px 0 0;}
.board_view .board_con{padding:35px 20px 60px;}
.board_view .board_con p img{max-width:100%;}
.board_view .board_con_tag{margin-top:40px;}
.board_view .board_con_tag a{padding:10px 15px 8px; background-color:#f5f5f5; color:#666; margin-right:10px;}

.board_view .board_view_list{position:relative; overflow:hidden; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px 0}
.board_view .board_view_list dl{clear:both;}
.board_view .board_view_list dt{float:left; margin:0 10px 0 0; text-indent:20px; font-weight:500;}
.board_view .board_view_list dd{float:left;}
.con_like2,.con_reply2{display:inline-block; width:49px; height:20px; color:#00295d}

.dept_reply{position:relative; margin:50px 0 0; padding:30px; border:1px solid #b8b8b8; border-top:2px solid #3b414d;}
.dept_reply .con_date{position:absolute; top:30px; right:30px;}
.dept_reply .con_date dt,.dept_reply .con_date dd{float:left}
.dept_reply .con_date dt{margin-right:10px;}
.dept_reply .con_file{overflow:hidden; margin-top:20px; border-top:1px solid #ddd; padding-top:20px}
.dept_reply .con_file dt{margin-right:10px;}
.dept_reply .con_file dt,.dept_reply .con_file dd{float:left}

.board_reply{position:relative; margin:50px 0 0;}
.board_reply .total-sort{position:absolute; top:0; right:0;}
.board_reply .total-sort li {float:left;}
.board_reply .total-sort li + li:before {content:''; display:inline-block; margin:0 11px; width:1px; height:15px; margin-top:4px; background:#d7d7d7; vertical-align:top;}
.board_reply .total-sort li a.on{color:#ff3000; font-weight:800}

.reply_form {position:relative; padding:22px 170px 22px 25px; margin-bottom:40px; background:#f8f8f8; border:1px solid #d7d7d7;}
.reply_form .focus_tit {top:32px; left:35px; padding-right:180px;}
.reply_form textarea {height:83px; padding:10px; border:1px solid #b8b8b8;}
.reply_form a {display:inline-block; position:absolute; top:22px; right:25px; width:133px; line-height:83px; color:#fff; font-size:16px; text-align:center; background: #333;}

.comment_box ul{margin-top:10px;}
.comment_box ul li{position:relative; padding:20px 0; box-sizing:border-box;}
.comment_box ul li .comment_info{position:relative;}
.comment_box ul li .comment_info .user_txt span{font-size:13px; display:inline-block;}
.comment_box ul li .comment_info .user_txt .name{color:#333;}
.comment_box ul li .comment_info .user_txt .time:before{content:''; display:inline-block; margin:0 11px; width:1px; height:10px; margin-top:5px; background:#d7d7d7; vertical-align:top;}
.comment_box ul li .comment_info .btn_like{float:right}
.comment_box ul li .comment_info .btn_like a{width:100px; display:inline-block}
.btn_yes,.btn_no,.btn_etc{position:relative; margin-left:10px; display:inline-block; color:#fff; padding:0 10px; height:26px; line-height:26px; border-radius:3px;}
.btn_yes{background:#a17238}
.btn_no{background:#70ad47}
.btn_etc{background:#ff8600}
.comment_box ul li .comment_txt{position:relative; margin-top:10px; padding-left:15px; background:#f5f5f5; padding:30px;}

/**글쓰기 **/
.board_write {position:relative; border-top:2px solid #333;}
.board_write .div_tb {display:table; table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0; padding:0;}
.board_write .div_tr {display: table-row;}
.board_write .div_th {display:table-cell; width:20%; padding:20px 8px; color:#333; font-weight:500; text-align:center; vertical-align:middle; background:#f8f8f8; border:1px solid #ddd; border-left:0;}
.board_write .div_th > strong {display: inline-block; }
.board_write .div_td {display:table-cell; width:auto; padding:8px 8px; vertical-align:middle; background:#fff; border:1px solid #ddd; border-right:0;}
.board_write .div_td  span {margin:0 5px;}
.board_write .input_ty {width:60%; padding:5px;}
.board_write .select_ty {width:140px; padding:4px; background:#fff url('../images/sub/ic_select_arrow.png') no-repeat right 10px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;}

.board_write .layout_tel { display:block; list-style:none; margin:0; padding:0; overflow:hidden; box-sizing:border-box; }
.board_write .layout_tel:after {display:block; content:""; clear:both; }
.board_write .layout_tel li { position:relative; display:block; float:left; box-sizing:border-box; width:100%; max-width:200px;}
.board_write .layout_tel li.li {min-width:30px ;width:30px; text-align: center; line-height: 32px;}

.board_write .layout_email {display:block; list-style:none; margin:0; padding:0; overflow:hidden; box-sizing:border-box;}
.board_write .layout_email:after {display:block; content:""; clear:both; }
.board_write .layout_email li {position:relative; display:block; float:left; box-sizing:border-box;}
.board_write .layout_email li.li {min-width:30px; width:30px; text-align: center; line-height:32px;}
.board_write textarea.content {width:100%; height:300px;}
.board_write .privacy_box {width:100%; height:287px; padding:10px; border:1px solid #ccc; overflow-y:auto; box-sizing:border-box; resize:none; outline:0;}
.board_write .agreen_box{display:block; margin-top:20px;}
.board_write .agreen_box input{margin-right:10px;}
.board_write .agreen_box > label,.agreen_box input {vertical-align:middle;}
.board_write li .input_ty {width: 100%;}
.agree_content>h3 {font-size:20px; margin-bottom:0; margin-top:10px;}

/**  갤러리게시판 **/
.gall_list{overflow:hidden; padding:0 0 20px; border-bottom:1px solid #d7d7d7}
.gall_list li{float:left; width:32%; margin:0 2% 40px 0}
.gall_list li:nth-child(3n){margin-right:0}
.gall_list li a{overflow:hidden; display:block; position:relative;}
.gall_list li img{width:100%; height:260px}
.gall_list li strong{font-size:18px; font-weight:500; color:#333; height:36px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.gall_list li p.date{margin-top:10px;}

/** 기본 버튼 **/
.btn_area{margin:25px 0}
.btn_area a{display:inline-block; position:relative; padding:0 4%; margin:0 1px; line-height:51px; color:#303030; font-size:18px; text-align:center; box-sizing:border-box}
.btn_area .btn_black{color:#fff; background:#333; border:1px solid #333;}
.btn_area .btn_white{color:#333; border:1px solid #333;}
.btn_area .btn_blue{color:#fff; background:#a17238; border:1px solid #a17238;}
.btn_area .btn_green{color:#fff; background:#70ad47; border:1px solid #70ad47;}
.btn_area .btn_more{color:#666; background:#fff; border:1px solid #d7d7d7;}
.vote_result{display:inline-block; vertical-align: middle; width:90px; margin-left:10px; padding:0 4px; font-size:15px; line-height:28px; color:#fff; background:#00295d; text-align:center; border-radius:3px;}
.full{width:100% !important;}

/** 게시판-자주묻는질문 **/
.bd_faq {border-top:2px solid #000;}
.bd_faq li{border-bottom:1px solid #d8d8d8;}
.bd_faq li:first-child{margin-top:0}
.bd_faq li .tit{display:block; position:relative; padding:20px 80px 20px 25px; color:#313131; font-size:18px}
.bd_faq .tit:before,.bd_faq .tit:after,.bd_faq .answer:before{display:block; position:absolute;}
.bd_faq .tit:before,.bd_faq .answer:before{content:"Q."; left:0; color:#00295d; font-size:18px}
.bd_faq .tit:after{content:""; top:50%; right:10px; width:21px; height:11px; margin-top:-5px; -webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.bd_faq .tit.open:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.bd_faq .answer{display:none; position:relative; padding:20px 50px 20px 50px; line-height:30px; font-size:16px; border-top:1px solid #d8d8d8; background:#f5f5f5}
.bd_faq .answer:before{content:"A."; color:#000; padding-left:25px;}

/**1024px 시작 **/
@media screen and (max-width:1024px){
	.board_write .div_th{font-size:13px;}
	.board_write .div_th,.board_write .div_td{padding: 2vw;}
	.board_write .layout_tel li.li,.board_write .layout_email li.li{min-width:0; width:5%;}
	.board_write textarea.content {height:70vw;}
	.board_write .layout_tel li,.board_write .layout_email li {width:30%;}
}
/** 1024px 끝 **/

/** 768px 시작 **/
@media screen and (max-width:768px){
	.search_list .selectbox{width:100%}
	.search_list .selectbox select{width:100%; margin-right:0; margin-bottom:10px}
	.search_list .search-field{float:left; width:100%; text-align:left;}
	.board_view h4{font-size:22px;}
	.board_view .board_view_info dt{width:80px; font-size:13px;}
	.board_view .board_view_info dd{width:calc(100% - 90px); font-size:13px; margin:0;}
	.board_view .board_view_info dl.right{float:left;}
	.div_fl{float:left}
	.div_fr{float:left}
	.board_write .select_ty{width:100%}

	/**  갤러리게시판 **/
	.gall_list{padding-right:20px; padding-left:20px}
	.gall_list li{width:47%; margin:0 6% 40px 0}
	.gall_list li:nth-child(3n){margin-right:6%}
	.gall_list li:nth-child(2n){margin-right:0}

	/**  게시판 **/
	.search_list .total{font-size:15px; margin-bottom:5px;}
	.table-box table.table-ty01 {table-layout:fixed; width:100%; background:#fff; margin-left:1px;}
	.table-box table.table-ty01 colgroup {table-layout:fixed; width:100%;}
	.table-box table.table-ty01 colgroup col:first-child {display:none;}
	.table-box table.table-ty01 colgroup col:first-child + col {width:auto;}
	.table-box table.table-ty01 colgroup col:first-child + col + col {display:none;}
	.table-box table.table-ty01 colgroup col:first-child + col + col + col {display:none;}
	.table-box table.table-ty01 colgroup col:first-child + col + col + col + col {display:none;}
	.table-box table.table-ty01 colgroup col:first-child + col + col + col + col + col {display:none;}
	.table-box table.table-ty01 colgroup col:first-child + col + col + col + col + col + col{display:none;}
	.table-box table.table-ty01 colgroup col:first-child + col + col + col + col + col + col + col{display:none;}
	.table-box table.table-ty01 colgroup col:first-child + col + col + col + col + col + col + col + col{display:none;}
	.table-box table.table-ty01 colgroup col.res-show {display:block !important;width:100px;}
	.table-box table.table-ty01 thead tr th:first-child {display:none;}
	.table-box table.table-ty01 thead tr th:first-child + th {width:70%;}
	.table-box table.table-ty01 thead tr th:first-child + th + th {display:none;}
	.table-box table.table-ty01 thead tr th:first-child + th + th + th {display:none;}
	.table-box table.table-ty01 thead tr th:first-child + th + th + th + th {display:none;}
	.table-box table.table-ty01 thead tr th:first-child + th + th + th + th + th {display:none;}
	.table-box table.table-ty01 thead tr th:first-child + th + th + th + th + th + th{display:none;}
	.table-box table.table-ty01 thead tr th:first-child + th + th + th + th + th + th + th{display:none;}
	.table-box table.table-ty01 thead tr th:first-child + th + th + th + th + th + th + th + th{display:none;}
	.table-box table.table-ty01 thead tr th:first-child + th + th + th + th + th + th + th + th + th{display:none;}
	.table-box table.table-ty01 tbody tr td:first-child {display:none;}
	.table-box table.table-ty01 tbody tr td.res-hide {display:none;}
	.table-box table.table-ty01 tr td a.btn {width:70px;font-size:.9em;}
	.table-box .table-ty01 tr th {padding:12px 0;}
	.table-tab li.tab > a{font-size:14px; padding:0 10px; height:36px; line-height:36px;}
	.title-cell p{margin-top:4px}
	.title-cell p span{margin-right:12px; font-size:14px;}

	.bd_btn_area02{left:56%}
	.int_action{margin:20px 0}
	.int_action li{float:none;width:100%;min-height:212px;margin-top:15px;padding:35px 15px 10px 254px;box-sizing:border-box;}
	.int_action li:before, .int_action li strong:before, .int_action li strong:after{left:120px}
	.int_action li strong,.int_action li p{text-align:left}
}
/** 768px 끝 **/

/** 480px 시작 **/
@media screen and (max-width:480px){
	.paging {padding-top:20px;}
	.paging a {width:27px; height:27px; margin:0; line-height:27px; font-size:13px}
	.board_view .btn_area a.btn-go-sympathy,.vote_debate_list a.btn-go-sympathy-debute{width:180px; height:57px; background-size:100%;}
	.btn_area a{font-size:15px;}
	.dept_reply{padding:15px;}
	.dept_reply .con_date{top:15px; right:15px;}
	.contents h4{font-size:22px;}
	.contents h5{font-size:16px;}
	.comment_box ul li .comment_txt{padding:15px;}
	.reply_form {padding:18px;}
	.reply_form textarea {height:150px;}
	.reply_form .focus_tit {padding-right:40px;}
	.reply_form a {display:block; position:relative; top:inherit; right:inherit; width:100%; line-height:33px;}
	.agree_content>h3,.board_view .title h3 {font-size:16px;}

	/**  갤러리게시판 **/
	.gall_list{padding-right:0; padding-left:0; text-align:center}
	.gall_list li{float:none; display:inline-block; width:300px;}
	.gall_list li{margin-right:0}
	.gall_list li strong{text-align:left}
}
/** 480px 끝 **/