.board_layout {padding: 0; width: calc(1460px - 180px); min-width: 1280px;}
.board_cont, .board_cont_view, .board_cont_write {margin: 0 auto; position: relative; width: 930px; min-height: 750px;}
.board_cont {padding: 40px 0px 60px;}
.board_cont_view {padding: 40px 0px 60px;}
.board_catname {float: left; overflow: hidden; position: relative; width: 145px; padding-top: 75px; margin-right: 43px;}
.board_catname .commpany {border-top:2px solid #292a2c; margin-bottom: 15px;}

.nav {background: #fff; border-top: 2px solid #2b5ae8;}
.nav li {padding: 15px; color: #878d91; font-weight: 400; font-size: 15px; line-height: 17px; border-bottom: 1px solid #e1e4e6;}
.nav li a {color: #878d91; letter-spacing:-1px;}
.nav:after {display: block; clear: both; content: '';}
.nav li.on {background-color:#e1e4e6;}
.nav li.on a{color:#000;}
.board_catname .company {border-top: 2px solid #292a2c; margin-bottom: 15px;}
.board_catname .board_company_1depth, .board_catname .board_company_1depth a {color:#2a2a2a; font-weight: 500;}
.board_catname .company li.on a{color:#2c5aeb;}

.board_cont h3 {font-size: 20px; color: #2c5ae9; letter-spacing: -0.3px; display:inline-block;}
.board_list {width: 100%; border-top: 1px solid #222222; margin-top:10px;}
.board_list th, .board_list td {border-bottom: 1px solid #e0e4e7; padding: 12px 15px 14px 15px; font-size: 17px; color: #222; white-space: nowrap;}
.board_list td {background:#fff; line-height: 150%;}
.board_list th {background: #e0e4e7; border-top: 1px solid #555e67;}
.board_list .del_check {}
.board_list .no {text-align: center; width: 40px; color:#2c5ae9;}
.board_list .subject a{text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; /*display: -webkit-box;*/ color:#222; letter-spacing: -0.3px;    white-space: nowrap;}
.board_list .writer{width:88px; text-align: center;}
.board_list .date {width: 144px; text-align: center;}
.board_paging {width: 100%; margin: 30px 0; position: relative; display: flex; position: relative; justify-content: center; align-items: center;}
.board_paging .pre, .board_paging .next {color:#2c5ae9; font-weight: 600; font-size: 17px; letter-spacing: -0.5px; display: flex; justify-content: center; align-items: center;}
.board_paging .pre img, .board_paging .next img {margin:0 10px;}
.board_paging span {color: #c9caca; font-size:16px; margin:6px 10px;}
.board_paging b {color: #2c5ae9 !important; font-weight: 600;}
.board_paging a, .board_paging b {display: inline-block; position: relative; min-width: 25px; margin: 0 1px; line-height: 15px; font-size: 16px; color: #222; text-align: center; text-decoration: none; vertical-align: -webkit-baseline-middle;}
.board_search form {display:flex;}
.board_search select {color: #fff; width: 160px; height: 40px; text-align: center; font-size: 16px; border: none; background: #2c5ae9 url(//img.investchosun.com/images/icon_board_down1.png) no-repeat center right 1em; background-size: 9%; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; appearance: none; border:0; font-family: 'Pretendard';}
.board_search option{background-color:#fff; color:#222; font-family: 'Pretendard';}
.board_search .board_search_txt {height: 38px; background: #fff; font-size: 16px; border-top: solid 1px #e1e4e6; border-right: solid 1px #e1e4e6; border-bottom: solid 1px #e1e4e6; vertical-align: top; width:90%; font-family: 'Pretendard';}
.board_search input.brd_search_txt {height: 38px; line-height: 38px; border: none; background: none; padding: 0 0 0 15px; font-size: 16px; width:92%;}
.board_search .search_btn {background: url('//img.investchosun.com/images/2025/icon_search_on.svg') center center no-repeat; text-indent: -9999px; width: 24px; height: 24px; border: none; vertical-align: middle;}
.board_search_txt input, .board_search_txt input::placeholder{font-family: 'Pretendard';}
.board_search input:focus, .board_search select:focus, .board_search button:focus, .board_cont input {outline:none;}
.search_result {font-size: 20px; color: #222; letter-spacing: -1px; font-weight:600; margin:0 10px 0 15px; position: relative; padding-left: 10px;}
.search_result::before {position: absolute; content: '|'; vertical-align: middle; left: -5px; font-size: 13px; top: 6px; font-weight: 600; color: #c2c2c4;}
.search_keyword {font-size:17px;}

/*board_view*/
.board_view_content {font-size: 17px; padding: 30px; border-bottom: 1px solid #e1e4e6; background-color:#fff; line-height:1.5; color:#222;}
.board_view_content img {margin:0px 0;}
.view_subject {font-size: 30px; color: #222; letter-spacing: -0.5px; text-align: left;}
.board_view_subject {height:23px; border-top:1px solid #222; background-color:#ECF1FF; padding:10px 30px; font-size:15px; line-height: 1.5; letter-spacing:-0.3px; color:#222; margin-top:15px;}
.board_view_writer, .board_view_date {display: inline-block;}
.board_view_writer span, .board_view_date span{color:#797e83; margin:0 30px 0 10px; letter-spacing: -0.8px}
.brd_list {float: left; background: #878d91; color: #fff; width: 145px; height: 42px; text-align: center; vertical-align: middle; font-size: 17px; line-height: 42px; margin-right: 14px;}
.brd_nextview {float:right;}
.btn_brd_list {}
.btn_brd_nextview, .btn_brd_preview {float: left; background: #fff; color: #878d91; width: 145px; height: 40px; text-align: center; vertical-align: middle; font-size: 17px; line-height: 40px; border:1px solid #cbcdcf;}
.btn_brd_preview {margin-right:14px;}
.brd_nextview a, a:visited {text-decoration:none;}
.board_view_file {padding-bottom: 25px;}
.board_view_file li {background: #fff; line-height: 41px; border-bottom: 1px solid #cbcdcf; margin-bottom: 5px; padding: 0 15px; text-align: right; font-size:15px;overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; text-overflow: ellipsis;}
.board_view_file li a {color:#222; position: relative; text-decoration: none;}
.board_view_file li a::after {position: absolute; content: ''; left: -25px; background: url('//img.investchosun.com/images/icon_board_addfile.png') center center no-repeat; top: 1px; width: 19px; height: 17px;}
.board_view_file li span {margin:0 35px 0 20px; position: relative; /*display: table-column;*/}
.board_view_file li span::before {position: absolute; content: ''; right: -25px; width: 17px; height: 11px; background: url('//img.investchosun.com/images/icon_board_addcheck.png') center center no-repeat; top: 6px;}

/*board_del*/
.board_cont input[type=checkbox] {width: 16px; height: 16px; border: 1px solid #888d91; box-sizing: border-box; border-radius: 1px; cursor: pointer;}
.admin_del {float:left; font-size: 15px; border-bottom: 1px solid #878d91; padding-bottom: 1px; position: relative; margin:10px 0 0 20px; cursor: pointer; line-height:1.2;}
.board_cont_write .admin_del {float:right;}
.board_cont .admin_writer {float: right; width: 145px; height: 42px; margin-top: 10px; background: #363a3c; text-align: center; line-height: 42px;}
.admin_del::before {position: absolute; content: ''; left: -20px; width: 14px; height: 20px; background: url('//img.investchosun.com/images/icon_board_del.png') center center no-repeat; top: 0px;}
.board_cont .admin_writer a, .board_admin_popup_ok a {color:#fff;}
.board_cont .admin_del a, .board_cont .admin_writer a{text-decoration: none;}
.board_view_del {float:right; margin-top: -10px;}
.admin_edit {float: left; background: #363a3c; color: #fff; width: 145px; height: 42px; text-align: center; vertical-align: middle; font-size: 17px; line-height: 42px;}

/*board popup*/
.popup_message {position: absolute; top: 25%; left: 50%; margin: 0 0 0 -250px; z-index: 1000; width: 500px; background: #fff; width: 450px; height: 75px; border: 1px solid #d2d2d2; text-align: center; padding: 35px 0; font-size: 17px; color: #292a2b; letter-spacing: -0.3px; box-shadow:1px 5px 5px rgb(1 19 52 / 10%); -moz-box-shadow:1px 5px 5px rgb(1 19 52 / 10%); -webkit-box-shadow:1px 5px 5px rgb(1 19 52 / 10%)}
.popup_message p {letter-spacing:-0.8px;}
.board_admin_popup_ok {width: 147px; height: 42px; line-height: 42px; background: #2c5ae9; text-align:center; margin:15px 5px 0px; display:inline-block; color:#fff;}
.board_admin_popup_no {width: 145px; height: 40px; line-height: 42px; background: #fff; text-align:center; display: inline-block; margin: 15px 5px 0; border: 1px solid #cbcdcf;}

/*board_edit*/
.board_cont_write {margin:0 auto; float:none; padding-bottom: 80px; padding-top:70px;}
.info_article {width: 100%; position: relative;}
.info_detail {padding-top: 15px;}
.board_cell_01 {text-align: left; width: 119px !important; padding:0 13px; font-size: 17px; color: #fff; font-weight: 400; background: #878d91; letter-spacing:-1px; line-height:40px;}
.info_detail td {margin-bottom: 15px; width: 783px; float: left; overflow: hidden; border: 1px solid #e4e4e4; border-left: none;}
.info_detail input[type=text] {padding: 0 2%; width:96%; font-size:17px; letter-spacing:-1px; height:40px; border:none;}
.editorchangepallete {margin-top: 20px; background: #e1e4e6; overflow: hidden; border-top: 2px solid #222222; padding: 5px 10px; position: relative; cursor: default; display: -webkit-box; border-left: 1px solid #cbcdcf; border-right: 1px solid #cbcdcf;}
.editorchangepallete .editor_area_01 {}
.editorchangepallete .editor_area_02 {margin-top:5px;}
.editorchangepallete button {border: 0 none; border-radius: 0; background-color: transparent; cursor: pointer; padding: 0;}
.editorchangepallete .editor_area_group li {float: left; position: relative;}
.editorchangepallete .editor_area_01 .clicker {margin-right: 5px;}
.editorchangepallete .editor_area_01 .clicker {width: 30px; height: 30px;}
/*.editorchangepallete .editor_area_01 .clicker.click_table {border-right: 1px solid #bcbcbc;}*/
.editorchangepallete .clicker {margin: 0 1px; position: relative;}
.editorchangepallete .clicker.click_photo .setter {background-position: 4px 0px;}
.editorchangepallete .setter {background-image: url(https://img.investchosun.com/images/editoricon.png); background-repeat: no-repeat; display: block; height: 21px; text-indent: -9999px;}
.editorchangepallete .clicker.click_movie .setter {background-position: -28px 2px;}
.editorchangepallete .editor_area_01 .click_line {width: 40px; padding-right: 20px; margin-right: 5px;}
.editorchangepallete .clicker.click_line .setter {background-position: 5px -30px;}
.editorchangepallete .clicker.click_line:after, .editorchangepallete .clicker.click_graph:after {display: block; width: 8px; height: 3px; content: ''; background: url(//img.investchosun.com/images/editoricon.png) 0 -150px; position: absolute; top: 13px; right: 0;}
.editorchangepallete .editor_area_01 .click_graph {width: 40px; padding-right: 20px; margin-right: 5px;}
.editorchangepallete .clicker.click_graph .setter {background-position: 0 -59px;}
.editorchangepallete .clicker.click_file .setter {background-position: -86px 5px;}
.editorchangepallete .clicker.click_table .setter {background-position: -57px 0px;}
.editorchangepallete .editor_area_02 .click_fontname {width: auto !important; padding-right: 20px; margin-right: 10px;}
.editorchangepallete .clicker.click_fontname .setter {background: none !important; text-indent: 0;}
.editorchangepallete .editor_area_02 .click_fontsize {width: auto; padding-right: 20px; margin-right: 5px;}
.editorchangepallete .clicker.click_fontsize .setter {background: none !important; text-indent: 0;}
.editorchangepallete .clicker.click_fontname:after, .editorchangepallete .clicker.click_fontsize:after {display: block; width: 8px; height: 3px; content: ''; background: url(//img.investchosun.com/images/editoricon.png) 0 -150px; position: absolute; top: 8px; right: 0;}
/*.editorchangepallete .clicker.click_strong {border-left: 1px solid #bcbcbc; margin-left: 5px; padding-left: 5px;}*/
.editorchangepallete .editor_area_02 .clicker {width: 24px; height: 20px;}
.editorchangepallete .clicker.click_strong .setter {background-position: 5px -86px;}
.editorchangepallete .clicker.click_italic .setter {background-position: -23px -86px;}
.editorchangepallete .clicker.click_underline .setter {background-position: -55px -86px;}
.editorchangepallete .clicker.click_color .setter {background-position: -174px -85px; position: realtive;}
/*.editorchangepallete .clicker.click_alignleft {border-left: 1px solid #bcbcbc; padding-left: 5px;}*/
.editorchangepallete .clicker.click_alignleft .setter {background-position: 6px -116px;}
.editorchangepallete .clicker.click_aligncenter .setter {background-position: -22px -116px;}
.editorchangepallete .clicker.click_alignright .setter {background-position: -53px -116px;}
.editorchangepallete .clicker.click_alignboth .setter {background-position: -86px -116px;}
.editorchangepallete .clicker.click_lineheight .setter {background-position: -116px -116px;}
.editorchangepallete .clicker.click_link .setter {background-position: -176px -119px;}
.editorchangepallete .clicker.click_code .setter {background-position: -208px -119px;}
#formContentEditor textarea{width: 96.8%; min-height: 350px; padding:1.5%; font-family: 'Pretendard'; font-size: 17px; border: 1px solid #cbcdcf;}
#formContentEditor {padding-bottom:20px;}
.board_cont_write h3 {font-size: 20px; color: #2c5ae9; letter-spacing: -1px; display: inline-block;}

.board_write_admin_txt {font-size:20px; color:#292a2b; letter-spacing:-0.5px; padding-bottom:10px;}
.btn_brd_cel {float: left; background: #fff; color: #2c5ae9; width: 145px; height: 40px; text-align: center; vertical-align: middle; font-size: 17px; line-height: 40px; border: 1px solid #2c5ae9;}
.btn_brd_edit {float: left; background: #2c5ae9; color: #fff; width: 145px; height: 40px; text-align: center; vertical-align: middle; font-size: 17px; line-height: 40px; border: 1px solid #2c5ae9; margin-left: 15px;}
.board_write_file {padding-bottom: 5px;}
.board_write_file {height: 41px; background: #fff; line-height: 41px; border: 1px solid #cbcdcf; margin-bottom: 5px; padding: 0; text-align: left; font-size: 15px; color:#878d91; font-size:15px;}
.board_write_file dd {width:145px; background-color:#e1e4e6; text-align:center; color:#878d91; float: left;}
.board_write_file dt {text-align:left; padding: 0px 10px; float: left; position: relative; width:80%; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}
.board_write_file_add {font-size: 15px; display: inline-block; color: #878d91; margin-bottom: 30px; float: right; overflow: hidden;}
.board_write_file_add a {float:right; border-bottom: 1px solid #878d91; text-decoration: none; letter-spacing: -1px; line-height:1.5;}
.brd_btn {clear: both; margin-bottom: 30px; overflow: hidden;}
span.borard_add_del a {position: absolute; content: ''; right: 0px; width: 14px; height: 14px; background: url(//img.investchosun.com/images/icon_board_close.png) center center no-repeat; top: 13px; text-indent: -9999px;}

/*etc*/
.nav_m_company {display:none;}

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

/*.nav_left, .nav_right {display:none !important;}*/
#header_admin .header_area {height:auto; padding:15px 0;}
#header_admin .header_area .nav_logo {width: 100%;}
#header_admin .header_area .logo a {background-size: 200px 21px; width: 200px; height: 21px; margin: 0 auto;}

#container {background-color:#fff;}
.board_cont h3 {font-size: 17px !important; color:#2c5ae9 !important;}
.board_list th, .board_list .no {display:none;}
.board_layout {min-width: 97%; width:97%; margin:0 1.5%}
.board_cont, .board_cont_view, .board_cont_write, .detail_layout {width:100%;}
.board_catname, .board_layout, .board_cont, .board_cont_view {margin:0 15px; padding: 10px 0 0 0; overflow: hidden; height: auto; width: auto;}
.board_list .subject a {font-size:17px;}
.board_cell_01 {width: 20% !important;}
.nav li {width:49.6%; display:table-cell; background-color:#f1f5f6; text-align:center; float:left; border-right:1px solid #e1e4e6; padding:15px 0;}
.nav li:nth-child(3n+3) {border-right:none;}
.nav li a {color:#222;}
.board_search input.brd_search_txt {width:78%;}
.board_search select {width:35%; font-size: 14px; background-size: 12%; background: #2c5ae9 url(//img.investchosun.com/images/icon_board_down1.png) no-repeat center right 15px;}
.board_list {padding-top: 15px; table-layout: fixed; border-top: none;}
.board_list td {padding: 8px 0px 0px 0px; width: 100%; float: left; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.board_list tr {border-bottom: 1px solid #e0e4e7;}
.board_list th, .board_list td {border-bottom:none; }
.board_list .date::after {position: absolute; content: '|'; vertical-align: middle; right: 10px; font-size: 14px; padding-top: 0px;}
.board_list .writer {width:150px; }
.board_list .writer, .board_list .date {text-align:left; margin-bottom: 10px; color:#898989; position: relative; padding-right: 5px; font-size: 14px;}
.board_list .date {width: 85px;}
.board_write_file dd {width: 25%;}
.board_write_file dt {width: 65%;}
.brd_list {width:100%; margin-bottom: 15px;}
.btn_brd_edit, .btn_brd_cel {width:47.8%;}
.board_catname .company {margin-bottom:0; border-top: 2px solid #2b5ae8; display:none;}
.board_catname .company li {background-color: #e0e4e7; text-align: left; padding-left: 1.5%; width: 31.5%; font-size: 17px;}
.board_catname .company li.on {background-color: #f1f5f6;}
.board_catname .company li.board_company_1depth a{width:100%;}
.board_catname .company li.last_board{width:100%; text-align: left; padding-left: 10px;}
.board_view_file li span {display: none;}
.board_view_subject {padding:10px;}
.board_search .board_search_txt {font-size:14px; margin-bottom:50px;}

.view_subject {font-size: 22px;}
.board_view_file li {background: #fff; margin:5px; padding:0 15px;}
.board_view_file {background-color: #ECF1FF; padding: 10px 5px; margin-bottom: 20px; border-bottom: 1px solid #ddd;}

/* */
.info_detail th {display: block; width: 100%; padding-bottom: 10px; font-weight: bold;}
.info_detail td {display: block; width: 71%;}
.editorchangepallete .editor_area_02 .click_fontsize:after {display: block; content: ''; clear: both;}
.editorchangepallete .editor_area_group li:nth-child(2), .editorchangepallete .editor_area_group li:nth-child(3) {margin-top: 4px;}

/* */
.nav_m_company {display:block;}
.board_catname, .board_cont h3{display:inline-block;}
.nav_m_company .trig_content {display: none; background: #f1f5f6; font-size: 17px; letter-spacing: -5px; padding: 0px;}
.nav_m_company {border-top:none; background:none;}
.company_m {border-top:none;}
.nav_m_company strong {font-size: 18px; letter-spacing: -0.5px; color: #222; margin: 0 15px; font-weight:400;}
.trig_content span {position: relative; margin-right:40px;}
.trig_content span a {font-size:17px; color:#888; letter-spacing:-0.5px;}
.nav_m_company li {width:100%; text-align: left; border-right: none;}
.nav_m_company li span:after {content: '|'; position: absolute; right: -20px; top: 2px; display: block; font-size:14px;}
.nav_m_company li span::last-child {}
.nav_m_company .trigger dt {display: block; border-bottom: 2px solid #2c5ae9; padding-bottom: 10px; position: relative;}
.nav_m_company .trigger dt a {color: #292a2c; text-decoration:none;}
.nav_m_company .trigger dd a {text-decoration: none;}
.nav_m_company .trigger dd {width: 50%; display: inline-block; float: left; text-align: center; padding: 15px 0; background: #fff; border-bottom: 1px solid #d2d2d2;}
.nav_m_company .trigger dd.on {background:#f1f5f6;}
.nav_m_company .trigger dd.on a{color:#2b5ae8;}
.nav_m_company .trig_open .trig_content {display:block;}
.nav_m_company .trigger dt {font-size: 20px; color: #292a2c; letter-spacing: -1px; display: table; font-weight: 600; text-decoration: none; position: relative; width:100%;}
.nav_m_company .trig_tit:after {content: ''; position: absolute; right: 0; top: 50%; display: block; width: 23px; height: 12px; margin-top: -12px; background: url(//img.investchosun.com/images/icon_board_up.png) no-repeat;}
.nav_m_company .trig_open .trig_tit:after {content: ''; position: absolute; right: 0; top: 50%; display: block; width: 23px; height: 12px; margin-top: -12px; background: url(http://img.investchosun.com/images/icon_board_down.png) no-repeat;}

}

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

.board_list .no, .board_list th {display:none;}
.brd_list {width:100%; margin: 15px 0;}
.brd_nextview {width:100%;}
.btn_brd_nextview, .btn_brd_preview {width:47%;}
.board_view_content {padding:20px 0;}
.board_view_writer span, .board_view_date span {margin: 0 10px 0 10px;}
.admin_edit {width: 100%; margin-bottom: 15px;}


}