@charset "UTF-8";
/**********************************************
note : fonts set
## google fonts cdn이 변경됨. https://fonts.google.com/에 방문하여 폰트를 담아오면 됩니다.
## 예) @import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&subset=korean');
**********************************************/
body,th,td,input,select,textarea,button,
h1,h2,h3,h4,h5,h6 {font-family:-apple-system,BlinkMacSystemFont,'Malgun Gothic','돋움','dotum',"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}

/**********************************************
note : design custom style page
**********************************************/

/**********************************************
note : 자동박스
**********************************************/
.auto-d03 .auto-section {max-width:150px !important;padding: .25rem 0 !important}

/**********************************************
note : 기사뷰
**********************************************/
/* 추천반대 */
.view-recom {margin:2rem 0;text-align:center}
.view-recom::after {content:'';display:table;clear:both}
.view-recom .recom-wrapper {display:inline-block;margin-left:auto;margin-right:auto}
.view-recom .recom-btns {display:inline-block;padding:.8rem 1rem;border:1px solid rgba(0,0,0,.12);border-radius:.2rem;cursor:pointer;-webkit-transition:all .25s;transition:all .25s}
.view-recom .recom-btns .number {display:block;margin-bottom:.75rem;font-size:1.35rem;line-height:1em;letter-spacing:-0.025em;color:#cc0000;-webkit-transition:all .25s;transition:all .25s}
.view-recom .recom-btns .text {display:block;font-size:.8rem;line-height:1em;letter-spacing:-0.05em;color:rgba(0,0,0,.5);-webkit-transition:all .25s;transition:all .25s}
.view-recom .recom-btns:hover {background-color:#f4f4f4}
.view-recom .recom-btns.active {background-color:rgba(10,10,10,.8)}
.view-recom .recom-btns.active .number,.view-recom .recom-btns.active .text {color:#fefefe}

/* 본문 */
.article-veiw-body.view-page div[style] + p, .article-veiw-body.view-page div[style] + div[style], .article-veiw-body.view-page figure + div[style], .article-veiw-body.view-page figure + p, .article-veiw-body.view-page figure + figure {margin-top:0}

/**********************************************
note : 관리자 폼
**********************************************/
.input-group-label-custom {padding:0 1rem;color:#0a0a0a;text-align:center;white-space:nowrap;width:1%;height:100%}
.input-group-label:last-child {border-left:0}
.input-group-button, .input-group-button a, .input-group-button button, .input-group-button input, .input-group-button label, .input-group-field, .input-group-label, .input-group-label-custom {margin:0;
white-space:nowrap;display:table-cell;vertical-align:middle}

.form-box {width:100%;height:39px;border:1px solid #ccc;padding:.35rem 1rem;margin:0 1rem 1rem 1rem;background:#f7f7f7}
.sel-box select {margin-bottom:0 !important}

.bbs-year [type="text"] {margin-bottom:0 !important}

.output {width:100%;border-collapse:collapse;border-left:1px solid #dedede;border-top:1px solid #dedede;}
.output th {text-align:center;background-color:#eee;padding:10px;font-size:.938rem;font-weight:700}
.output td {padding:10px;border-bottom:1px solid #dedede;font-size:.813rem !important;background-color:#fff;}
.output th, .output td {border-right:1px solid #dedede; border-bottom:1px solid #dedede;}

.output2 {width:100%;}
.output2 th {text-align:center;background-color:#eee;padding:10px;font-size:.938rem;font-weight:700}
.output2 td {padding:10px;border-bottom:0px solid #dedede;font-size:.938rem !important;text-align:center}
.output2 td {border-bottom:1px solid #dedede;}
.output2 td.none {border-bottom:0 !important}

.output3 {width:100%;border-collapse:collapse;border:1px solid #dedede}
.output3 th {text-align:center;background-color:#eee;padding:10px;font-size:.938rem;font-weight:700}
.output3 td {padding:10px;font-size:.85rem !important;background-color:#fff;}
.output3 td.none {border:0 !important}
.output3 .bbs-year input {background-color:#fff;box-shadow:none}
.output3 .output-box {border:1px solid #ddd;background:#f7f7f7;padding:0 .5rem}
.output3 .output-box td,.output3 .output-box input {background:#f7f7f7 !important}
.output-line table {border-bottom:1px solid #dedede;padding:.25rem 0 1rem 0}
.output3 tbody {border:0 !important}
.output3 table {margin-bottom:0 !important}

.calender-box {width:300px !important;border:1px solid #ccc;background:#f7f7f7}
.calender-box tr {text-align:center;background-color:#eee;padding:10px;font-size:.938rem;font-weight:700;background:#f7f7f7}
.calender-box td {font-size:.875rem !important;text-align:center;padding:.25rem !important}
.calender-box tbody {border:0 !important}
.calender-box table {margin-bottom:0 !important}
.calender-box .cal_tit {font-size:2rem !important;color:#bc1212}
.calender-box td.none {padding:0 !important;border:0 !important}
.calender-box table tbody tr:nth-child(2n) {background-color:#f7f7f7 !important}

.today-output {width:100%;border-collapse:collapse;border:1px solid #dedede}
.today-output th {text-align:center;background-color:#eee;padding:10px;font-size:.938rem;font-weight:700}
.today-output td {padding:5px 10px;font-size:.813rem !important;background-color:#fff}
.today-output .line {border-bottom:1px solid #eee}
.today-output .bbs-year input {background-color:#fff;box-shadow:none}
.today-output .output-box {border:1px solid #ddd;background:#f7f7f7;padding:0 .5rem}
.today-output .output-box td,.today-output .output-box input {background:#f7f7f7 !important}
.today-output .output-line table {border-bottom:1px solid #dedede;padding:.25rem 0 1rem 0}
.today-output tbody {border:0 !important}
.today-output table {margin-bottom:0 !important}
.today-output .today-tit {color:#fff;font-size:1.063rem !important;font-weight:700;text-align:center;padding:.5rem 1.25rem;background:#222}
.today-output .news_list_title {font-size:.938rem !important;font-weight:700}
.today-output .smn {text-align:center !important}

/**********************************************
note : 신문사소개
**********************************************/
/* ceo */
.info-ceo {margin:1rem .25rem;background:url("/com/image/com1_bg.gif") top left no-repeat;}
.info-ceo .info-pic {float:left;padding-right:.425rem;padding-top:.75rem}
.info-ceo .info-tit {float:right;width:75%}
.info-ceo .info-tit h2 {font-size:1.063rem;line-height:1.5;letter-spacing:-.06rem;color:#4a4c4e;}
.info-ceo .info-tit p {text-align:justify;font-size:.875rem;line-height:1.5rem;letter-spacing:-.04rem;margin:1rem 0;color:#777;}
.info-ceo .info-tit strong {font-size:2.25rem;letter-spacing:-2.2px;font-weight:500;color:#e7316e;margin:2rem 0;}

.info-ceo .info-com {clear:both;padding-bottom:1.5rem}
.info-ceo .info-com table {width:100%;text-align:left;border:1px solid #ccc;margin:auto;}
.info-ceo .info-com table td {font-size:.8rem;line-height:1.35rem;color:#555;padding:10px 15px;border-bottom:1px solid #ddd;}
.info-ceo .info-com table thead td {font-weight:bold;font-size:.875rem;color:#fff;background-color:#e7316e;text-align:center}
.info-ceo .info-com table tbody td.tit {font-weight:bold;color:#222;background-color:#ddd;border-right:1px solid #ddd;text-align:center}
.info-ceo .info-com table tbody td.tit-pay {color:#444;border-left:1px solid #ddd;text-align:center}

.info-ceo .info-com2 {clear:both;padding-bottom:1.5rem}
.info-ceo .info-com2 table {width:100%;text-align:left;border:1px solid #ccc;margin:auto;}
.info-ceo .info-com2 table td {font-size:.8rem;line-height:1.35rem;color:#555;padding:10px 15px;border-bottom:1px solid #ddd;background-color:#fff;text-align:center}
.info-ceo .info-com2 table tbody td.tit {font-weight:bold;color:#222;background-color:#f7f7f7;border-right:1px solid #ddd}
.info-ceo .info-com2 table tbody td.line {color:#444;border-left:1px solid #ddd}


/**********************************************
note : 날개배너
**********************************************/
.view-aside {position:absolute;z-index:1000;width:auto;height:auto;top:0}
.view-aside::after {content:'';display:table;clear:both}
.view-aside img {max-width:inherit !important}
.view-aside.left-wing {right:calc(100% + 10px)}
.view-aside.right-wing {left:calc(100% + 10px)}



/**********************************************
note : 모바일 페이징(목록) pagination
**********************************************/
.pagination .pagination-previous a::before,.pagination .pagination-next a::after,.pagination .pagination-oneprev,.pagination .pagination-onenext {display:none !important}
.pagination li {min-width:23px;font-size:.8rem;border-radius:2rem}
.pagination li.current {letter-spacing:-0.08em;color:#fefefe;background:#727d92;text-align:center;border:1px solid rgba(0,0,0,.08);border-bottom-color:rgba(0,0,0,.25)}
.pagination li {display:inline-block}
.row .pagination li {display:inline-block !important}
@media print, screen and (min-width: 40em) {
	.row .pagination li {display:inline-block}
	.row .show-static-small-only {display: none !important;}
}
@media screen and (max-width: 39.9375em) {
	.row .show-static-small-only {display: none !important;}
	.row .pagination .pagination-start,.row .pagination .pagination-end {display:inline-block !important}
	.row .pagination .pagination-oneprev,.row .pagination .pagination-onenext {display:none !important}
}


/* ha06-13 */
.auto-ha06-13 .auto-content {float:left;position:relative;width:calc(25% - 15px);height:215px;margin-left:15px;margin-top:15px}
.auto-ha06-13 .auto-content:first-child,.auto-ha06-13 .auto-content:nth-child(5n + 1) {width:96%;height:445px;margin-left:0;clear:both}
.auto-ha06-13 .auto-content:nth-child(1),.auto-ha06-13 .auto-content:nth-child(2),.auto-ha06-13 .auto-content:nth-child(3) {margin-top:0}
.auto-ha06-13 .auto-content a {display:block;position:relative;height:100%}
.auto-ha06-13 .auto-content a:hover {background-color:#f8f8f9}
.auto-ha06-13 .auto-content a::before {content:'';position:absolute;z-index:1;border:1px solid rgba(0,0,0,.1);left:0;right:0;top:0;bottom:0}
.auto-ha06-13 .auto-content .auto-text {padding:1rem}

.auto-hr07_1 .auto-text{padding-left:1rem;padding-right:1rem}
.auto-hr07_1 {height:452px}



#import-wrap {text-align:left}
#import-wrap::after {content:'';display:table;clear:both}
#import-wrap .import-cell {float:left;width:49%;margin-right:0%;margin-top:0%}
#import-wrap .import-cell:first-child {border:1px solid #e0e0e0;margin-right:20px;clear:both}
#import-wrap strong {font-weight:600;}




/* mp02(head) */
.auto-mp02_1 .auto-columns {position:relative;height: 219px;}
.auto-mp02_1 .auto-columns a {display:block}
.auto-mp02_1 .auto-columns a::before {content:'';position:absolute;z-index:1;border:1px solid rgba(0,0,0,.12);left:0;right:0;top:0;bottom:0}
.auto-mp02_1 .auto-section {font-size:.8rem;text-align:left}
.auto-mp02_1 .auto-section.noimage {position:relative;padding-bottom:.5rem;margin-bottom:1rem;font-size:1.25rem;font-weight:400;text-align:center}
.auto-mp02_1 .auto-section.noimage::before {content:'';position:absolute;z-index:1;width:30%;max-width:3rem;border-bottom:1px solid rgba(0,0,0,.12);left:50%;top:100%;transform:translateX(-50%)}
.auto-mp02_1 .auto-images {position:relative}
.auto-mp02_1 .auto-images::before {content:'';position:absolute;z-index:1;border-color:transparent;border-top-color:rgba(0,0,0,.1);top:inherit;visibility:visible}
.auto-mp02_1 .auto-content {position:relative;padding:.9375rem}
.auto-mp02_1 .auto-content::after {content:''display:table;clear:both}




/* va03-1 */
.auto-va03-1 .auto-columns {float:left;width: 32%;min-height:1px;margin-right: 2%;}
.auto-va03-1 .auto-columns:first-child,.auto-va03-1 .auto-columns:nth-child(3n + 1) {clear:both;}
.auto-va03-1 .auto-columns:first-child,.auto-va03-1 .auto-columns:nth-child(2),.auto-va03-1 .auto-columns:nth-child(3) {padding-top: 0;}
.auto-va03-1 .auto-columns:nth-child(3n) {margin-right: 0;}
.auto-va03-1 .auto-columns a {display:block;text-decoration:none}
.auto-va03-1 .auto-columns .auto-images {overflow:hidden;position:relative;height:0;padding-bottom:56.25%;}
.auto-va03-1 .auto-columns .auto-images img {position:absolute;width:100%;height:100%;top:0;left:0;transition:-webkit-transform .2s cubic-bezier(.165,.84,.44,1);transition:transform .2s cubic-bezier(.165,.84,.44,1);transition:transform .2s cubic-bezier(.165,.84,.44,1),-webkit-transform .2s cubic-bezier(.165,.84,.44,1)}
.auto-va03-1 .auto-columns a:hover .auto-images img {transform:scale3d(1.025, 1.025, 1.025)}
.auto-va03-1 .auto-columns .auto-icons {position:absolute;z-index:2;font-size:1.5rem;color:#fefefe;left:1rem;bottom:.65rem;text-shadow:2px 3px 2px rgba(0,0,0,.65)}
.auto-va03-1 .auto-columns .auto-times {position:absolute;z-index:3;padding:.25rem .5rem;font-size:.7rem;font-weight:300;line-height:1;color:#fefefe;background-color:rgba(0,0,0,.45);right:0;bottom:0}
.auto-va03-1 .auto-columns .auto-content {margin-top:.75rem}
.auto-va03-1 .auto-columns .auto-content [class *= "size-"] {font-weight:500}
.auto-va03-1 .auto-columns .auto-content .line-height-3-2x[class *= "size-"] {height:2.8em}
.auto-va03-1 .auto-columns .auto-content .auto-date {margin:0;margin-top:.75rem;font-size:.8rem;font-weight:300;color:rgba(0,0,0,.5)}
@media screen and (max-width: 63.9375em) {
	.row .auto-va03-1 .auto-columns .auto-content [class *= "size-"] {font-weight:700}
}
@media screen and (max-width: 39.9375em) {
	.row .auto-va03-1 .auto-columns {width:48%;padding:0;border:none}
	.row .auto-va03-1 .auto-columns:nth-child(2n) {float:right}
	.row .auto-va03-1 .auto-columns:nth-child(2n + 1) {clear:both}
	.row .auto-va03-1 .auto-columns:nth-child(3n + 1) {clear:none}
	.row .auto-va03-1 .auto-columns a:hover img {transform:none}
	.row .auto-va03-1 .auto-columns .auto-content [class *= "size-"] {font-size:1.063rem}
	.row .auto-va03-1 .auto-columns .auto-content .line-height-3-2x[class *= "size-"] {height:auto;max-height:2.8em}
}

/* 이지은 / 912505 / 20200122 */
.box-skin.blueline {padding: 0;background-color: #fefefe;border: 3px solid #0054a6;}
.box-skin.blueline .header {background: -webkit-linear-gradient(top, #c6dcf1, #ffffff) !important;background: -o-linear-gradient(top, #c6dcf1, #ffffff) !important;background: -moz-linear-gradient(top, #c6dcf1, #ffffff)  !important;background: linear-gradient(top, #c6dcf1, #ffffff)  !important;background: linear-gradient(to top, #c6dcf1 0%, #ffffff 100%)}
.box-skin.blueline .content{padding:.2375rem .9375rem .9375rem .9375rem;}

#admin-wrap .edit-level1 {min-height:10px}


/* 이종민 / 921404 / 20200219 */
/**********************************************
note : 추천반대
**********************************************/
@-webkit-keyframes bobble{0%,to{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}50%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}90%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}
@keyframes bobble{0%,to{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}50%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}90%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}

#emoji-for {padding:1.25rem 0;margin:1.25rem 0;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08);text-align:center}
#emoji-for::after {content:'';display:table;clear:both}
#emoji-for .emoji-btns {display:inline-block;width:100px}
#emoji-for button.emoji-btns,#emoji-for a.emoji-btns {cursor:pointer}
#emoji-for .emoji-btns::before {content:'';display:block;overflow:hidden;width:50px;height:40px;margin-left:auto;margin-right:auto;background:url('/image/emojis-for.png') no-repeat;background-size:250px auto}
#emoji-for .emoji-btns[class*="recom_"]::before {background-image:url('/image/goodnbad-for.png');background-size:100px auto}
#emoji-for button.emoji-btns::before,#emoji-for a.emoji-btns::before {margin-bottom:.5rem}
#emoji-for button.emoji-btns:hover::before,#emoji-for a.emoji-btns:hover::before {-webkit-animation:bobble .5s 2;animation:bobble .5s 2}
#emoji-for .emoji-btns.good::before {background-position:0 0}
#emoji-for .emoji-btns.warm::before {background-position:-50px 0}
#emoji-for .emoji-btns.sad::before {background-position:-100px 0}
#emoji-for .emoji-btns.angry::before {background-position:-150px 0}
#emoji-for .emoji-btns.want::before {background-position:-200px 0}
#emoji-for .emoji-btns.joy::before {background-position:0 -40px}
#emoji-for .emoji-btns.cool::before {background-position:-50px -40px}
#emoji-for .emoji-btns.sleep::before {background-position:-100px -40px}
#emoji-for .emoji-btns.dissa::before {background-position:-150px -40px}
#emoji-for .emoji-btns.lovely::before {background-position:-200px -40px}
#emoji-for .emoji-btns.shadow_good::before {background-position:0 -80px}
#emoji-for .emoji-btns.shadow_warm::before {background-position:-50px -80px}
#emoji-for .emoji-btns.shadow_sad::before {background-position:-100px -80px}
#emoji-for .emoji-btns.shadow_angry::before {background-position:-150px -80px}
#emoji-for .emoji-btns.shadow_want::before {background-position:-200px -80px}
#emoji-for .emoji-btns.line_good::before {background-position:0 -120px}
#emoji-for .emoji-btns.line_warm::before {background-position:-50px -120px}
#emoji-for .emoji-btns.line_sad::before {background-position:-100px -120px}
#emoji-for .emoji-btns.line_angry::before {background-position:-150px -120px}
#emoji-for .emoji-btns.line_want::before {background-position:-200px -120px}
#emoji-for .emoji-btns.recom_good::before {background-position:0 0}
#emoji-for .emoji-btns.recom_bad::before {background-position:-50px 0}
#emoji-for .emoji-btns.recom_line_good::before {background-position:0 -40px}
#emoji-for .emoji-btns.recom_line_bad::before {background-position:-50px -40px}
#emoji-for .emoji-btns .text {display:block;overflow:hidden;font-size:.8rem;line-height:1.25em;letter-spacing:-0.05em;color:rgba(0,0,0,.45);text-overflow:ellipsis;white-space:nowrap}
#emoji-for .emoji-btns .number {font-size:.75rem;font-style:normal;line-height:1em;letter-spacing:-0.025em;color:rgba(0,0,0,.85)}

@media screen and (max-width: 63.9375em) {
    .row #emoji-for .emoji-btns:hover::before,.row #emoji-for .gb-btns:hover::before {-webkit-animation:initial;animation:initial}
}

@media screen and (max-width: 39.9375em) {
    #emoji-for .emoji-btns {width:60px}
    #emoji-for .emoji-btns .text {font-size:.7rem}
}


/* tabs */
.emoji-tabs .tabs {border:none}
.emoji-tabs .tabs-title {text-align:center}
.emoji-tabs .tabs-title:first-child:last-child {width:100%}
.emoji-tabs .tabs-title:first-child:nth-last-child(2), .emoji-tabs .tabs-title:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .tabs-title {display:inline-block;width:50%}
.emoji-tabs .tabs-title:first-child:nth-last-child(3), .emoji-tabs .tabs-title:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .tabs-title {display:inline-block;width:33.33333%}
.emoji-tabs .tabs-title:first-child:nth-last-child(4), .emoji-tabs .tabs-title:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .tabs-title {display:inline-block;width:25%}
.emoji-tabs .tabs-title:first-child:nth-last-child(5), .emoji-tabs .tabs-title:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .tabs-title {display:inline-block;width:20%}
.emoji-tabs .tabs-title:first-child:nth-last-child(6), .emoji-tabs .tabs-title:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .tabs-title {display:inline-block;width:16.66667%}
.emoji-tabs .tabs-title:first-child:nth-last-child(7), .emoji-tabs .tabs-title:first-child:nth-last-child(7):first-child:nth-last-child(7) ~ .tabs-title {display:inline-block;width:14.28571%}
.emoji-tabs .tabs-title:first-child:nth-last-child(8), .emoji-tabs .tabs-title:first-child:nth-last-child(8):first-child:nth-last-child(8) ~ .tabs-title {display:inline-block;width:12.5%}
.emoji-tabs .tabs-title:first-child:nth-last-child(9), .emoji-tabs .tabs-title:first-child:nth-last-child(9):first-child:nth-last-child(9) ~ .tabs-title {display:inline-block;width:11.11111%}
.emoji-tabs .tabs-title:first-child:nth-last-child(10), .emoji-tabs .tabs-title:first-child:nth-last-child(10):first-child:nth-last-child(10) ~ .tabs-title {display:inline-block;width:10%}
.emoji-tabs .tabs-title > a {display:block;overflow:hidden;font-size:1rem;line-height:1em;letter-spacing:-0.05em;color:rgba(0,0,0,.45);background-color:rgba(0,0,0,.025);border-top:1px solid rgba(0,0,0,.08);border-right:1px solid rgba(0,0,0,.08);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}
.emoji-tabs .tabs-title:first-child > a {border-left:1px solid rgba(0,0,0,.08)}
.emoji-tabs .tabs-title > a:focus,.emoji-tabs .tabs-title > a[aria-selected="true"] {font-weight:700;color:rgba(0,0,0,.9);background-color:#fefefe}
.emoji-tabs .tabs-content {border:none}
.emoji-tabs .tabs-content .tabs-panel {padding:0}
.emoji-tabs table {margin-bottom:0}
.emoji-tabs table td,.emoji-tabs table th {font-size:80%}
.emoji-tabs table td .label,.emoji-tabs table th .label {font-size:.688rem}


/* 김민희 / 979224 / 20200827 */
#user-footer .footer-menu .user-nav a {padding: 0 .525rem !important;}

/* 김민희 / 981060 / 20200901 */
.com-go table {border-collapse:collapse;width:100%; border-top:2px solid #2e2e2e; padding:0; margin:0; text-align:left}
.com-go th { background:rgba(0,0,0,.03); text-align:center; font-weight:bold; border-left:0; font-size:.7rem}
.com-go table tbody td, table tbody th{ padding:5px; border-bottom:1px solid #ddd; border-left:1px solid #ddd}
.com-go  table.gc-table{text-align:center}
.com-go .com-go-title {margin-bottom: 1rem;font-size: 1.125rem;font-weight: 700;line-height: 1em;letter-spacing:-0.05em;color:#265aa3}