@charset "utf-8";
/* CSS Document */
html,body{ font-size: 15px; word-break: keep-all; color: #313131} 
@media only screen and (max-width: 1023px){	
	html,body{ font-size: 14px;}
}
@media only screen and (max-width:767px){	
	html,body{ font-size: 13px; letter-spacing: 0}
}



/* 공지사항 */
.container.notice-list{ padding: 0 0 0px 0} 
.container.notice-list > div:not(.space-info-tabs){ border: none; box-shadow: none} 
.search-bar .search-status-label{ display: inline-block;padding-top: 16px; font-size: 14px} 
.search-bar .search-status-label strong{ color:#0069d9; padding-left: 8px} 
.search-field-wrapper .search-button, .search-field-wrapper .search-button:hover, .search-field-wrapper .search-button:focus{ color: #000;border: none; background:  none !important; outline: none; box-shadow: none; right: 0;display: block;position: absolute;top: 0;padding: 0; border-radius: 0; padding-right: 0; width: 50px; margin: 0; } 
.search-field-wrapper .search-button:hover{ color:#0069d9 !important} 
.search-field-wrapper .fa-search{ background: none; width: 100%; height: 100%; display: block; line-height: 34px} 
.wrapper-search-input .fa-search:before, .search-field-wrapper .fa-search:before{font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display: inline-block;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content:"\F0D1";font-size: 24px; line-height: 34px}
.notice-search-bar.search-bar{ margin-bottom:20px } 
.search-bar div.search-field-wrapper{ margin: 0; padding: 0; width: auto; display: block;  }
.search-field-wrapper input[type='text']{ padding:5px 10px; height:34px; } 
.notice-search-bar .search-field-wrapper input[type='text'], .notice-search-bar .search-field-wrapper select{} 
.notice-search-bar .search-field-wrapper select{  } 
.notice-search-bar .search-field-wrapper input[type='text']:focus, .notice-search-bar .search-field-wrapper select:focus{ border-color: #1a1a1a}
.search-bar .search-status-label{ padding: 0; line-height: 34px; vertical-align: middle; height: 34px; overflow: hidden} 
table.table{ margin: 0} 
table.table-bordered thead tr th, table.table-bordered thead tr td{ text-align: center; height: 60px; padding: 0 5px; vertical-align: middle; background:#f3f4f9;border-bottom: 1px solid #bbb; font-size: 15px; border-top: 2px solid #191919} 
table.table-bordered tbody tr th, table.table-bordered tbody tr td{ text-align: center; height: 70px; padding:10px 5px; vertical-align: middle; font-size: 1rem;border-bottom: 1px solid #ddd; color: #666f8c } 
table.table-bordered tbody tr td.field-title{ text-align: left} 
.field-title a:hover{ text-decoration: underline !important;color: #000 !important} 
table.table-bordered tbody tr td.field-created_date, table.table-bordered tbody tr td.field-id{ font-size: 1rem} 
table.table-bordered tbody tr td.field-created_date.nowrap{ white-space: nowrap} 
.pagination {text-align: center;padding-top: 20px;display: table;table-layout: fixed;width: 100%;}
.pagination p, .pagination p a{ text-align: center; font-size: 1.0666rem; color: #000 !important} 

.pagination span{ display: inline-block;padding: 0 5px;vertical-align: top;color: #0069d9 !important; min-width: 30px;font-weight: bold; line-height: 40px; box-sizing: border-box} 
.pagination p a:hover{ text-decoration: underline !important; } 
.pagination span > a {min-width: 16px;height: 40px;display: block;cursor: pointer;font-weight: normal; text-decoration: none}
.pagination span:first-child:before, .pagination span:last-child:before{ position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%;font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display: inline-block;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; text-indent: 0; content: "\EA54"; font-size: 22px; color: #000 !important} 
.pagination span:first-child:before{content:"\EA52"} 
.notice-header{width: 100%;max-width: 1260px;margin: 0 auto;padding: 20px 0 ;display: table;flex-wrap: wrap;border-bottom: 0;border-top:1px solid #191919; border-bottom: 1px solid #ddd} 
/* 3.2.1 Update */
.notice-header.count{ margin-bottom: 10px; } 

.notice-header h3{color: #000;letter-spacing: 0;text-align: left;text-shadow:none;font-weight: 400;font-size:  1.285rem; display: table-cell; word-break: keep-all; padding-left: 30px; padding-right: 30px; word-break: break-all}
.notice-header time{ text-align: right; padding-top:0;display: table-cell; width: 180px; font-size: 14px; color: #313131; font-weight: 200; letter-spacing: 0; padding-right: 30px} 
.container.repository-detail{ padding-top: 0 !important; padding-bottom: 0} 
.pkg_board{} 
.tdContent{ font-size: 1rem} 
.tdContent a, .tdContent p a:not(.btn), .tdContent p a:visited:not(.btn), .tdContent a:hover, .tdContent p a:not(.btn):hover, .tdContent p a:visited:not(.btn):hover{ text-decoration: underline !important; color: blue}
.container>div.btn_bottom{ border: none; box-shadow: none} 
.ri-star-fill.blue{ color: #0069d9} 
table.table-bordered tbody tr td.field-title{ line-height: 1} 
table.table-bordered tbody tr td.field-title a{ display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; max-width: calc(100% - 120px) ; line-height: 1; color: #666f8c} 
span.ico.new{ display: inline-block;  font-size: 0; background: #000; margin-left: 10px; padding: 3px; border-radius: 2px; background: rgba(245,190,0,1.00)} 
span.ico.new:before{ content: "N"; font-size: 11px; color: #fff } 
table.table-bordered tbody tr td.field-title *{ display: inline-block; vertical-align: middle } 
.notice-header .file-body{ font-weight: 500; float: left; width: 150px; padding-left: 30px} 
.notice-header .file-list{float: right; width: calc(100% - 150px)} 
.notice-header + .notice-header{ border-top-color: #ddd} 
.notice-header .file-list p + p{ margin: 0; margin-top: 3px} 

@media only screen and (max-width: 1290px){	
	.container, .content-wrapper{ padding-left: 20px; padding-right: 20px} 
	
}
@media only screen and (max-width: 1023px){	
	/*
	table.table-bordered tbody tr th, table.table-bordered tbody tr td{ height: auto; } 
	table.table-bordered tbody tr td.field-title span.ico.new{ position: absolute; left: 0; top: 18px; height: 17px; line-height: 14px } 
	*/	
	.notice-list table.table-bordered{ display: block;border-top: 2px solid #191919; } 
	.notice-list table.table-bordered thead, .notice-list table.table-bordered colgroup{ display: none} 
	.notice-list table.table-bordered tbody tr{ display: block; width: 100%; overflow: hidden; border-bottom: 1px solid #ddd; padding: 10px 0; position: relative}
	.notice-list table.table-bordered tbody tr td{ border: none; padding: 0; height: auto; max-height: 50px} 
	.notice-list table.table-bordered tbody tr td.field-title a{ width: auto; display: inline; word-wrap: normal; white-space: normal; text-overflow: inherit ;max-width: none; line-height: 25px;overflow: hidden; word-break: keep-all} 
	.notice-list table.table-bordered tbody tr td.field-title{ overflow: hidden; text-overflow:ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; width: calc(100% - 50px)} 
	.notice-list table.table-bordered tbody tr td.field-id, .notice-list table.table-bordered tbody tr td.field-title{ float: left;} 
	.notice-list table.table-bordered tbody tr td.field-id{ width:40px; text-align: left; padding-left: 5px} 
	.notice-list table.table-bordered tbody tr td.field-title  span.ico.new{ position: absolute; left: 40px; bottom: 10px; margin-left: 0} 
	.notice-list table.table-bordered tbody tr td.field-created_date.nowrap { display: block; float: none; clear: both; text-align: right} 
	.notice-list table.table-bordered tbody tr td.field-created_date.nowrap:before{font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display: inline-block;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content: "\EB27"; vertical-align: middle; padding-right: 5px} 
	.notice-list table.table-bordered tbody tr td.field-title  span.ico.new:before{content:"NEW"}
	.notice-search-bar .search-field-wrapper input[type='text']{ width:180px } 
	.notice-list table.table-bordered tbody, .notice-list table.table-bordered tbody tr{ display: block; width: 100%; clear: both; float: none; }
	.notice-header h3{ padding-left: 0; } 
	.notice-header time{ padding-right: 0} 
	.container.repository-detail, .container.repository-detail .tdContent{ padding-left: 0 !important; padding-right: 0 !important}

	/* 3.2.1 Update */
	.notice-list table.table-bordered tbody tr td.field-views.nowrap { display: block; float: none; clear: both; text-align: right} 
	.notice-list table.table-bordered tbody tr td.field-views.nowrap:before{font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display: inline-block;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content: "\ecb5"; vertical-align: middle; padding-right: 5px} 
}


@media only screen and (max-width:767px){
	.search-form .search-field-wrapper input{ width: auto } 	
	.notice-search-bar.search-bar{ margin-top: 0} 
	.pagination p, .pagination p a,.pagination span{ font-size:1rem}	
	.notice-header .file-body{ float: none; width: auto; padding-left: 0; font-weight: 700; margin-bottom: 5px } 
    .notice-header .file-list{ float: none; width: auto;} 
	
}

@media only screen and (max-width:500px){
	.notice-search-bar.search-bar{ position: relative; /* padding-bottom: 40px; 2021.06.15 pwm*/ display: block} 
	.search-bar .search-form.fr{ float: none !important} 
	.search-bar .search-status-label{ position: absolute; left: 0; bottom: 0; float: none}
	.notice-search-bar .search-field-wrapper select,.notice-search-bar .search-field-wrapper input[type='text']{  margin-left: 0} 
	.search-field-wrapper .search-button{ top: 0; bottom: 0} 
	.notice-header time,.notice-header h3{ display: block; width: auto; margin-top: 0}
	.tdContent{ padding: 0 !important} 
	.container.repository-detail{ padding-left: 0 !important; padding-right: 0 !important} 
	.notice-search-bar .search-field-wrapper input[type='text']{ width: 50%; float: right} 
	.notice-search-bar .search-field-wrapper select{ width: calc(50% - 10px); float: left} 
	.search-bar div.search-field-wrapper{ text-align: left} 
}

/* 3.2.1 Program CSS */
.layer_wrap.program .btn_layer_close:after{position:absolute;left:25%;top:50%; transform: translate(-50%,-50%);width:100%;height:100%;font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display: inline-block;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content: "\EB99"; font-size:30px; color: #666; display: block; line-height: 28px }

.layer_wrap.program .layer_title{ word-wrap: break-word; }

/* TODO: Img URL Change */
table.table-bordered thead tr th.column-enroll div:after{ vertical-align:middle; font-family: "remixicon"; content: "\f044"; font-size:15px; color: #666; }
table.table-bordered thead tr th.column-enroll div:hover:after{ position:absolute; top:121px; left:55%; margin-left: calc(300px / -2); width: 620px; height: 310px; content: ""; background-image: url("/static/mlp/img/event_info.png"); background-repeat: no-repeat; border: 1px solid #F4F5FF; border-radius: 10px; box-shadow: rgb(0 0 0 / 30%) 10px 12px 12px 5px !important; z-index: 1; }

table.table-bordered tbody tr td.field-p_title{ text-align: left; }
table.table-bordered tbody tr td.field-p_title:hover{ text-align: left; text-decoration:underline; }

table.table-bordered tbody tr td.field-sign_up button { padding: 10px; width:70%; height: 70%; background-clip: content-box; border-radius: 25px; vertical-align: -webkit-baseline-middle; }
table.table-bordered tbody tr td.field-sign_up .btn_apply{  border: 1px solid rgb(58, 139, 194); color: rgb(58, 139, 194); } 
table.table-bordered tbody tr td.field-sign_up .btn_apply:hover{ background: rgb(58, 139, 194); color: #fff; } 

table.table-bordered tbody tr td.field-sign_up .btn_ok{ border: 1px solid rgb(254, 130, 0); color: rgb(254, 130, 0); } 
table.table-bordered tbody tr td.field-sign_up .btn_ok:hover{ background: rgb(254, 130, 0); color: #fff; } 

table.table-bordered tbody tr td.field-sign_up .btn_fail{ border: 1px solid rgb(245, 84, 92); color: rgb(245, 84, 92); } 
table.table-bordered tbody tr td.field-sign_up .btn_fail:hover{ background: rgb(245, 84, 92); color: #fff; } 

table.table-bordered tbody tr td.field-sign_up .btn_change{ border: 1px solid rgb(62, 169, 141); color: rgb(62, 169, 141); } 
table.table-bordered tbody tr td.field-sign_up .btn_change:hover{ background: rgb(62, 169, 141); color: #fff; } 

table.table-bordered tbody tr td.field-sign_up .btn_wait{ border: 1px solid #e5e5e5; background: #e5e5e5; color: #222; cursor:default; } 

table.table-bordered tbody tr td.field-sign_up .btn_end{ border: 1px solid #6b6b6b; background: #6b6b6b; color: #e5e5e5; cursor:default; } 

.btm_group.clearfix .icons{ font-size: 25px; color: rgb(238, 73, 87); }
.btm_group.clearfix .icons:before{ font-family: "remixicon"; font-size: 29px; content: "\ee0b"; vertical-align: sub;}
.btm_group.clearfix .icons.active:before{ font-family: "remixicon"; content: "\ee0a"; }


@media only screen and (max-width: 1023px){	
	table.table-bordered tbody tr td.field-recruitment{ display: block; float: none; clear: both; text-align: right; }
	table.table-bordered tbody tr td.field-recruitment:before{font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display: inline-block;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content: "\F25f"; vertical-align: middle; padding-right: 5px} 
	
	table.table-bordered tbody tr td.field-sign_up_date{ display: block; float: none; clear: both; text-align: right; }
	table.table-bordered tbody tr td.field-sign_up_date:before{font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display: inline-block;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content: "\EB27"; vertical-align: middle; padding-right: 5px} 
	
	table.table-bordered tbody tr td.field-division{ white-space: nowrap; padding-right: 20px; vertical-align: top;}
	
	table.table-bordered tbody tr td.field-p_title span.ico.new{ position:absolute; left: 40px; bottom: 10px; margin-left: 0px; }
	table.table-bordered tbody tr td.field-p_title span.ico.new:before{content:"NEW"}

	table.table-bordered tbody tr td.field-sign_up button { padding: 0px; width:85%; height: 20px; }
	table.table-bordered tbody tr td.field-sign_up{ position:absolute; height: 35px; width:90px; right:90px; bottom: -5px; display: block; float: none; clear: both; }
}

/* Editor CSS */
table.table-bordered tbody tr td.field-views, table.table-bordered tbody tr td.field-id{ font-size: 1rem} 
table.table-bordered tbody tr td.field-views.nowrap{ white-space: nowrap} 

.repository-detail .btn_bottom{ clear:both; border: none !important; padding: 35px 0px 0px 0px !important; box-shadow:  none !important; border-top: 1px solid #191919 !important} 
.tdContent ol{list-style-type: revert !important; }
.tdContent ul{list-style-type: revert !important; }
.tdContent li{list-style-type: revert !important; }

/* TEXT_TOOLBAR : QUOTE */
.se2_quote1{margin:0 0 30px 20px;padding:0 8px;border-left:2px solid #ccc;color:#888}
.se2_quote2{margin:0 0 30px 13px;padding:0 8px 0 16px;background:url("../../img/bg_quote2.gif") 0 3px no-repeat;color:#888}
.se2_quote3{margin:0 0 30px;padding:12px 10px 11px;border:1px dashed #ccc;color:#888}
.se2_quote4{margin:0 0 30px;padding:12px 10px 11px;border:1px dashed #66b246;color:#888}
.se2_quote5{margin:0 0 30px;padding:12px 10px 11px;border:1px dashed #ccc;background:#fafafa;color:#888}
.se2_quote6{margin:0 0 30px;padding:12px 10px 11px;border:1px solid #e5e5e5;color:#888}
.se2_quote7{margin:0 0 30px;padding:12px 10px 11px;border:1px solid #66b246;color:#888}
.se2_quote8{margin:0 0 30px;padding:12px 10px 11px;border:1px solid #e5e5e5;background:#fafafa;color:#888}
.se2_quote9{margin:0 0 30px;padding:12px 10px 11px;border:2px solid #e5e5e5;color:#888}
.se2_quote10{margin:0 0 30px;padding:12px 10px 11px;border:2px solid #e5e5e5;background:#fafafa;color:#888}

/* COMMON */
body,.se2_inputarea{margin:0;padding:0;font-family:'돋움',Dotum,Helvetica,Sans-serif;font-size:12px;line-height:1.5}
.se2_inputarea p,.se2_inputarea br{margin:0;padding:0}
.se2_inputarea{margin:15px;word-wrap:break-word;*word-wrap:normal;*word-break:break-all}
.se2_inputarea td{word-break:break-all}
.se2_inputarea_890{width:741px;margin:20px 0 10px 64px}
.se2_inputarea_698{width:548px;margin:20px 0 10px 64px}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	.se2_inputarea td:empty:after,.se2_inputarea td > p:empty:after{content:"\00A0";line-height:1}
}

/* 프로그램 신청 댓글 */
.new2021-container.page-content-container{ max-width: none} 
.new2021-container > .container{ padding-top: 20px} 
.new2021-container > .container:first-of-type{ padding-top: 10px} 
.new2021-container > .container:last-of-type{ padding-bottom: 0} 
.new2021-container .container>div{ border: none; box-shadow: none; display: block} 
.new2021-container .container>div .meetview-wrapper{ padding-top: 0} 
.new2021-container .container>div.view_bx{ margin-bottom: 0px}
.new2021-container .list_bx{} 
.new2021-container .discus_list{ border: 1px solid #ddd; margin-top: 20px; border-radius: 7px; overflow: hidden; position: relative} 
.new2021-container .discus_list:first-of-type{ margin-top: 0} 
.new2021-container .discus_list > a{ padding: 0; background: rgba(0,0,0,0.00)} 
.new2021-container .discus_list > a:hover{ text-decoration: underline} 
.new2021-container .discus_list h4{font-size:  1.285rem;font-weight: 400;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; color: #000; line-height: 20px;background: #fff; padding: 25px 30px 0 70px;} 
.new2021-container .discus_list .type, .new2021-container .discus_view .type{ position: absolute; left: 30px; top: 20px; padding: 0; background: none; width: 30px; height: 30px; background: #fece40; border-radius: 100%; color: #fff; text-align: center; line-height: 30px; z-index: 2} 
.new2021-container .discus_list .type:before, .new2021-container .discus_view .type:before{content: "\F047";font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
.new2021-container .type.d{ background: none; color: #feba29} 
.new2021-container .type.d:before{content: "\EC39"; font-size: 26px} 
.new2021-container .discus_list .thumtxt, .new2021-container .discus_list .etc{ background: #f7f7f7;} 

.new2021-container .discus_list:nth-of-type(2n) .etc{ background: #f2f2f2;} 

.new2021-container .discus_list .thumtxt{ padding: 5px 30px 20px 70px; color: #6a737b;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; background: #fff  } 
.new2021-container .etc{ padding: 15px 30px 15px 40px;  width: 100%} 
.new2021-container .etc p{ display: inline-block; max-width: 33.333%; font-size: 0.933rem; padding-right:40px; margin-top: 0} 
.new2021-container .etc p strong{ font-weight: 200} 
.new2021-container .etc p:before{content: "\ED70";font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; padding-right:5px; vertical-align: middle} 
.new2021-container .etc p.writer:before{ content: "\F25B"}
.new2021-container .etc p.date:before{ content:"\EB25"}
.new2021-container .etc p.reply:before{ content:"\EF46"}
.new2021-container .nodata{font-size:  1.285rem;font-weight: 400;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; color: #000; line-height: 30px;background: #fff; padding: 25px 30px; text-align: center} 
.new2021-container .etc p.writer .now.drop{ color: #888} 
.new2021-container .etc p.writer .now.drop:before{ content: "/"} 

.new2021-container .discus_list:nth-of-type(2n){ border: 1px solid #bbb; }
.new2021-container .head_bx{ position: relative}  
.new2021-container .add{ position: absolute; right: 0; top: 0} 
.new2021-container .bt_add{padding: 0px 10px;    border-radius: 5px;background: #fff !important;color: #0069d9 !important;border: 1px solid #0069d9 !important; font-size: 14px; line-height: 35px; height: 35px}
.new2021-container .bt_add:before{font-family: "remixicon";font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;text-align: center;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content:"\EA13"; vertical-align: top; padding-right: 5px; font-weight: bold } 
.new2021-container .search-field-wrapper{ position: relative; margin-bottom: 20px} 
.new2021-container .search-button, .new2021-container .search-field-wrapper input[type='text']{ padding-right: 50px} 
.new2021-container .search-button, .new2021-container .search-field-wrapper .search-button, .new2021-container .search-field-wrapper .search-button:hover, .new2021-container .search-field-wrapper .search-button:focus{color: #000;border: none;background: none !important;outline: none;box-shadow: none;right: 10px;    display: block;position: absolute;top: 0;padding: 0 20px;border-radius: 0;padding-right: 0;width: 50px;margin: 0;height: 34px;    line-height: 34px;} 
.new2021-container .btn_box{ margin: 30px auto 0 auto; text-align: center;} 
.new2021-container .btn_box .bt_more{display: inline-block;font-size: 1rem;color: #000;line-height: 28px; }
.new2021-container .btn_box .bt_more:after{ width: 28px; height: 28px; background: #ccc; content:"\EA4C";font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;vertical-align: middle; text-align: center; border-radius: 100%; display: inline-block; margin-left: 12px; font-weight: 400; font-size: 21px; text-align:center  } 
.new2021-container .btn_box .bt_more:hover{ color: #0069d9 !important} 
.new2021-container .btn_box .bt_more:hover:after{ background: #0069d9 !important; color: #fff !important } 

/**/
.new2021-container .discus_view .etc{ padding-left: 30px} 
.new2021-container .discus_view .etc p{ margin-top: 0} 
.new2021-container .discus_view .header > .tool{ right: 0} 
.new2021-container .reply_bx{ background: #fafafa; padding: 25px 30px; border-bottom: 1px solid #ddd} 

.new2021-container .reply_bx{ background: #fafafa; padding: 25px 30px; border-bottom: 1px solid #ddd} 
.new2021-container .reply_bx.event{ margin-top: 25px; }
.reply_bx .write_box .reply_tit{ font-size: 1.066rem; margin-bottom: 10px} 
.reply_bx .input{border: 1px solid #cdd0db; border-radius: 5px; background: #fff; float: left; width: calc(100% - 120px); margin-bottom: 25px; overflow: hidden} 
.reply_bx .input textarea{ border: none; height: 80px} 
.reply_bx .input .count{ font-size: 13px; text-align: right; padding:5px 15px 5px 0} 
.reply_bx .input .count strong{ color:#0069d9; font-weight: 400 } 
.reply_bx .write_area .btn_box{ width: 107px; height: 107px; float: right; margin: 0} 
.reply_bx .write_area .btn_box button{ width: 100% !important; vertical-align: top; font-size: 1rem;padding: 10px 10px;border-radius: 5px; background: #fff !important;color: #6a737b;border: 1px solid #6a737b; height: calc(50% - 5px); box-shadow: none !important;max-height:105px;} 
.reply_bx .write_area .btn_box button.bt_add{ height: 100%; background:  #0069d9 !important; color:  #fff !important} 
.reply_bx .write_area .btn_box button.bt_add.event_btn{ height: 50%; } 
.reply_bx .write_area .btn_box button.bt_add:before{ display: none} 

.reply_bx .write_area .btn_box button.bt_cancel{ height: 100%; background:  #f8c51d !important; color:  #fff !important} 
.reply_bx .write_area .btn_box button.bt_cancel.event_btn{ height: 40%; } 
.reply_bx .write_area .btn_box button.bt_cancel:before{ display: none} 

.reply_bx .write_area .btn_box button + button{ margin-top: 10px} 
.reply_bx .write_area .btn_box button.bt_confirm{border-color:  #0069d9 !important; background:  #0069d9 !important; color: #fff} 

.reply_bx .reply_list{ float: none; clear: both; border-bottom: 1px solid #ddd} 
.reply_bx .reply_list li{ border-top: 1px solid #ddd; padding: 25px 0; position: relative; min-height: 108px} 
.reply_bx .reply_list li .input{ margin-bottom: 0} 
.new2021-container .reply_bx .btn_box.btn_bottom{ margin-bottom:-15px; margin-top: 10px} 
.new2021-container .reply_bx .btn_box.btn_bottom .bt_more{ width: 100%} 
.reply_bx .reply_list li .tool{ position: absolute; right: 0; top: 25px} 
.reply_bx .reply_list li .tool.event{ text-align: right; } 
.reply_bx .reply_list li .tool button{padding: 0px;  border-radius:0;background:none !important; border: none; font-size: 13px; box-shadow: none; margin-left: 5px; width: 25px;} 
.reply_bx .reply_list li .tool button:before{font-family: "remixicon";font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;text-align: center;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content:"\EC1E"; text-align: center; font-size:18px; color: #000 }
.reply_bx .reply_list li .tool button.bt_edit:before{ content: "\EC80"} 
.reply_bx .reply_list li .tool button.bt_reply:before{ content: "\EA0F"}

.reply_bx .reply_list .name {font-size:1.066rem; ;color:#000;line-height:26px; float: left}
.reply_bx .reply_list .date {position:relative;margin-left:14px;padding-left:12px;font-size:13px;color:#aaa;line-height:26px;letter-spacing:0;float: left}
.reply_bx .reply_list .date:before {content:'';position:absolute;top:8px;bottom:8px;left:0;width:1px;background:#d2d2d2;}
.reply_bx .reply_list .top_bx:after, .reply_bx .write_area:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;} 
.reply_bx .reply_list .mid_bx{ margin-top: 7px} 

.reply_bx .reply_list li .reply_cont.edit{ position: absolute; left: 0; top: 0; width: 100%; padding:10px 0; height: 100%; overflow: hidden; display: none; background:#fafafa } 
.reply_bx .reply_list li.edit .reply_cont.edit{ display: block; height: 100%} 

.reply_cont.edit .input.reply_edit{ height: 100%}
.reply_bx .reply_list li .reply_cont.edit textarea{ height: calc(100% - 30px)} 
.reply_bx .reply_list li .reply_cont.edit .btn_box{ height: 87px} 

/* 파일업로드 */
.upload_wrap { }
.newfile_box{ position:relative; text-align:left; border:2px dashed #999; min-height:60px; color:#999;  }
.newfile_box.event_btn{ border:0px; min-height:45px; margin-top: 10px; }
.newfile_box input[type="file"]{ opacity:0;position:absolute; left:10px; top:15px;width: 110px;  height: 30px; z-index: 2}
.newfile_box button.addfile{ position:absolute; left:20px; top:15px; min-width: 55px;background: #fff;    border: 1px solid #7175d8;color: #7175d8; height:30px; padding:0 15px; z-index: 2; font-size: 1rem}
.newfile_box button.addfile.event_btn{ padding:0; left:1px; top:1px; height: 100%; }
.newfile_box button.addfile:before{content: "\ED70";font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; padding-right:5px }
.newfile_box .txt{ color: #999; line-height: 1.6; text-align: left; padding: 20px 20px 20px 180px; color: #313131  }
.newfile_box .list.event_btn{ color: #111;  text-align: left; padding:5px 20px 0px 20px; word-break: break-all; font-size: 13px}
.upload_wrap .btn_upload{ text-align: center}
.write_area button.bt_del:before{content:"\EB97";font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle;  text-align: center; color: #aaa; margin-left: 10px; font-size: 20px}
.write_area .list.event_btn p{ padding-bottom: 5px; letter-spacing: 0}
.write_area .list.event_btn p + p{ margin-top: 0} 
.write_area .list.event_btn p:last-of-type{ margin-bottom: 12px}
.write_area .list.event_btn p .filesize{ color:#888; padding-left: 10px }
.write_area .list.event_btn p a{ color: #313131}
.write_area .list.event_btn p a:hover{ text-decoration: underline !important}
.upload_wrap .totalsize{ position: absolute; right: 10px; top: 10px; font-size: 13px}
.newfile_box .txt .cmt{ color: #999; white-space: normal} 

.view_bx .newfile_box{ min-height: inherit; border: none} 
.view_bx .newfile_box .list{ padding:20px 30px} 
.view_bx .newfile_box .list p:last-of-type{ margin-bottom: 0}
.newfile_box .list p em{ display: inline-block; width: auto; max-width:calc(100% - 150px); vertical-align: middle; font-style: normal} 
.newfile_box .list p a:hover em{ text-decoration: underline !important} 

@media only screen and (max-width: 1023px){	
	.container > div{ margin-top: 0} 
	.new2021-container .reply_bx{ padding-left: 10px; padding-right: 10px} 
	.reply_bx .input{     width: calc(100% - 60px);} 
	.reply_bx .write_area .btn_box{ width: 50px} 	
	.newfile_box .txt .cmt{ white-space: normal} 	
	.newfile_box .txt{ padding:50px 20px 10px 20px} 
	.upload_wrap.mgt10{ margin-top: 0 !important} 
	.view_bx .newfile_box .list{ padding:20px 0px} 
	
}

@media only screen and (max-width:767px){
	.new2021-container .discus_list h4{ padding-left: 50px; padding-right: 10px; background: none; font-size: 15px} 
	.new2021-container .discus_list .thumtxt{padding-left: 50px; padding-right: 10px; font-size: 1rem} 
	
	.new2021-container .discus_list .etc{ padding-left: 10px; padding-right: 10px; margin-top: 94px} 
	
	.new2021-container .discus_list .type, .new2021-container .discus_view .type{ left: 10px} 
	.new2021-container .discus_list .etc p{ padding-right: 10px; max-width: none; white-space: nowrap; vertical-align: middle} 
	.new2021-container .discus_list .etc p.writer{ max-width:105px;overflow: hidden;text-overflow: ellipsis; font-size: 13px} 
	.new2021-container .discus_list > a{ display: block;  position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: none} 
	.reply_bx .input .count{ background: 	rgba(0,0,0,0.06); padding-top:4px; padding-bottom: 2px; border-top: 1px solid #ddd}
	.reply_bx .input textarea, .reply_bx .reply_list li .reply_cont.edit textarea{ height: 120px} 
	.reply_bx .input, .reply_bx .write_area .btn_box{ width: 	100%; float: none}
	.reply_bx .write_area .btn_box, .reply_bx .reply_list li .reply_cont.edit .btn_box{ height: auto} 
	
	.reply_bx .input, .reply_bx .reply_list li .input{ margin-bottom: 10px} 
	.reply_bx .write_area .btn_box button{ padding-top: 0; padding-bottom: 0; } 
	.reply_bx .reply_list li.edit .reply_cont{ display: none} 	
	.reply_bx .reply_list li.edit .reply_cont.edit{ position: relative; height: auto; padding: 0 } 
	.reply_bx .reply_list li .reply_cont.edit textarea{} 
	.reply_bx .reply_list li .reply_cont.edit .btn_box{ font-size: 0} 
	.reply_bx .reply_list li .reply_cont.edit .btn_box button{ width: calc(50% - 5px) !important; height: auto; margin: 0; border-radius: 0; vertical-align: middle;font-size: 1rem;padding: 10px 10px;border-radius: 5px;} 
	.reply_bx .reply_list li .reply_cont.edit .btn_box button + button{ margin-left: 10px} 	
}

.new2021-container .reply_bx .btn_box.btn_bottom{ margin-bottom:-15px; margin-top: 10px} 
.new2021-container .reply_bx .btn_box.btn_bottom .bt_more{ width: 100%}