@charset "utf-8";

#viewon {margin-top:0px; margin-bottom:60px;}

.viewon_board_tab {width:100%; float:left; margin-bottom:20px;}
.viewon_board_tab li {float:left; width:33.33%; background:#f1f1f1; box-sizing: border-box; webkit-box-sizing: border-box; moz-box-sizing: border-box; border-right:2px solid #fff; border-bottom:2px solid #fff;}
.viewon_board_tab li:nth-child(3n) {border-right:0;}
.viewon_board_tab li a {float:left; width:100%; line-height:50px; text-align:center; font-family:'Noto Sans KR'; font-size:16px; font-weight:500;}
.viewon_board_tab li.on {background:#ff6291;}
.viewon_board_tab li.on a {color:#fff;}

.viewon_board_list table {border: 0;border-top: 2px solid #333;border-bottom: 1px solid #D8D8D8;color: #4a4a4a;}
.viewon_board_list a {text-decoration: none;color: #4a4a4a;}
.viewon_board_list a:hover,
.viewon_board_list a:active,
.viewon_board_list a:focus {color:#ff6291;}
.viewon_board_list th {border: 0;border-bottom:1px solid #DBDBDB;white-space: nowrap; line-height:57px; height:57px;}
.viewon_board_list th:first-child span {border: 0;}
.viewon_board_list th span {display: block;padding: 0 15px;font-weight: normal;  line-height:57px; font-size:16px; font-family:'Noto Sans KR'; font-weight:500;}
.viewon_board_list tr.notice {background: #f6f6f6;}
.viewon_board_list tr.notice td.title a {font-weight: 400; white-space: nowrap;}
.viewon_board_list td {border: 0;border-bottom:1px solid #e6e6e6; white-space: nowrap;vertical-align: top; line-height:57px; font-size:16px; font-family:'Noto Sans KR' !important; vertical-align:middle; font-weight:400;}
.viewon_board_list tr:last-child td {border: 0;}
.viewon_board_list td.notice {text-align: center;}
.viewon_board_list td.no {text-align: center; line-height:57px;}
.viewon_board_list td.thumbnail {padding:10px;}
.viewon_board_list td.thumbnail a {position:relative; width:240px; height:120px; display:table-cell; vertical-align:middle; background:#f1f1f1;}
.viewon_board_list td.thumbnail a .no_img {position:absolute; left:50%; margin-left:-90px; top:40px;}
.viewon_board_list td.cate {text-align: center; padding:0 20px;}
.viewon_board_list td.title {white-space: normal; line-height:57px; width: 100%; max-width:180px; height:57px; overflow:hidden;}
.viewon_board_list td.title > a { float:left; overflow:hidden; height:57px;}
.viewon_board_list td.title > a > span {float:left;}
.viewon_board_list td.author {text-align: center;}
.viewon_board_list td.author img {position: relative;top: -1px; padding:0 20px;}
.viewon_board_list td.time,
.viewon_board_list td.readNum,
.viewon_board_list td.voteNum,
.viewon_board_list td.lastReply a {text-align: center; line-height:57px; padding:0 20px;}
.viewon_board_list td.lastReply sub {}
.viewon_board_list td.check {text-align: center;}
.viewon_board_list tr.no_article {height:150px;}
.viewon_board_list tr.no_article td {vertical-align: middle;}
.viewon_board_list .in_con {float:left; margin-left:10px; margin-top:22px; }
.viewon_board_list .in_con img {float:left;}

.viewon_board_footer {width:100%;}
.viewon_btn_wrap {float:right; margin-top:30px; margin-bottom:30px;}
.viewon_btn_wrap a {background:#333; line-height:40px; padding:0 20px; float:left; color:#fff !important; font-size:18px; font-weight:400; margin-left:2px;}
.viewon_btn_wrap button {background:#333; line-height:40px; padding:0 30px; float:left; color:#fff; font-size:18px; font-weight:400; cursor:pointer;}
.viewon_btn_wrap button.gray_bt {background:#777;}
.viewon_btn_wrap a:hover {background-color:#003471;}
.viewon_btn_wrap button:hover {background-color:#003471;}

.viewon_board_footer .viewon_pagination {display:table; margin:auto; clear:both; padding-bottom:20px;}
.viewon_board_footer .viewon_pagination a {float:left; width:38px; line-height:38px; border:1px solid #d1d1d1; text-align:center; margin:1px; font-size:16px;}
.viewon_board_footer .viewon_pagination a.on {background:#333; border:1px solid #333; color:#fff;}

.viewon_search_wrap {width:100%; height:80px; background:#f1f1f1; text-align:center; padding-top:40px; clear:both;}
.viewon_search_wrap #viewon_search {display:table; width:90%; max-width:600px; margin:0 auto;}
.viewon_search_wrap #viewon_search * {box-sizing: border-box; border-box; webkit-box-sizing: border-box; moz-box-sizing: border-box; font-family:'Noto Sans KR'; font-weight:400;}
.viewon_search_wrap #viewon_search select {height:40px; border:1px solid #d1d1d1; float:left; width:19%; margin-right:1%; padding-left:10px; font-size:14px;}
.viewon_search_wrap #viewon_search input {height:40px; border:1px solid #d1d1d1; float:left; width:59%; margin-right:1%; padding-left:10px; font-size:14px;}
.viewon_search_wrap #viewon_search .btx {height:40px; float:left; background:#333; color:#fff; font-weight:500; padding:0 20px; width:20%; font-size:16px;}

/*베스트_후기*/
.best_view {width:100%;}
.best_view .best_list {width:24.25%; margin-right:1%; float:left; background:#efefef; box-sizing: border-box; webkit-box-sizing: border-box; moz-box-sizing: border-box; border:1px solid #d1d1d1; margin-bottom:20px; }
.best_view .best_list:nth-child(4n) {margin-right:0;}

.best_view .best_list .thumbnail {width:90%; margin:0 auto;}
.best_view .best_list .thumbnail img {width:100%; margin-top:14px;}
.best_view .best_list .title {width:90%; margin:0 auto; padding:20px auto;}
.best_view .best_list .title a {float:left; line-height:50px; font-size:16px;}


/*답변여부*/
.state {}
.state .r_on {width:70px; display:none; background:#cfa925; float:right; height:30px; line-height:30px; text-align:center; margin:0 20px; margin-top:0px; color:#fff; border-radius:5px; padding:0 5px;}
.state .r_off {width:70px; display:block; background:#d1d1d1; float:right; height:30px; line-height:30px; text-align:center; margin:0 20px; margin-top:0px; border-radius:5px; padding:0 5px;}
.state .replys .r_on {display:block; }
.state .replys .r_off {display:none; }

/*읽기*/
.board_read {zoom: 1;}
.read_header {position: relative; }
.read_header h1 {width: 100%; margin: 0; font-size: 24px; font-weight: normal; line-height: 70px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #555; border-top:2px solid #333; padding-left:10px; box-sizing: border-box; webkit-box-sizing: border-box; moz-box-sizing: border-box;}
.read_header h1 a {text-decoration: none; color: #444; font-family : 'Nanum Square'; font-weight:400;}
.read_header h1 .category {font-weight: normal; border-right: 1px solid #DDD; padding: 0 13px 0 0; margin: 0 8px 0 0;}
.read_body {padding: 15px 10px;}
.read_body .xe_content {color: #333;}
.read_footer {overflow: hidden;}
.read_footer .fileList {margin: 15px 0; display: inline; float: left;}
.read_footer .toggleFile {border: 0; background: none; cursor: pointer; overflow: visible; padding: 0; color: #4b4b4b;}
.read_footer .files {display: none; list-style: none; margin: 15px 0; padding: 0; line-height: 16px;}
.read_footer .files li {background: url(icoSet.gif) no-repeat 0 -28px; padding: 0 0 0 15px;}
.read_footer .files a {color: #4b4b4b; position: relative; text-decoration: none;}
.read_footer .files a .fileSize {visibility: hidden; position: absolute; padding: 1px 4px; left: 100%; top: -4px; border: 1px solid #ddd; font: 11px Tahoma, Geneva, sans-serif; background: #fff; white-space: nowrap;}
.read_footer .files a:hover .fileSize,
.read_footer .files a:active .fileSize,
.read_footer .files a:focus .fileSize {visibility: visible;}
.read_footer .tns {float: right; margin: 15px 0;}
.read_footer .tns a:hover,
.read_footer .tns a:active,
.read_footer .tns a:focus {text-decoration: underline;}
.read_footer .tags {display: inline-block; height: 16px; font-size: 11px; color: #666; vertical-align: top; padding: 0 15px 0 32px; line-height: 16px; background: none;}
.read_footer .tags a {text-decoration: none; color: #666;}
.read_footer .tags .xi-tags {font-size: 14px; margin-right:3px;}
.read_footer .action {display: inline-block; line-height: 16px; font-size: 11px; margin: 0 15px 0 0; color: #555;}

.exOut {background: #fff; padding:0; border-top: 1px solid #ddd;}
.exOut table {border: 0; width: 100%;}
.exOut th,
.exOut td {border: 0; vertical-align: top; border-bottom: 1px solid #ddd; padding: 8px 15px;}
.exOut th {color: #333;  text-align: left; white-space: nowrap; font-size:16px; background:#f1f1f1; width:20%; min-width:100px;}
.exOut td {color: #666; width: 80%; font-size:16px;}
.exOut td p {color:#333; font-weight:400;}
.exOut td span {color:#ff6600; font-weight:400;}

.read_body {width:100%; max-width:1400px; box-sizing: border-box; border-box; webkit-box-sizing: border-box; moz-box-sizing: border-box;}
/*.read_body img {width:100%; }*/
.read_body * {font-size:16px;}

.read_footer { padding-top:10px; }
.read_footer .sns{ margin-top:10px; padding-bottom:20px; text-align:center; border-bottom:1px solid #d1d1d1; }
.read_footer .sns li{display:inline;vertical-align:top}
.read_footer .sns a{display:inline-block;width:32px;height:32px;border:1px solid #e0e0e0;background-color:#f4f4f4; border-radius:2px;}
.read_footer .sns i{font-size:22px;line-height:32px;color:#bcbcbc}
.read_footer .sns a:hover{border-color:#DECA79;background-color:#f9dc5f;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out}
.read_footer .sns a:hover {color:#747474;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out}

.read_bt {width:100%; padding-bottom:80px; display:table; }

/*글쓰기*/
.write_info {width:100%; border-top:2px solid #333; margin-bottom:10px;}
.write_info ul li {width:100%; border-bottom:1px solid #d1d1d1; display:table; position:relative;}
.write_info ul li > label {font-size:18px; width:100px; padding-left:20px; line-height:57px; background-color:#f1f1f1; float:left;}
.write_info ul li .input_wrap {margin-left:120px; margin-right:0px; height:57px; box-sizing: border-box; webkit-box-sizing: border-box; moz-box-sizing: border-box; padding-left:20px;}
.write_info ul li .input_wrap input {border:1px solid #d1d1d1; float:left; margin-top:13px; height:31px; padding-left:10px; font-size:15px; font-weight:400; width:32%; min-width:185px; box-sizing: border-box; border-box; webkit-box-sizing: border-box; moz-box-sizing: border-box;}
.write_info ul li .input_wrap span {border:1px solid #d1d1d1; float:left; margin-top:13px; height:31px; padding-left:10px; font-size:15px; font-weight:400; width:32%; min-width:185px; box-sizing: border-box; border-box; webkit-box-sizing: border-box; moz-box-sizing: border-box;}
.write_info ul li .input_wrap input.btn {border:1px solid #d1d1d1; float:left; margin-top:13px; height:31px !important; padding-left:10px; font-size:15px; font-weight:400; width:auto; min-width:auto;}
.write_info ul li .input_wrap input.ititle {width:50%;}
.write_info ul li .input_wrap input.tel {width:10%; min-width:60px; margin-right:1%;}
.write_info ul li .input_wrap select {border:1px solid #d1d1d1; float:left; margin-top:11px; height:35px; padding-left:10px; width:32%; min-width:185px; font-size:15px; font-weight:400;}
.notice_check {float:right; position:absolute; right:0px; top:20px;}

.write_footer {overflow: hidden; margin: 1em 0;}
.write_footer:after {content: ""; display: block; clear: both;}
.write_footer .btnArea {float: right; margin: 0;}

.write_author {float: left; margin: 0 4px 0 0; }
.write_author .item {position: relative; display: inline-block; zoom: 1;}
.write_author .iLabel {top: 6px; left: 12px; color: #666; }
.write_author label {margin: 0 10px 0 0; float:left;}
.write_author input {border:1px solid #d1d1d1; float:left; height:30px; padding-left:10px;}


/*파일업로드*/
.fileUploader {border:0px solid #d1d1d1;}
.fileUploadControl {}
.fileUploadControl button {border:1px solid #d1d1d1; font-size:16px; padding:5px 10px; text-decoration:none !important; font-weight:400;}

/*로그인 위젯이 전후사진일 경우 닫기 버튼 없이 이전으로 돌아가기*/
.login_widget.on .btn_ly_popup {display:block;}
.login_widget .btn_ly_popup {display:block;}
.login_widget.on .btn_ly_popup_back {display:block;}
.login_widget .btn_ly_popup_back {display:none;}

/*비밀번호입력*/
.iText {border:1px solid #d1d1d1; line-height:24px; margin-right:2px;}

/*댓글입력*/
.reply_bt {float:right;}
.reply_bt button {background:#333; line-height:40px; padding:0 30px; float:left; color:#fff; font-size:18px; font-weight:400; border-left:2px solid #fff; cursor:pointer;}
.reply_bt button.gray_bt {background:#777;}

@media screen and (max-width:1024px) {
	
}

@media screen and (max-width:750px) {

}