@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0;}
body, input, button, textarea {font-family: 'ChosunGothic', AppleSDGothicNeo-Regular, "맑은 고딕", "Malgun Gothic", 나눔고딕, 돋움, Dotum, 굴림, Gulim, "Apple SD Gothic Neo", sans-serif; letter-spacing: 0; word-break: keep-all; word-wrap: break-word; white-space: inherit; color: #222; font-size: 15px; line-height: 1.3;}

/* HTML5 display-role reset for older browsers */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
html, body { width:100%; height:100%; }
body {word-break:break-all; -ms-word-break:break-all; background: #fff; -webkit-text-size-adjust : none; -ms-text-size-adjust : none; -moz-text-size-adjust : none; -o-text-size-adjust : none; }
* {box-sizing: border-box;}
h1, h2, h3, h4, h5, h6 { text-align:left; }
img, fieldset, iframe { border:0 none; }
ul, li { list-style: none; }
ol { list-style: decimal inside; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; table-layout: fixed;}
em, address { font-style:normal; }
input, select { vertical-align:middle; }
button, label { cursor:pointer; _cursor /**/:hand; }
hr, legend, caption { display:none; }
td { vertical-align:middle; }
a { color:#222; text-decoration:none; }
a:visited { color:#888; }
a:hover { text-decoration:none; }

#container-area {width:944px; margin:0 auto; font-size:15px;}
#container-area .board_zone {}

#container-area .ant_title {display: flex; align-items: center; height: 104px; background: url("//image.chosun.com/global-stock/ant_title_bg.png")center right no-repeat, rgba(2,109,79,1); background-size: auto 100%;}
#container-area .ant_title div {display: block; padding-left: 28px;}
#container-area .ant_title div .ant_title_text {display: block; width: 175px; height: 46px; margin-bottom: 8px; background: url("//image.chosun.com/global-stock/ant_title_logo.png")no-repeat; background-size: contain; text-indent: -999px;}
#container-area .ant_title div span {display: inline-block; color: #fff;}
#container-area .category_title {display: flex; align-items: center; height: 53px; margin-left: 14px;}
#container-area .category_title li {position: relative; display: inline-flex; margin: 0 10px;}
#container-area .category_title li a.active {font-weight: 600; color:#222;}
#container-area .category_title li a {color:#999;}
#container-area .category_title li:after {content: '|'; position: absolute; right: -15px; display: inline-block; font-size: 15px; color: #999;}
#container-area .category_title li:last-child:after {content: " ";}

#container-area .BasicTables {width: 100%; font-size: 15px; border-top: 1px solid #222; background:#fff;}
#container-area .BasicTables th {height: 42px; padding-top: 2px; font-weight: 600; text-align: center; color: #222; background: #eaeaea;}
#container-area .BasicTables tr {height: 44px; text-align: center; color: #222; border-bottom: 1px solid #e4e4e4;}
#container-area .BasicTables td {align-items: center; vertical-align: middle;}
#container-area .BasicTables tr:last-child {border-bottom: 1px solid #222;}
#container-area .BasicTables thead tr {border-bottom:none !important;}
#container-area .text-left {display: table-cell; text-align:left !important;}
#container-area .tcenter {line-height: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#container-area .fblue {color:#0162ab !important;}
#container-area .bold {font-weight:600;}
#container-area .notice_m {margin-right: 15px; line-height: 17px;}

#container-area .category {display: inline-block; width:65px; margin-right: 15px; text-align:center; vertical-align: middle;}
#container-area .tit_ellipsis {display: inline-block; max-width: 68%; vertical-align: middle; word-wrap: break-word; text-overflow: ellipsis; white-space: nowrap; color:#222; overflow: hidden;}
#container-area .relay_cont {display: inline-block; margin-left: 5px; vertical-align: middle;}
#container-area a.tit_ellipsis {color:#222;}
#container-area a.relay_cont {color: #0162ab;}
#container-area .icon.board_img, .icon.board_new {display: inline-block; width: 17px; height: 20px; margin-left: 4px; font-size: 0px; vertical-align: middle; background: url('//image.chosun.com/global-stock/icon_board_image.png') top center no-repeat; background-size: cover;}
#container-area .icon.board_new {background: url('//image.chosun.com/global-stock/icon_board_new.png') top center no-repeat; background-size: cover;}
#container-area .icon + .icon {margin-left: 2px;}
#container-area .bottom_wrap {position: relative; display: inline-block; width: 100%;}
#container-area .write-submit {position: absolute; top: 20px; right: 0; display: inline-block;}
#container-area .write-submit button {width: 100px; height: 56px; font-size: 18px; line-height: 56px; font-weight: 500; color: #fff; border: 0; background: #222;}

#container-area .search {display: flex; margin: 0 auto;}
#container-area .searcharea {display: flex; width: 420px; height: 45px; margin-left: -8px; border: 1px solid #d7d7d7; background: #fff;}
#container-area .searcharea input {padding: 7px 10px 5px;}
#container-area form {margin: 0 auto;}
#container-area input {width:100%; border: 0; background: none;}


#container-area input:focus {outline: none;}
#container-area .search_submit {align-items: center; justify-content: center; min-width: 42px; padding: 0 4px; border: 0; background: none;}
#container-area .search_keyword {font-weight:600; text-decoration: underline;}
#container-area .search_result {margin:0 auto; padding:125px 0; font-size:18px; text-align: center;}
#container-area .search_result span{color:#0162ab; font-weight:600; text-decoration: underline;}

#container-area .paging {position: relative; padding: 50px 0 40px; text-align:center;}
#container-area .paging .active, #container-area .paging a:hover {background: #eaeaea; color: #222; font-weight: 600;}
#container-area .paging a {display: inline-block; min-width: 25px; height: 25px; margin: 3px; line-height: 25px; color: #a6a6a6; text-align: center; vertical-align: middle; }
#container-area .paging > img {display: inline-block; width: 25px; height: 25px; margin: 3px; vertical-align: middle; font-size: 0;}
#container-area .mobileOnly, #container-area .write_m {display:none;}

/*edit 20220207*/
#container-area .board_zone_write {display:flex; width:100%; padding-top:32px;}
#container-area .board_zone_write .sub_tit {display: flex; margin-bottom: 12px; padding-bottom: 7px; font-size: 20px; border-bottom: 1px solid #0162ab;}
#container-area .board_zone_write .tblType table {table-layout: fixed; width: 100%; font-size: 18px; border-spacing: 0px 14px; border-collapse: separate;}
#container-area .board_zone_write .tblType th {padding: 10px 24px 6px; text-align: left; color: #68778f; border: 1px solid #cbcdcf; border-right: 0; background: #dbe2ed;}
#container-area .board_zone_write .tblType td {padding: 8px 15px; border: 1px solid #cbcdcf; border-left: 0; color:#999;}
#container-area .board_zone_write .tblType td input[type="text"] {width: 92%; padding:0 !important; font-size: 18px; line-height: 22px; border-left: 0;}
#container-area .board_zone_write .tblType input {margin-left: 15px;}
#container-area .board_zone_write .tblType .input_write {border-left: 1px solid #cbcdcf; background:#fff;}
#container-area .board_zone_write .btn_write {margin: 0 auto; padding: 24px 0; text-align: center;}
#container-area .board_zone_write .margin-r5 {margin-right: 5px;}
#container-area .board_zone_write .bg_white {margin:0 !important; padding:0 !important; background:#fff;}
#container-area .board_zone_write .button1 {margin:0 3px; padding: 0; background: none;}
#container-area .board_zone_write .type1 {display: inline-block; width: 78px; height: 42px; margin-right: 8px; padding: 0 10px; text-align: center; color: #FFF; cursor: pointer; border: 0px; background: #222;}
#container-area .board_zone_write .type2 {display: inline-block; min-width: 50px; width: 78px; height: 44px; padding: 0 10px; text-align: center; color:#999; cursor: pointer; border: 0px; border: 1px solid #bfbfbf; background: #fff; box-sizing: border-box;}
#container-area .board_zone_write .type2:hover {color:#222; border:1px solid #222;}
#container-area .board_zone_write .label {margin-bottom: 5px; padding: 0;}
#container-area .board_zone_write .select-box-area {position: relative; z-index: 99999 !important;}
#container-area .board_zone_write .select-box {position: relative; width: 100%; height: 30px; padding: 7px 15px; line-height: 1; cursor: pointer;}
#container-area .board_zone_write .select-box::after {content:''; position: absolute; right: 10px; bottom: 8px; display: block; width: 21px; height: 19px; background:url('//image.chosun.com/global-stock/icon_board_down.png') center center no-repeat;}
#container-area .board_zone_write .select-box.open::after {content:''; position: absolute; right: 10px; bottom: 8px; display: block; width: 21px; height: 19px; background:url('//image.chosun.com/global-stock/icon_board_up.png') center center no-repeat;}
#container-area .board_zone_write .select-box-dropDown {display: none; position: absolute; top: 35px; width: 100%; outline: 1px solid #cbcdcf; background-color: #fff;}
#container-area .board_zone_write .select-box-dropDown li {border-top: 1px solid #cbcdcf; line-height:30px;}
#container-area .board_zone_write .select-box-dropDown li a {display: block; padding: 5px 15px 2px; text-overflow: ellipsis; white-space: nowrap; color: #333; overflow: hidden;}
#container-area .board_zone_write .select-box-dropDown li:first-child {border-top:none;}
#container-area .board_zone_write .select-box-dropDown li a:hover {background: #f7f8fa;}
#container-area .board_zone_write .select-box-dropDown li:focus, .select-box-dropDown li.selected {background: #cbced1;}
#container-area .board_zone_write .input_text-area {height: 450px;}

/*write 20220209*/
#container-board {display: flex; flex: 0 1 auto; flex-flow: row wrap; width: 804px;}
.board_detail {position: relative; margin-left: 60px;}
.conCategory {display: none; align-items: center; padding: 32px 0 20px; font-weight: 600; color:#0162ab;}
.conCategory a {display: flex; align-items: center; height: 20px; font-size: 18px; line-height: 1.43; color:#0162ab;}
.conCategory a.home {color:#222;}
.conSubject {padding: 0 0 24px 0; font-size: 32px; font-weight: 600; word-break: break-all;}
.art_subtit {margin-bottom: 24px; font-size: 20px;}
.board_detail .guickguide.fixed {position: fixed; top: 60px;}
.board_detail .guickguide {position: absolute; top: 90px; transform: translateX(-80px); z-index: 1;}
.board_detail .guickguide .area {position: sticky; top: 20px;}

.board_detail .guickguide .qbutton {width: 60px;}
.board_detail .guickguide img {width:100%; margin-left: 0px;}
.board_detail .guickguide .qbutton > div {position: relative; margin-bottom: -1px; padding: 14px; font-size: 23px; text-align:center; color: #999; border: 1px solid #eaeaea; background: #fff;}
.board_detail .guickguide .qbutton > div:hover {color: #222; background: #eaeaea;}
.board_detail .guickguide .qbutton > div > a {display: block; width: 30px; height: 30px; margin:0 auto; text-align: center;}
.board_detail .guickguide .qbutton > div > a > i {font-size: 30px; margin-left: 0;}
.board_detail .guickguide .TextHover a svg:hover path {fill: #222}
.board_detail .guickguide .ShareHover a svg:hover path {fill: #222;}
.board_detail .guickguide .ShareHover a svg:hover circle {stroke: #222;}
.board_detail .ShareHover_m svg, .board_detail .TextHover_m svg { color: #222; fill: #222;}
.board_detail .guickguide .ShareHoverOpen {position: absolute; top: 0px; left: 55px; display: none; width: 195px; height: 60px; z-index: 100;}
.board_detail .guickguide .ShareHoverOpen ul {display: flex; justify-content: center; align-items: center; height: 60px; margin-left: 10px; border: 1px solid #eaeaea; background: #fff; box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%); box-sizing: border-box;}
.board_detail .guickguide .ShareHoverOpen ul li {}
.board_detail .guickguide .ShareHoverOpen ul li a {display: flex; padding: 0px 5px;;}
.board_detail .ShareHoverOpen_m {position: absolute; top: 30px; right: 0px; display: none; width: 144px; height: 58px; z-index: 100;}
.board_detail .ShareHoverOpen_m img {width: 100%; margin-left: 0;}
.board_detail .ShareHoverOpen_m ul {display: flex; align-items: center; justify-content: center; height: 58px; border: 1px solid #eaeaea; background: #fff; box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);}
.board_detail .ShareHoverOpen_m ul li {display: flex; align-items: center; margin:0; padding: 12px 2px; text-align: center; background: #fff;}
.board_detail .ShareHoverOpen_m ul li:after {}
.board_detail .ShareHoverOpen_m ul li a {display:flex; padding: 0 5px;}
.board_detail .guickguide .TextHoverOpen {position: absolute; top: 0px; left: 55px; display: none; width: 218px; height: 96px; z-index:100;}
.board_detail .guickguide .TextHoverOpen .darea {display:flex; margin-left:10px; border: 1px solid #eaeaea; background: #fff; box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);}
.board_detail .guickguide .TextHoverOpen .darea .fsize {display: flex;}
.board_detail .guickguide .TextHoverOpen .darea.font14 {font-size: 14px;}
.board_detail .guickguide .TextHoverOpen .darea.font16 {font-size: 16px;}
.board_detail .guickguide .TextHoverOpen .darea.font18 {font-size: 18px;}
.board_detail .guickguide .TextHoverOpen .darea.font20 {font-size: 20px;}
.board_detail .guickguide .TextHoverOpen .darea ul.fsize li {display: inline-flex; margin: 0px 5px 10px 5px; text-align: center;}
.board_detail .guickguide .TextHoverOpen .darea ul.fstyle li {float: left; margin: 5px 10px; font-size: 14px; background: #fff;}
.board_detail .TextHoverOpen_m {position: absolute; top: 30px; right: 0px; display: none; width: 208px; height: 96px; z-index: 1;}
.board_detail .TextHoverOpen_m .darea {display: flex; border: 1px solid #eaeaea; box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%); background: #fff;}
.article-font-bar {display: flex; align-items: center; width: 100%;}
.article-font-bar div {display: flex; align-items: center; position: relative; margin-right: 16px;}
.article-control-font {display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; width: 208px; height: 64px; padding: 16px;}
.article-control-font div input[type="radio"] {width: 12px !important; height: 12px; margin: 0; opacity: 0; z-index: 1;}
.article-control-font input[type="radio"]:checked+span {border-color: #222;}
.article-control-font input[type="radio"]+span {position: absolute; left: 0; top: 4px; display: inline-block; width: 12px; height: 12px; border: 1px solid #222; border-radius: 50%; background-color: transparent;}
.article-control-font input[type="radio"]:checked+span:after {content: ""; position: absolute; top: 2px; left: 2px; width: 6px; height: 6px; border-radius: 50%; background-color: #222;}
.font-sizes {display: flex;}
.article-control-bar-menu-font-size {display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; margin-right: 16px; cursor: pointer; border: 1px solid #999;}
.article-control-bar-menu-font-size:hover {border-color: #222;}
.article-control-bar-menu-font-size svg:hover path{fill: #222;}
.article-menu-bar svg path{fill: #999;}
.article-menu-bar svg.active path{fill: #222;}
.article-menu-bar svg:hover path{fill: #222;}
.active.article-control-bar-menu-font-size {color: #222; border: 1px solid #222;}
.article-control-bar-menu-font-size svg:hover path{fill: #none}
.font-type {display: flex; align-items: center; width: 100%;}
.font-type div {display: flex; align-items: center; position: relative; margin-right: 16px;}
.font-primary {padding-left: 4px; font-size: 14px; font-family: "ChosunGothic",sans-serif;}

.m_snsarea {display: none;}

.board_detail .board_head {justify-content: space-between; font-size: 14px;}
.board_detail .board_head .leftzone,
.board_detail .board_head .rightzone, 
.board_detail .board_head .rightzone_view {display: flex;}
.board_detail .board_head .dateline_zone {display: flex; justify-content: space-between; margin-bottom: 24px; padding-bottom: 12px; border-bottom: 1px solid #d7d7d7;}
.board_detail .board_head .uname {display: flex; padding-bottom: 8px; font-size: 15px; font-weight: 600;}
.board_detail .board_head .wdate {color: #999;}
.board_detail .board_head .board_info {display: flex; justify-content: center; align-items: center;}
.board_detail .board_head .board_info div {display: flex; justify-content: center; margin-left: 20px; color: #999;}
.board_detail .board_head .board_info div span {margin-left: 5px; font-weight: 600; color:#222;}
.board_detail .board_head .board_info div.icon-report {width: 17px; height: 15px; font-size: 0; cursor: pointer; background: url('//image.chosun.com/global-stock/icon_board_report.png') top center no-repeat; font-size:0; background-size: cover;}
.board_detail .board_head .pipeline li.icon-repor a {font-size: 0px;}
.board_detail .board_body {position: relative; max-width: 100%; overflow: auto; overflow-y: hidden;}
.board_detail .board_body :first-child {margin-top: 0;}
.board_detail .board_body p, .board_detail .board_body div {font-size: 18px; line-height: 1.7; word-break: break-word;}
.board_detail .board_body p {margin-bottom: 20px; word-break: break-all;}
.board_detail .board_body img {max-width: 100%; width: auto; height: auto; margin-left: 0; overflow:hidden;}
.board_detail .board_body p a {color: #0162ab; border-bottom: 1px solid #c8c8c8;}
.board_detail .board_body p a:hover {color: #017fde;}
.board_detail .board_body .viewText {margin-bottom: 24px; line-height: 1.78; font-size: 18px;}
.board_detail .board_body .viewText p {margin-bottom: 24px;}
.board_detail .board_body .viewImage {display: block; margin: 20px 0; font-size: 15px; line-height: 22px; letter-spacing: -0.5px; text-align: center; color:#999;}
.board_detail .board_body .viewImage span {display: block; padding-top: 8px; font-size: 14px; text-align: left; color: #999;}
.board_detail .board_body .viewImage img {display: block; max-width: 100%; margin: 0px auto;}
.board_detail .board_body .video {width: 100%; margin: 10px auto 30px auto; text-align: center; clear: both;}
.board_detail .board_body .video iframe, .board_detail .board_body iframe {max-width:100%; margin: 0 auto; text-align: center;}
.board_detail .board_body .conSubject_subtit {margin-top: 24px; font-size: 20px;}
.board_detail .board_body .rel_art_list dt {position: relative; padding-bottom: 7px; font-size:18px; letter-spacing:-0.5px; background: url("//image.chosun.com/global-stock/titledot.png") no-repeat left 9px; -webkit-background-size: 4px 4px; background-size: 4px 4px;}
.board_detail .board_body .rel_art_list dt a {display: inline-block; padding-left: 10px; height: 1.25em; line-height: 1.25em; text-decoration: none; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #222; overflow: hidden;}
.board_detail .board_body .rel_art_list span {font-size: 14px; color: #999;}
.board_detail .board_body .table table {table-layout: auto;}
.board_detail .board_body .table table th, .board_detail .board_body .table table td {min-width: 123px; padding: 8px; line-height: 1.33; border: 1px solid #d7d7d7;}
.board_detail .board_body .table table th {font-weight: bold; background: #eaeaea;}
.board_detail .board_body .table table th:first-child, .board_detail .board_body .table table td:first-child {border-left: 0;}
.board_detail .board_body .table table th:last-child, .board_detail .board_body .table table td:last-child {border-right: 0;}
.board_detail .board_body .table table th img, .board_detail .board_body .table table td img {max-width: 100% !important;}
.board_detail .board_body .image {text-align: center;} 
.board_detail .board_body .image.image-style-side {text-align: right;}

.recomm-up-area {display: flex; justify-content: center; align-items: center; margin: 0 auto; padding-top: 12px;}
.recomm-up {width: 113px; height: 113px; padding: 22px 0; cursor: pointer; color:#999; border: 1px solid #999; border-radius: 50%;}
.recomm-up.on {color:#0162ab; border: 1px solid #0162ab;}
.recomm-up span {display: flex; justify-content: center; align-items: center; font-size: 14px;}
span.recomm-count {margin-top: 5px; font-size: 20px; font-weight: 600;}
.recomm-up.on span.recomm-icon {height :19px; margin-bottom: 6px; font-size: 0; background: url('//image.chosun.com/global-stock/icon_board_recomm-up.png') center center no-repeat;}
span.recomm-icon {height: 19px; margin-bottom: 6px; font-size:0; background: url('//image.chosun.com/global-stock/icon_board_recomm-down.png') center center no-repeat;}

.btnarea {position: relative; display: flex; margin: 40px 0; padding-top: 24px; /*border-top: 1px solid #222;*/}
.leftzone {float: left;}
.rightzone {float: right;}
.btnarea .btnarea_list {position: relative; margin: 0 auto; }
.btnarea .btnarea_etc {position: absolute; right: 0;}
.button1 {background: #222; color:#fff;}
.button2 {background: #0161ab; color:#fff;}
.button3 {background: #e6e4e5; color:#a4a4a4;}
.button1, .button2, .button3 {min-width: 50px; width: 75px; height: 40px; display: inline-block; text-align: center; cursor: pointer; border: 0px; padding: 0 10px; box-sizing: border-box;}
.inputzone {width:100%; margin-top: 0px; background:#fff; border: 1px solid #d7d7d7;}
.inputzone:hover {border: 1px solid #222;}
.inputzone textarea {width: 100%; min-height: 42px; padding: 12px; border: 0px; border-radius:0px; resize: none; box-sizing: border-box;}
.inputzone textarea:focus {outline: none;}
.inputzone .btnarea {display: flex; align-items: center; justify-content: space-between; margin: 0 12px 10px; padding-top: 5px; border-top: 1px solid #c8c8c8;}
.inputzone .btnarea .text-check {font-size:14px; line-height:30px; color:#222;}
.inputzone .btnarea span {color:#999}
.inputzone .btnarea button {justify-content: center; align-items: center; width: 54px; height: 24px; font-size: 14px; line-height: 24px; color: #fff; border:0; border-radius: 21px; background-color: #999;}
.comment_member {font-size: 14px; color: #222; }
.forminner {display: flex; padding: 12px 12px 0; font-size: 15px; font-weight: 600;}
.inputzone_before { width: 100%; height: 48px; margin-top: 0px; padding: 14px; color: #999; cursor: pointer; border: 1px solid #d7d7d7; background: #fff;}
.replynreply .inputzone_before {background:#f7f7f7;}
.sortzone {width:100%; margin-top: 30px; display: flex;}
.sortzone .pipeline {}
.sortzone .pipeline li {float: left; margin-right: 8px; padding: 0px; font-size: 15px; font-weight: 600; border: 0 none;}
.sortzone .pipeline li a {color:#999;}
.sortzone .pipeline li.active a {color:#222;}
.sortzone .pipeline li:after {content: '|'; display: inline-block; margin-left:8px; font-size: 15px; color: #999;}
.sortzone .pipeline li:last-child:after {content:'';}

.commentzone {display: flex; align-items: center; width:100%; margin-top: 30px; margin-bottom: 33px; padding-bottom: 10px; border-bottom: 1px solid #222;}
.commentzone .replyTitle {display: flex; font-size: 20px; font-weight: 600;}
.commentzone .replyTitle .replycount {display: inline-block; vertical-align: middle; margin-left:5px; color: #0162ab;}
.commentzone .pipeline {float:right;}
.commentzone .pipeline li {float: left; padding: 0px; border: 0px;}

.replyzone {border-top: 1px solid #222; margin-top: 16px;}
.replyzone .replynreply .inputzone {margin:0px 0;}
.replyzone ul > li {margin: 16px 0 0; border-bottom:1px solid #d7d7d7;}
.replyzone > ul > li {display: none;}
.replyzone .replynreply ul > li:last-child {border-bottom: 0px;}
.replyzone .replynreply ul > li:first-child {margin-top: 0px;}
.replyzone ul > li .replycontents {position: relative;}
.replyzone ul > li .replycontents dl {}
.replyzone ul > li .replycontents dl dt {padding-bottom: 5px; font-size: 15px; font-weight: 600; color: #222;}
.replyzone ul > li .replycontents dl dt.best {display: inline-block; width: 45px; height: 16px; line-height: 16px; margin-right: 5px; text-align: center; font-weight: bold; color: #fff; background: #c51917;}
.replyzone ul > li .replycontents dl dt.pfImage {float: left; position: relative; width: 45px; height: 45px; margin-right: 10px; letter-spacing: -1px; border-radius: 35px; overflow: hidden;}
.replyzone ul > li .replycontents dl dt.pfImage img {position: absolute; top: 50%; left: 50%; max-width: 100%; margin-left: 0; transform: translate(-50%, -50%);}
.replyzone ul > li .replycontents dl dd {padding: 0px 0 12px 0px;}
.replyzone ul > li .replycontents dl dd.dtzone {color:#999; font-size: 14px;}
.replyzone ul > li .replycontents dl dd.text {font-size:15px; line-height: 1.5; clear: both;}
.replyzone ul > li .replycontents dl dd.write_del {color:#999;}
.replyzone ul > li .replycontents dl dd.rpbtn {display: flex; min-height:20px; padding-bottom: 0px; margin-bottom: 10px; font-size: 14px; font-weight: 600; text-decoration: underline;}
.replyzone ul > li .replycontents dl dd.rpbtn span {cursor: pointer;}
.coment-up-count {font-size: 14px; color: #707070; line-height: 1.8; margin-left: 5px;}
.coment_ip {font-size: 14px; color: #707070; font-weight: 300;}
.coment-up-icon {position: absolute; right: 0; display: flex; align-items: center; cursor: pointer;}
.coment-up-icon svg {fill: #999;}
.coment-up-icon svg:hover {fill: #222;}
.coment-up-icon.active span {color:#0162ab;}
.coment-up-icon.active svg {fill: #0162ab;}
.replyzone ul > li .replycontents dl dd.rpbtn button {float: left; text-align: left;}
.replyzone ul > li .replycontents .morebtn {position: absolute; top:0px; right: 0px;}
.replyzone ul > li .replycontents .morebtn .axi {width: 20px; height: 20px; border: 0; background-color: transparent;}
.replyzone ul > li .replycontents .morebtn .axi svg:hover g {fill: #222;}
.replyzone ul > li .replycontents .optionbtn {display: none;}
.replyzone ul > li .replycontents .optionbtn {position: absolute; top:25px; right:0px; min-width:75px; border:1px solid #c2c2c2; border-radius: 3px; background: #fff; z-index:10;}
.replyzone ul > li .replycontents .optionbtn button {display: block; width: 100%; padding: 8px 5px; font-size: 14px; color: #222; border: 0; border-top: 1px solid #d7d7d7; background: transparent;}
.replyzone ul > li .replycontents .optionbtn button:first-child {border-top: 0;}
.replyzone ul > li .replycontents .replynreply {display: none; padding:16px 20px; border-top: 1px solid #d7d7d7; background: #eaeaea;}
.replyzone .comment-more {display: flex; justify-content: center; align-items: center; width: 100%; margin-top: 40px; padding: 8px; font-size: 15px; font-weight: 600; cursor: pointer; border: 0; border-top:1px solid #222; background-color: #eaeaea; color:#222;}
.replyzone .comment-colsed {display: flex; justify-content: center; align-items: center; width: 100%; margin-top: 20px; padding: 8px 0 0; font-size: 15px; cursor: pointer; color:#999; border:0; border-top:1px solid #d7d7d7; background-color: transparent;}

.gtitle {padding: 42px 0 16px 0; font-size: 23px; font-weight: 600; color: #0162ab;}
.view_pcpadonly .BasicTables tr.active {background: #dbe2ed;}
.view_pcpadonly .BasicTables td {ertical-align: middle; text-align: center;}
.view_pcpadonly .BasicTables a.tit_ellipsis {margin-left: 12px; color: #222;}
.view_pcpadonly .BasicTables tit_ellipsis {display: inline-block; max-width: 72%; word-wrap: break-word; vertical-align: middle; text-overflow: ellipsis; white-space: nowrap; color: #222; overflow: hidden;}
.view_pcpadonly .bottom_wrap {position: relative; display: inline-block; width: 100%; padding: 0 px; box-sizing: border-box;}
.view_pcpadonly .paging {padding: 25px 0 40px !important;}

/*신고 팝업*/
.popup_report {position: absolute; right:70px; display: none; height: 572px; width: 312px; margin-top: 0px; padding: 24px; border: 1px solid #eaeaea; box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%); background-color: #fff; z-index: 9999;}
.option_popup_report {position: absolute; right: 0; top: 25px; display: none; width: 312px; height: 480px; padding: 24px; border: 1px solid #eaeaea; box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%); background-color: #fff; z-index: 9999;}
.popup_report h1, .option_popup_report h1 {margin: 35px 0 18px; font-size: 18px; font-weight: 600;}
#close_button, #close_button1 {float: right; margin-top: -3px;}
.popup_report-area {position: fixed; top: 0; left: 0; display: none; z-index: 99;}
.popup-del-list .del-txt {padding-left: 8px; font-size: 16px; color:#999;}
.popup-del-list .popup-report-send {display: flex; justify-content: center; align-items: center; min-width: 50px; width: 100%; height: 45px; padding: 0 10px; cursor: pointer; text-align: center; color: #fff; border: 0px; background: #000; box-sizing: border-box;}
.popup-del-list div {position: relative; padding-bottom: 8px;}
.popup-del-list div input {position: relative; width: 12px !important; height: 12px !important; margin: 0; opacity: 0; z-index: 1;}
.popup-del-list div input[type="radio"]:checked+span+label {color:#222; border-color: #222;}
.popup-del-list div input[type="radio"]+span {position: absolute; left: 0; top: 4px; display: inline-block; width: 12px; height: 12px; border: 1px solid #999; border-radius: 50%; background-color: transparent;}
.popup-del-list div input[type="radio"]:checked+span:after {content: ""; position: absolute; top: 2px; left: 2px; width: 6px; height: 6px; border-radius: 50%; background-color: #222;}
.popup-del-list div input:checked + label {color:#222;}
.popup-del-list .input_txt {height:75px; margin-bottom: 10px; padding: 12px; background: #fff; border: 1px solid #c8c8c8;}
.popup-del-list .input_txt textarea {width: 100%; min-height: 42px; border: 0px; border-radius: 0px; resize: none; box-sizing: border-box;}
.popup-del-list .input_txt textarea:focus {outline: none;}
.popup-del-list .popup-del-list_txt {padding-bottom: 25px; font-size:12px; color:#999;}
/*write 20220209*/


@media only screen and (min-width: 768px) and (max-width: 1023px) {

#container-area {width: 100%;}
#container-area form {width: 100%;}
#container-area .search, #container-area .searcharea {width: 70%; margin: 0 auto;}
#container-area .tit_ellipsis {max-width: 50%;}

}


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

body.m-area {background: #f7f7f7;}
#container-area {width: 100%; padding-bottom: 0px; font-size: 16px;}
#container-area .board_zone {display: none;}
#container-area .mobileOnly {display: block;}
#container-area .ant_title {height: 140px; background: url("//image.chosun.com/global-stock//ant_title_bg_m.png")center right no-repeat, rgba(2,109,79,1); background-size: auto 100%;}
#container-area .ant_title div {padding-left: 14px;}
#container-area .ant_title div span {display: block; font-size: 13px;}
#container-area .category_title {height: 45px;margin-left: 0; background: #fff;}
#container-area .category_title li {margin: 0 6px;}
#container-area .category_title li:after {right: -10px; font-size: 16px;}

#container-area .BasicTablesMobile {}
#container-area .BasicTablesMobile > li {position: relative; padding: 12px 12px 6px; border-bottom: 1px solid #d7d7d7;}
#container-area .boardInfo {display: inline-flex; padding-top: 5px;}
#container-area .pipeline li, .pipeline li a {float: left; font-size: 13px; color: #999;}
#container-area .boardInfo .pipeline li {margin-right: 0px;}
#container-area .pipeline li:after {content: "|"; padding: 0 8px; font-size: 12px; color: #d7d7d7;}
#container-area .pipeline li:last-child:after {content: " ";}
#container-area .category {justify-content: left; width: auto; margin-right: 0; text-align: left;}
#container-area .text-left {display: flex; align-items: center;}
/*#container-area .tit_ellipsis {max-width: 75%;}*/

#container-area .bottom_wrap {padding: 0; padding-bottom: 30px; border-bottom: 1px solid #d7d7d7; background:#fff;}
#container-area .paging {padding: 20px 0 20px;}
#container-area .paging a {font-size: 15px;}
#container-area .search, #container-area .searcharea {width: 100%; max-width: 270px; min-width: 220px;}
#container-area .write_m {position: fixed; bottom: 70px; right: 20px; display:block;  width: 70px; height: 70px; font-size: 0; border-radius: 50%; background: url('//image.chosun.com/global-stock/icon_board_write_m.png') center center no-repeat; background-color:#000; z-index: 20;}

/*edit 20220207*/
#container-area .board_zone_write {padding-top: 16px; background: #f7f7f7;}
#container-area .board_zone_write .sub_tit {margin-bottom: 0px; padding-bottom: 0px; font-size: 18px; border-bottom: none;}
#container-area .board_zone_write .tblType table {font-size: 16px;}
#container-area .board_zone_write .tblType th, #container-area .board_zone_write .tblType td {justify-content: center; align-items: center; padding: 10px 10px 7px; font-weight: 400;}
#container-area .board_zone_write .tblType td input[type="text"] {font-size: 16px;}
/*#container-area .board_zone_write form {width:100%;}
#container-area .board_zone_write .tblType .input_write {}
#container-area .board_zone_write .btn_write {padding: 8px 0 12px 0;}
#container-area .board_zone_write .type1, #container-area .board_zone_write .type2 {width: 68px; height: 37px; font-size: 14px;}


/*write 20220209*/
.board_detail {flex-basis: 100%; max-width: 100%; margin: 0; padding: 0px; background: #fff; overflow: hidden;}
.board_detail .board_head .dateline_zone {margin-bottom: 12px;}
.board_detail .board_head .board_info div {margin-left: 12px;}
.board_detail .guickguide {display: none;}
.view_pcpadonly {display: none;}
.gtitle {font-size: 18px; color: #222;padding-bottom: 8px;}
#container-area .mobileOnly .BasicTablesMobile{background: #fff;}
.line-black {border-top: 1px solid #222;}
.m_snsarea {position: relative; display: flex; justify-content: flex-end; align-items: center; margin-top: 15px;}
.m_snsarea li{display:inline-flex; margin-left:5px; color:#999;justify-content: center; align-items: center;}
.m_snsarea li.icon-report {justify-content: space-between; align-items: flex-end; width: 18px; height: 24px; background: url('//image.chosun.com/global-stock/icon_board_report.png') center center no-repeat; font-size:0; cursor: pointer;}
.conCategory {padding: 16px 0;}
.conCategory a {font-size: 16px;}
.conSubject { margin-bottom: 0; padding: 0 0 16px 0; font-size:24px; line-height: 1.42;}
.board_detail .board_head .pipeline li {margin-left: 8px;}
.board_detail .board_head .pipeline li span {font-weight: 400;}
/*#container-area .board_detail .pipeline li:after {content: ""; padding: 0px; font-size: 0px;}*/
#container-area .board_detail .sortzone .pipeline li:after {content: "|"; margin-left:8px; padding: 3px; color: #d7d7d7; font-size: 12px;}
#container-area .board_detail .sortzone .pipeline li:last-child:after {content:""; font-size:0;}
.board_detail .board_head .pfInfo .uname {font-size: 16px; font-weight: 400;}
.board_detail .board_head .board_info div.icon-report {display: none;}
.board_detail .board_head {padding-bottom:12px;}
.board_detail .board_head .board_info div span {font-weight: 400;}
.btnarea .btnarea_list {margin: 0;}
.btnarea .btnarea_list.align-center {margin: 0 auto; }
.board_detail .board_body .video {width: 100% !important; min-width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.board_detail .board_body .video iframe, .video object, .video embed, embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.board_detail .board_body .table table th, .board_detail .board_body .table table td {min-width: 65px; line-height: 1.5}
.popup_report {top:120px; left: 50%; -webkit-transform: translate(-50%, -0%); -moz-transform: translate(-50%, -0%); -ms-transform: translate(-50%, -0%); -o-transform: translate(-50%, -0%); transform: translate(-50%, -0%);}
.option_popup_report {top:10%; left: 50%; -webkit-transform: translate(-50%, -10%); -moz-transform: translate(-50%, -10%); -ms-transform: translate(-50%, -10%); -o-transform: translate(-50%, -10%); transform: translate(-50%, -10%);}

#container-area .board_detail .sortzone .pipeline li li {margin-right: 3px;}
#container-area .board_detail .sortzone .pipeline li:after {padding: 0 5px;}
.commentzone {margin-top: 0; margin-bottom: 24px;  padding-bottom: 5px;}
.commentzone .replyTitle{font-size: 18px;}
.replyzone ul > li .replycontents .replynreply {padding: 16px;}
.replyzone ul > li, .replyzone {margin-top: 12px;}
.replyzone ul > li .replycontents dl dt, .sortzone .pipeline li a {font-size: 14px; font-weight: 400;}
.sortzone .pipeline li.active a {font-weight: 600; color:#222}
.replycontents dt {font-weight: 600 !important;}  
.replyzone .comment-more {margin-top:16px; font-size: 15px;}
.button1, .button2, .button3 {width: 65px; height: 35px; font-size:15px;}
.btnarea {margin: 36px 0 24px; padding-top: 16px;}
#container-area .board_zone_write .type1, #container-area .board_zone_write .type2 {width: 65px; height: 35px; font-size: 15px;}
.inputzone_before {font-size: 15px;}
.coment-up-count {font-weight: 400;}
/*write 20220209*/

}