@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');
html,body,div,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,code,em,img,samp,small,sub,sup,b,i,dl,dt,dd,ol,ul,li,fieldset,form,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
margin:0;
padding:0;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
box-sizing:border-box;
}
body,input,textarea,select,table,button{
font-size:16px;
line-height:1.5;
margin:0;
color:#333;
font-weight:400;
font-family:"Noto Sans KR","Helvetica Neue",Helvetica,"맑은 고딕",dotum,gulim,Sans-serif,"Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";
letter-spacing:-0.0125em;
}
textarea{
box-sizing:border-box;
}
fieldset,img{
border:0
}
legend{
display:none
}
em,address,i{
font-style:normal
}
ul,ol,dl{
list-style:none
}
button{
cursor:pointer;
border:0;
outline:none;
background-color:transparent
}
hr{
clear:both
}
label{
cursor:pointer
}
table{
border-collapse:collapse;
border-spacing:0
}
a{
color:#333;
text-decoration:none;
cursor:pointer;
outline:none
}
a:hover,a.active{
color:#333;
text-decoration:none
}
img{
vertical-align:top
}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{
outline:none
}
header,hgroup,article,nav,footer,figure,figcaption,canvas,section,menu,details,aside{
display:block
}
input,label,textarea,select{
box-sizing:border-box;
vertical-align:middle;
}
input, textarea, select {border:1px solid #d7d7d7}
textarea{
resize:none
}
input[type=text]::-ms-clear{
display:none
}
input[type='checkbox'],input[type='radio']{
margin:0;
padding:0;
/* *margin:-3px;
*margin-left:-4px */
}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{
-webkit-appearance:none;
margin:0
}
label{
margin-bottom:0;
}
.container{
width:1180px;
margin:0 auto;
}
.container:before{
content:'';
display:block;
clear:both;
}
.row{
margin-left:-10px;
margin-right:-10px;
}
.floatRight{
float:right;
}
.floatLeft{
float:left;
}
.alignLeft{
text-align:left !important;
}
.alignRight{
text-align:right !important;
}
.whiteBtn{
background-color:#fff;
font-weight:600;
color:#222;
}
.whiteBtn:hover,
.whiteBtn:focus,
.whiteBtn:active{
color:#222;
}
.mainBtn{
background-color:#365ca5;
color:#fff;
}
.mainBtn:hover,
.mainBtn:focus,
.mainBtn:active{
color:#fff;
}
.blackBtn{
background-color:#3a3a3a;
color:#fff;
}
.blackBtn:hover,
.blackBtn:focus,
.blackBtn:active{
color:#fff;
}
.grayBtn{
background-color:#a0a0a0;
color:#fff;
}
.grayBtn:hover,
.grayBtn:focus,
.grayBtn:active{
color:#fff;
}
.fullWidth{
width:100%;
}
.iconNew{
display:inline-block;
vertical-align:middle;
background-color:#ea0000;
font-size:8px;
font-weight:bold;
color:#fff;
margin-left:2px;
padding:2px;
}
.pl10{
padding-left:10px;
}
.pl20{
padding-left:20px;
}
.pl30{
padding-left:30px;
}
.fontSize14{
font-size:14px;
}
.fontSize13{
font-size:13px;
}
.fontSize12{
font-size:12px;
}
h1{font-size:16px;font-weight:bold;}
h2{font-size:20px;font-weight:bold;}
/**
* frame
*/
/**
* S:header
*/
.header{
position:fixed;
top:0;
left:0;
right:0;
z-index:1004;
background-color:#365ca5;
height:80px;
}
.header .container{
position:relative;
}
.header h1.logo{
position:absolute;
left: 0px;
top: 30px;
line-height: 0px;
vertical-align: top;
}

.header h1 a{
color:#fff;
}
.header nav{
position:absolute;
left:220px;
width:740px;
height:80px;
line-height:80px;
}
.header nav ul{
text-align:center;
}
.header nav li{
display:inline-block;
width:13%;
transition:all .3s ease;
}
.header nav a{
position:relative;
display:inline-block;
height:30px;
line-height:30px;
padding-bottom:7px;
transition:all .3s ease;
}
.header nav a:after{
content:'';
position:absolute;
bottom:0;
width:0;
left:50%;
height:1px;
background-color:#fff;
transition:all .3s ease;
}
.header nav a:hover:after{
position:absolute;
left:0;
width:100%;
}
.header nav a.on{
font-weight:bold;
border-bottom:1px solid #fff;
}
.header nav a.on:after{
height:0;
}
.header nav a{
color:#fff;
}
.header .utilLog{
height:80px;
line-height:80px;
}
.header .utilLog li{
display:inline-block;
color:#fff;
margin-left:6px;
}
.header .utilLog li:first-child{
margin-left:0;
}
.profile{top: 10px}
.header .utilLog .user_thumbnail{
cursor: pointer;
text-decoration: none;
}
.header .utilLog .user_thumb{
-webkit-background-size: 30px 30px;
background-size: 30px 30px;
-webkit-border-radius: 50%;
border-radius: 50%;
display: block;
margin: 0;
overflow: hidden;
position: relative;
width:30px;
height:30px;
line-height:16px;	
z-index: 0;	
}
.user_thumb::before {
	content: url("../images/user_thumb.jpg")}
.dropdown-menu>li>a {
    color: #555
}
.dropdown-menu.dropdown-caret:before {
	content: "";
    display: inline-block;
    position: absolute;
    border-bottom: 6px solid #fff;
    -moz-border-bottom-colors: #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    left: 10px;
    top: -6px;
}
/* E:header */
.main{
background-color:#f5f5f5;
padding-top:80px;
}
.main .content{
display:inline-block;
background-color:#fff;
width:calc(100% - 185px);
padding-top:70px;
padding-bottom:100px;
padding-left:42px;
padding-right:42px;
}
.leftSide{
display:inline-block;
vertical-align:top;
padding-top:70px;
}
.leftSide .snb{
width:180px;
}
.leftSide h2{
font-size:20px;
padding-bottom:50px;
}
.snb ul{
padding-left:12px;
padding-right:12px;
}
.snb .bigMenu > li{
transition:all .3s ease;
padding-bottom:20px;	
}
/*.snb .bigMenu > li.on{
padding-bottom:10px;
}*/
.snb .bigMenu > li > a{
position:relative;
font-weight:bold;
padding-bottom:10px;
}
.snb .bigMenu > li > a{
display:block;
padding-right:10px;
}
.snb .bigMenu > li > a:before{
content:'';
position:absolute;
top:14px;
left:-12px;
display:inline-block;
width:3px;
height:3px;
background-color:#333;
}
.snb .midMenu{
font-size:18px;	
display:none;
}
.snb .midMenu a{
font-size:14px;
color:#999;
}
.snb .bigMenu .on > a{
color:#365ca5;
}
.snb .bigMenu .on .midMenu a.on{
color:#365ca5;
border-bottom:1px solid #365ca5;
}
.snb .bigMenu a span{
display:inline-block;
vertical-align:middle;
}
.snb .bigMenu a span:first-child{
padding-right:5px;
}
.snb .bigMenu a .icon{
transition:all .3s ease;
transform:rotate(0deg) translateY(-3px)
}
.snb .bigMenu .on .icon{
transform:rotate(540deg) translateY(-6px);
}
/*** component ***/
.page_header {
position: relative;
box-sizing: border-box;
padding-bottom: 20px;
max-height: 46px;
min-height: 46px;
overflow: hidden;	
}
.page_header h3{
font-size:20px;
font-weight:600;
text-align:left;
color:#333;
}
.table, .com_tbl table{
border-collapse: collapse;
width: 100%;
border-top:2px solid #343434!important;
border-bottom:1px solid #666!important;
}
#list table > tbody > tr > td, .com_tbl table tbody tr td{
padding: 14px 8px;
line-height: 1.875rem;
vertical-align: top;
height: 48px;
border-top: none;
border-bottom: 1px solid #e1e1e1;
}
.table th, th.tbl_tt_s{
background-color:#f5f5f5;
font-size:14px;
text-align:center;
width:160px;
height:50px;
}
.table th .required{
vertical-align:middle;
color:#365ca5;
padding-left:5px;
}
/* bootstrap overwrite */
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td{
vertical-align:middle;
padding: 8px 10px 8px 10px	
}
.btnList .paging{
display:inline-block;
vertical-align:middle;
}
.paging{
font-size:12px;
text-align:center;
}
.paging span{
display:inline-block;
vertical-align:middle;
width:20px;
height:20px;
margin-left:1px;
margin-right:1px;
border-radius: 50%	
}
.paging .link.on{
background-color:#365ca5;
color:#fff;
}
.paging span[class^="btn_"]{
background-repeat:no-repeat;
background-position:center;
text-indent:-9999px;
}
.paging .btn_pa {cursor: pointer}
.paging .btn_first{
background-image:url(../images/btnFirst.png);
}
.paging .btn_prev{
background-image:url(../images/btnPrev.png);
margin-right: 10px	
}
.paging .btn_next{
background-image:url(../images/btnNext.png);
margin-left: 10px	
}
.paging .btn_last{
background-image:url(../images/btnLast.png);
}
.btn-toggle.btn-sm {
  margin: 0;
  padding: 0;
  position: relative;
  border: none;
  height: 1.6875rem;
  width: 4.25rem;
  border-radius: 1.75rem;
}
.btn-toggle.btn-sm:focus,
.btn-toggle.btn-sm.focus,
.btn-toggle.btn-sm:focus.active,
.btn-toggle.btn-sm.focus.active {
  outline: none;
}
.btn-toggle.btn-sm:before,
.btn-toggle.btn-sm:after {
  line-height: 1.6875rem;
  width: 0.5rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.1875rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity 0.25s;
}
.btn-toggle.btn-sm:before {
  content: 'Off';
  left: -0.5rem;
}
.btn-toggle.btn-sm:after {
  content: 'On';
  right: -0.5rem;
  opacity: 0.5;
}
.btn-toggle.btn-sm > .handle {
  position: absolute;
  top: 0.3125rem;
  left: 0.25rem;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 1.125rem;
  background: #fff;
  transition: left 0.25s;
}
.btn-toggle.btn-sm.active {
  transition: background-color 0.25s;
}
.btn-toggle.btn-sm.active > .handle {
  left: 2.75rem;
  transition: left 0.25s;
}
.btn-toggle.btn-sm.active:before {
  opacity: 0.5;
}
.btn-toggle.btn-sm.active:after {
  opacity: 1;
}
.btn-toggle.btn-sm.btn-sm:before,
.btn-toggle.btn-sm.btn-sm:after {
  line-height: -0.5rem;
  color: #fff;
  letter-spacing: 0.75px;
  left: 1rem;
  width: 2.325rem;
}
.btn-toggle.btn-sm.btn-sm:before {
  text-align: right;
  left: 1.5rem
}
.btn-toggle.btn-sm.btn-sm:after {
  text-align: left;
  opacity: 0;
  left: 0.4375rem
}
.btn-toggle.btn-sm.btn-sm.active:before {
  opacity: 0;
}
.btn-toggle.btn-sm.btn-sm.active:after {
  opacity: 1;
}
.btn-toggle.btn-secondary {
  color: #6b7381;
  background: #bdc1c8;
}
.btn-toggle.btn-secondary:before,
.btn-toggle.btn-secondary:after {
  color: #6b7381;
}
.btn-toggle.btn-secondary.active {
  background-color: #365ca5;
}
/* layout */
/* form ::: checkbox */
.form_checkbox{display:inline-block; vertical-align:middle; cursor:pointer; position:relative;}
.form_checkbox input[type="checkbox"]{position:absolute; left:-50px; top:-50px; opacity:0; width:0; height:0; border:0; background-color:transparent}
.form_checkbox span{color:#666666; font-size:13px;vertical-align: top;line-height:20px; font-weight: normal}
.form_checkbox span:before{content:''; background: url("../images/icon_form.png")0 0 no-repeat; width:15px; height:15px; display:inline-block; vertical-align:top;margin-right:10px;}
.form_checkbox input[type="checkbox"]:checked + span:before{background-position:-19px 0}
.form_checkbox + .form_checkbox{margin-left:10px;}

/* login*/
.login .container{
position:absolute;
top:50%;
width:360px;
left:0;
right:0;
margin:0 auto;
margin-top:-195px;
}
.h_logo {margin-right: 6px}
.login h1{
font-size:24px;
font-weight:700;
text-align:center;
letter-spacing:-0.025em;
color:#555;
padding-top:63px;
padding-bottom:40px;
width: 360px
}
.login fieldset{
text-align:center;
}

.login input{
display:inline-block;
vertical-align:middle;
font-size:14px;
color: #999;	
width:360px;
height:50px;
padding-left:10px;
padding-right:10px;
border: 1px solid #ddd;
border-radius :6px;	
}
.login fieldset div{
padding-bottom:10px;
}
.login .btnList{
display:block;
text-align:center;
padding-top:30px;
padding-bottom:64px;
}
.login .btnList .btn{
display:inline-block;
font-size:14px;
font-weight:bold;
width:360px;
height:50px;
background-color: #222	
}
.login fieldset .warnTxt{
display:none;
color:#f00;
}
.login fieldset .warn input{
border:1px solid #f00;
}
.login fieldset span{
position:relative;
}
.login fieldset .warn .warnTxt{
display:block;
position:absolute;
top:3px;
left:25px;;
}
.blind, legend{overflow: hidden;position: absolute; width: 0;height: 0;line-height: 0;text-indent: -9999px;}
.write .table td{
padding-left:15px;
}
.table td select,
.table td input{
border:1px solid #d7d7d7;
padding-left:5px;
padding-right:5px;
font-size: 14px;
min-height: 27px	
}
.table select{
font-size:13px;
width:187px;
height:27px;
}
.table .ym select{
letter-spacing: -0.05em
}

.table td label{
padding-right:20px;
}
.table td.worker label{
padding-right:5px;
font-size: 14px;	
}
.table td.worker .workerList input{
width: 120px
}
.workerList li{float: left; margin-right: 15px}
.workerList li:last-child{ margin-right: 0px}
.workerList li:after {
    clear: both;
    content: '';
    display: block;
}
.table td label:last-child{
padding-right:0;
}
.table td input[type="radio"]{
width:15px;
height:15px;
margin-top:2px;
margin-right:2px;
}
.table td label,
.table td input[type="radio"]{
display:inline-block;
vertical-align:middle;
font-weight:normal;
}
.table .showTerm td > div{
display:inline-block;
vertical-align:middle;
margin-right:6px;
}
.table .showTerm td > div:last-child{
margin-right:0;
}
.table .showTerm input[type="text"]{
width:98px;
border:1px solid #d7d7d7;
}
.table .showTerm .icon{
display:inline-block;
vertical-align:middle;
background-color:#a0a0a0;
text-align:center;
width:27px;
height:27px;
margin-left:-4px;
}
.table .showTerm .fa-calendar-alt, .table .showTerm .fa-link{
font-size:16px;
line-height:26px;
color:#fff;
}
.table .showTerm select{
width:53px;
}
.table .showTerm span{
font-size:14px;
}
.table .showTerm input[type="checkbox"]{
width:15px;
height:15px;
margin-right:4px;
}
.table .showTerm .limitChk label{
margin-bottom:2px;
}
.table label input{
margin-top:0;
}
.table label.form_checkbox span.chk_a, .form_checkbox span.chk_a{
	display: block;
	line-height: 1.125rem
}
.table label.form_checkbox span.chk_a:before, .form_checkbox span.chk_a:before{
	margin-right: 0px
}
.table label span{
display:inline-block;
vertical-align:middle;
}
.table label input{
width:200px;
}
.table input[type="file"]{
border:none;
padding-left:0;
padding-right:0;
}
.table button{
display:inline-block;
vertical-align:middle;
}
.table .fileRow label{
position:relative;
}
.table .fileRow span{
display:inline-block;
vertical-align:middle;
font-size:12px;
text-align:center;
background-color:#a0a0a0;
color:#fff;
}
.table .fileRow .title{
position:absolute;
left:0;
width:85px;
height:29px;
line-height:29px;
cursor:pointer;
}
.table .fileRow .icon{
width:15px;
height:15px;
line-height:15px;
}
.content:after {
    clear: both;
    content: '';
    display: block;
}
.content .list .table {
margin-bottom: 30px; 
}
.list .table > thead > tr > th{
border-bottom: 1px solid #e1e1e1;	
}
.fileBox .fileName {
display: inline-block;
width: 150px;
height: 28px;
padding-left: 10px;
margin-right: 5px;
line-height: 28px;
border: 1px solid #d7d7d7;
background-color: #fff;
vertical-align: middle;
}
.fileBox .btn_file {
display: inline-block;
width: 70px;
height: 28px;
font-size: 13px;
line-height: 28px;
text-align: center;
background-color: #a0a0a0;
color: #fff;	
vertical-align: middle;
padding-right: 0px	
}
.fileBox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.content .btnList{
position: relative;
text-align:center;
margin-top:35px;
padding-bottom:60px;
}
.content .btnList .btn{
display:inline-block;
vertical-align:middle;
width:120px;
line-height: 1.9;	
margin-right:6px;
border-radius:0px	
}
.content .btnList .btn:last-child{
margin-right:0;
}
.btn_fr{
position: absolute;
    top: 0px;
    right: 0px;
}
.table .contentRow td{
padding-top:11px;
padding-bottom:11px;
}
.table .contentRow textarea{
width:100%;
height:248px;
padding:10px;
font-size: 14px	
}
.list .searchBox > *{
display:inline-block;
vertical-align:middle;
line-height:1
}
.list .searchBox select{
width:100px;
height: 27px	
}
.list .searchBox label > *{
display:inline-block;
vertical-align:middle;
}
.list .searchBox input{
width:242px;
height:27px;
line-height:27px;
margin-top:0;
padding:5px;
font-size: 13px
}
.list .searchBox input::placeholder{
color: #b1b1b1
}
.list .searchBox .btn{
height:27px;
line-height:1;
margin-left:-5px;
border-radius: 0px
}
.list td{
font-size:13px;
text-align:center;
}
.list .table .bannerOrder{
font-size:13px;
text-align:center;
width:30px;
height:30px;
}
.list .table .grayBtn{
font-size:12px;
display:inline-block;
width:70px;
height:27px;
line-height:1;
box-sizing:border-box;
}

.ell{
    width: 120px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

/* 추가 */
.table .contentRow .note-editor td{padding:8px !important;}
.table .note-editor tr{border-bottom: 0 !important;}
.note-editable .table {border: none !important;}

.delBtn{
background-color:#EB4444;
color:#fff;
}
.delBtn:hover,
.delBtn:focus,
.delBtn:active{
color:#fff;
}

/* 다이얼로그 */
.dialog {display:none;font-size:12px;}
.dialog .form_area {padding-top: 10px;}
.dialog .sort_header {border:1px solid #aaa;padding:5px 0px;background-color:#f5f5f5;font-weight:bold;}
.dialog .sort_header > span {display:inline-block;text-align:center;min-width:50px;}
.dialog .sort_header > span:last-child {padding-left:10px;}
.dialog .sort_area > div {height:50px;border:1px solid #aaa;margin-top:5px;background-color:#fff;cursor:move;}
.dialog .sort_area > div.highlight {height:50px;border:1px solid #000;margin-top:5px;background-color:#d0e5f5;}
.dialog .sort_area > div > span {vertical-align:middle;display:inline-block;height:50px;line-height:50px;min-width:50px;}
.dialog .sort_area > div > span:first-child {text-align:center;color:red;font-weight:bold;}
.dialog .sort_area > div > span:last-child {padding-left: 10px;}
.dialog .sort_area img {width:50px;height:50px;}


.txt_ellipsis {
    width:145px;
    padding:0 5px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.imgBox{display: flex;align-items: center;}
.imgBox .item:nth-child(1){width: 15%}
.imgBox .item:nth-child(2){width: 70%}
.imgBox .item:nth-child(3){width: 15%}

/* Home Main */
#main_contents {width:880px; margin:0 auto; transition:all .3s;}
#main_contents .section_01 {margin-bottom:65px;}
#main_contents .section_01 .title {margin:50px 0 35px; font-family:'proxima-soft'; font-size:72px; line-height:80px; color:#333; letter-spacing:-0.005em; font-weight:800;}
#main_contents .section_01 .comment {margin-bottom:56px; font-size:16px; color:#777; letter-spacing:-0.005em;}
#main_contents .section_01 .comment br {display:none;}
#main_contents .section_01 .portfolio_area {overflow:hidden;}
#main_contents .section_01 .portfolio_area ul {width:50%;}
#main_contents .section_01 .portfolio_area ul li {position:relative;}
#main_contents .section_01 .portfolio_area ul li span {display:block;}
#main_contents .section_01 .portfolio_area ul li span.img {position:relative;}
#main_contents .section_01 .portfolio_area ul li span.img img {width:100%;}
#main_contents .section_01 .portfolio_area ul li span.img:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0px; top:0px; background-color:rgba(0,0,0,.6); opacity:0; transition:all .3s;}
#main_contents .section_01 .portfolio_area ul li .btn_edit{position: absolute;right: 15px;bottom: 15px; font-size: 14px; padding: 4px 10px}
#main_contents .section_01 .portfolio_area ul:nth-child(1) {float:left;}
#main_contents .section_01 .portfolio_area ul:nth-child(2) {float:right;}
#main_contents .section_01 .portfolio_area ul:nth-child(2) li {width:50%; float:left;}
#main_contents .section_01 .portfolio_area ul:nth-child(2) li:nth-child(3) {width:100%;}

/* popup */
#popup_all > div {display:table; width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:150;}
#popup_all .bg {width:100%; height:100%; position:absolute; left:0px; top:0px; background-color:#000; opacity:.6;}
#popup_all .out_layer_box {display:table-cell; text-align:center; vertical-align:middle;}
#popup_all .in_layer_box {display:inline-block; position:relative; z-index:10;}

#popup_password .in_layer_box {width:600px; min-height:400px; background-color:#fff; text-align:center; overflow:auto;display: inline-block; position: relative;z-index: 10;}
#popup_password .title {padding: 50px 0 30px 0; font-size:24px; font-weight:700; color:#365ca5; text-align: center}
#popup_password {display: inline-block; vertical-align: middle; font-size: 13px; width: 360px; height: 50px; margin-left: 15px; padding-left: 10px; padding-right: 10px;}
#popup_password label {display: inline-block; vertical-align: middle; font-weight: bold; text-align: right; width: 100px; font-size: 14px}
#popup_password input {display: inline-block;vertical-align: middle;font-size: 14px;width: 360px;height: 50px;margin-left: 15px;padding-left: 10px;padding-right: 10px;}
#popup_password fieldset span { position: relative;}
#popup_password fieldset div { padding-bottom: 10px;}
#popup_password .cont {color: #333333}
#popup_all .btnList {margin-top: 30px}
#popup_password .btn_close {display:inline-block; width:15px; height:15px; position:absolute; right:15px; top:15px; background:url(../images/btn_close.png) 0 0 no-repeat;}

#news_detail_wrap .in_layer_box {width:1350px; height:100%; background-color:#f5f5f5; text-align:center; overflow:auto;display: inline-block; position: fixed; top: 80px; right: 0; z-index: 10; padding: 0 390px 0 0}
#news_detail_wrap .in_layer_box .cont {margin-left: 30px}
#news_detail_wrap .page_header{margin-top: 80px}
#news_detail_wrap fieldset div { padding-bottom: 10px;}
.news_title_area.boxB {border-top:2px solid #343434; margin-bottom: 10px;position: relative}
.boxB {border:1px solid #d7d7d7; overflow: hidden; background-color: #fff; width: 100%; height: 100%; padding: 80px 0}
.news_title_area input {word-break:break-all; text-align: center; font-size: 14px}
.news_title_area input::placeholder { text-align: center; color: #333}
.news_title_area .newsTitle1 {width: 580px; height: 70px; font-size: 24px }
.news_title_area .newsTitle2 {width: 580px;height: 28px}
<<<<<<< HEAD
.add_file_box {padding:110px 0 50px 0; border-radius:5px; border:dotted 1px #dcdcdc; text-align:center; box-sizing:border-box; width: 580px; height: 220px ;margin: 0 auto}
.add_file_box.img_file {background: url(../images/ico_img.png) center 50px no-repeat #f6f6f6}
.btn_file {margin-bottom: 15px}
.btn_model {min-width: 100px;height: 28px;padding: 4px 10px; color: #fff; background-color: #3a3a3a; font-size: 13px; font-weight: normal;border-radius: 4px;}
.btn_file input[type=file] {position: absolute;overflow: hidden; clip: rect(0,0,0,0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0;}
.txt_info {color: #aaa; font-size: 13px; margin-top: 12px}
=======
.btn_file {position: absolute; bottom: 15px; right: 15px}
.btn_model {min-width: 100px;height: 28px;padding: 5px 10px 6px 10px; color: #fff; background-color: #a0a0a0; font-size: 12px; font-weight: normal; color: #fff}
.btn_file input[type=file] {position: absolute;overflow: hidden; clip: rect(0,0,0,0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0;}
>>>>>>> b30682101c708e7610ac52a09b33e53f59719f2a
.news_editer textarea {width: 100%;height: 300px; font-size: 14px; padding: 10px;}
#news_detail_wrap .btn_close {display:inline-block; width:15px; height:15px; position:absolute; left:30px; top:80px; background:url(../images/btn_close.png) 0 0 no-repeat;}
#news_detail_wrap .btnList{
position: relative;
text-align:center;
margin-top:35px;
padding-bottom:60px;
}
#news_detail_wrap .btnList .btn{
display:inline-block;
vertical-align:middle;
width:120px;
line-height: 1.9;	
margin-right:6px;
border-radius:0px	
}
#news_detail_wrap .btnList .btn:last-child{
margin-right:0;
}
#news_detail_wrap .btn_fr{
position: absolute;
    top: 0px;
    right: 0px;
}
/* newsletter */
#list table.newsTable > tbody > tr > td{padding: 0 0}
.newsTable th.news_tit {font-size: 30px; color: #333; padding: 20px 0 20px 30px}
.newsTable th.news_tit input {font-size: 28px; color: #333; width: 86px; height: 35px; margin-left: 8px; vertical-align: baseline; padding: 3px 4px}
.major_news_wrap {margin:50px 0; overflow: hidden}
.major_news_inner{margin: 0 auto;box-sizing: border-box; width:100%}
.major_news_inner .news_list{margin: 0; padding: 0 30px; overflow: hidden}
.news_cont:before, .news_cont:after {content: '';}
.news_cont:after {clear: both}
.news_cont .txt_inr {margin:70px 0 90px 0; width: 376px; text-align: left;}
.news_list:last-child .txt_inr {margin:70px 0 0 0;}
.news_cont .sub_tit {margin-bottom:20px; color:#444; font-size:24px; line-height:1.4; font-weight: bold;letter-spacing: -1.25px;}
.news_cont .desc {color:#777; font-size:14px; line-height: 1.6;}
.news_cont .btn_edit {margin-top:30px; padding: 4px 10px}
.news_li .left .news_img {float: left; margin-right: 40px}
.news_li .left .txt_inr {float: left}
.news_li .right .news_img {float: right;margin-left: 55px}
.news_li .right .txt_inr  {float: right}

.btn.red {color: #fff;background-color:#cd0a0a;border-color:#cd0a0a;}
.small {padding:3px 6px;}