/***** 모바일웹 시작 *****/
.login {padding:0 20px;}
.login .logo {margin:65px 0 40px 0; text-align:center;}
.login .login_text {font-size:14px; color:#4c9bfb; font-weight:700;}

.display-none { display:none; }

.agency {padding:0 20px;}
.agency .logo {margin:65px 0 40px 0; text-align:center;}
.agency .agency_chk {display:none; position:fixed; z-index:105; width:260px; height:336px; background:#fff; top:50%; left:50%; margin-top:-168px; margin-left:-130px; text-align:center;}
.agency .agency_chk .img_agency_chk {margin:30px 0 15px 0;}
.agency .agency_chk .txt_agency_chk {font-size:16px; font-weight:700; color:#000; line-height:28px; letter-spacing:-0.05em;}
.agency .agency_chk .btn_group {position:absolute; bottom:0; left:0; width:100%;}
.agency .agency_chk .btn_group:after {clear:both; display:block; content:'';}
.agency .agency_chk .btn_group .btn_close {float:left; background:#ddd; text-align:center; width:50%; height:45px; line-height:45px; font-size:16px; font-weight:700; color:#000;}
.agency .agency_chk .btn_group .btn_submit {float:left; background:#4c9bfb; text-align:center; width:50%; height:45px; line-height:45px; font-size:16px; font-weight:700; color:#fff;}

.agency .agency_not {display:none; position:fixed; z-index:105; width:260px; height:280px; background:#fff; top:50%; left:50%; margin-top:-140px; margin-left:-130px; text-align:center;}
.agency .agency_not .img_agency_not {margin:30px 0 15px 0;}
.agency .agency_not .txt_agency_not {font-size:16px; font-weight:700; color:#000; line-height:28px; letter-spacing:-0.05em;}
.agency .agency_not .btn_group {position:absolute; bottom:0; left:0; width:100%;}
.agency .agency_not .btn_group .btn_chk {background:#4c9bfb; text-align:center; width:100%; height:45px; line-height:45px; font-size:16px; font-weight:700; color:#fff;}

.mask {display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:#000; opacity:0.3; z-index:99;}

.history {position:relative; color:#555; height:30px; line-height:30px; border-bottom:1px solid #eee; font-size:16px; font-weight:700; text-align:center; margin-top: 41px;}
.history .backspace {position:absolute; left:7px; top:5px; padding:17px; display:block; width:8px; height:16px; background:url(/assets/img/icon_backspace.png) 10px no-repeat;}

.article_btn_group {width:100%; position:fixed; z-index:102; bottom: 0; transition: all 0.2s; }
.article_btn_group.close {width:100%; position:fixed; z-index:102; bottom: -40px; transition: all 0.2s; }
.article_btn_group:after {content:''; clear:both; display:block;}
.article_btn_group .article_btn:last-child {border-right:0;}
.article_btn_group .article_btn {float:left; width:25%; height:38px; line-height:38px; background:#fff; color:#555; font-size:3.5vw; font-weight:700; text-align:center; border-left:0; border-top:1px solid #eee; border-bottom:1px solid #fff; border-right:1px solid #eee; padding: 1px 0;}
/*.article_btn_group .article_btn {float:left; width:25%; height:38px; line-height:38px; background:#777; color:#fff; font-size:16px; font-weight:700; text-align:center; border-left:0; border-top:1px solid #eee; border-bottom:3px solid #6c6969; border-right:1px solid #969696;}*/
.article_btn_group.five .article_btn {width:20%;}
.article_btn_group.four .article_btn {width:25%;}
.article_btn_group.three .article_btn {width:33.333%;}
.article_btn_group.two .article_btn {width:50%;}
.article_btn_group img {vertical-align:middle; margin-right:1px; margin-bottom:1px;}

/* 하단 페이지 관리 버튼 현재 미사용 */
.article_btn_group_default {width:100%; position:fixed; z-index:102; bottom: 0; transition: all 0.2s; }
.article_btn_group_default.close {width:100%; position:fixed; z-index:102; bottom: -47px; transition: all 0.2s; }
.article_btn_group_default:after {content:''; clear:both; display:block;}
.article_btn_group_default .article_btn:last-child {border-right:0;}
.article_btn_group_default .article_btn {float:left; width:25%; height:40px; line-height:45px; background:#fff; color:#555; font-size:16px; font-weight:700; text-align:center; border-left:0; border-top:1px solid #eee; border-bottom:1px solid #eee; border-right:1px solid #eee; }
.article_btn_group_default .article_btn img{display:block; width:35%; margin-left: auto; margin-right: auto;}
.article_btn_group_default .article_btn img.not_page{display:block; width:35%; margin-left: auto; margin-right: auto; opacity: 0.5;}
.article_btn_group_default.five .article_btn {width:20%;}
.article_btn_group_default.four .article_btn {width:25%;}
.article_btn_group_default.three .article_btn {width:33.333%;}
.article_btn_group_default.two .article_btn {width:50%;}

/* 기사작성 시작 */
.article_write {padding:20px 20px 58px;}
.article_write .title_alert { display: none; color: #ff8181; font-size: 12px; font-weight: 600; margin-bottom: 13px; }
.article_write .total_page {letter-spacing:-0.05em; font-size:12px; color:#555; text-align:right; padding-top:10px;}
.article_write .total_page .page {color:#4c9bfb;}
.article_write h2 {position:relative; color:#000; font-size:18px; font-weight:700; margin-bottom:13px;}
.article_write h2 span {position:absolute; top:0; right:0; font-size:14px; color:#ff5959;}
.article_write .list_group .list_group_item {position:relative; padding:0 10px; line-height:36px; color:#555; font-size:12px; font-weight:500; letter-spacing:-0.05em; border-left:1px solid #e3e5e4; border-bottom:1px solid #e3e5e4; border-right:1px solid #e3e5e4;}
.article_write .list_group .list_group_item.file_slide { height: 36px; width: 100%; }
.article_write .list_group .list_group_item .dz_file_name { float: left; text-overflow: ellipsis; white-space: nowrap; width: 70%; overflow: hidden; }
.article_write .list_group .list_group_item.dz-success .dz_file_name { float: left; text-overflow: ellipsis; white-space: nowrap; width: 70%; overflow: hidden; color: #3A6136; }
.article_write .list_group .list_group_item.dz-error .dz_file_name { float: left; text-overflow: ellipsis; white-space: nowrap; width: 70%; overflow: hidden; color: #B12626; }
.article_write .list_group .list_group_item .dz_file_size { margin-right: 30px; float: right; }
.article_write .list_group .list_group_item .file_delete {position:absolute; top:13px; left:95%; margin-left:-9px; display:block; width:10px; height:10px; background:url(/assets/img/list_group_close.png) 0 0 no-repeat; background-size:10px 10px;}
.article_write .list_group .list_group_item .file_delete_cancel {position:absolute; top:13px; left:95%; margin-left:-9px; display:block; width:10px; height:10px; background:url(/assets/img/list_group_close.png) 0 0 no-repeat; background-size:10px 10px;}
.article_write .list_group .list_group_item:first-child {border-top:1px solid #e3e5e4;}
.article_write .list_group .list_group_item .close {position:absolute; top:13px; left:95%; margin-left:-8px; display:block; width:10px; height:10px; background:url(/assets/img/list_group_close.png) 0 0 no-repeat; background-size:10px 10px;}
.article_write .list_group .list_group_item.dz-success .close { background:url(/assets/img/close_green.png) 0 0 no-repeat; background-size:10px 10px; }
.article_write .list_group .list_group_item.dz-error .close { background:url(/assets/img/close_red.png) 0 0 no-repeat; background-size:10px 10px;}
.article_write .keyword { height: 100%; border:1px solid #e3e5e4;}
.article_write .keyword .keyword_top {font-size:16px; color:#555; font-weight:700; padding:0 12px; line-height:43px; border-bottom:1px solid #e3e5e4;}
.article_write .keyword .tag {background:#d5eaff; border:1px solid #c0ddfa; color:#4c9bfb; font-size:12px; display:inline-block; padding:0 30px 0 10px; height:26px; line-height:26px; margin-bottom: 3px;}
/* 기사작성 끝 */

/* 환경설정 시작 */
.setting {background:#f1f1f1; padding:30px 20px 50px 20px;}
.setting .setting_area {background:#fff; padding:0 20px; height:46px; line-height:46px; font-weight:700; font-size:16px; color:#555; letter-spacing:-0.05em;}
.setting .setting_area:after {content:''; clear:both; display:block;}
.setting .setting_area .switch {float:right; margin-top:10px;}
.setting .setting_txt {padding:10px 20px 23px 20px; font-size:12px; color:#999;}
.setting .setting_area .radio_btn {float:right; width:140px; margin-top:10px;}
.setting .setting_area .radio_btn .radio {height:26px; line-height:26px;}
.setting .setting_area .radio_btn .radio .checkmark {height:26px;}
/*
.setting .setting_area .radio_btn .radio input:checked ~ .checkmark {background:#4c9bfb;}
.setting .setting_area .radio_btn .radio input:checked ~ span {color:#fff;}
*/
.switch {position: relative; display: inline-block; width: 40px; height: 25px; border:0; vertical-align:middle;}
.switch input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.slider:before { position: absolute; content: ""; height: 21px; width: 21px; left:2px; bottom:2px; background-color: white; -webkit-transition: .4s; transition: .4s; }
input:checked + .slider { background-color: #4c9bfb; }
input:focus + .slider { box-shadow: 0 0 1px #4c9bfb; }
input:checked + .slider:before { -webkit-transform: translateX(15px); -ms-transform: translateX(15px); transform: translateX(15px); }
.slider.round {border-radius: 35px;}
.slider.round:before { border-radius: 50%; }
/* 환경설정 끝 */

/* 기사관리 시작 */
.article_list {padding:20px 20px 48px;}
.article_list.onlinedesk_list {padding:20px 20px 10px;}
.search_btns { padding: 0 0 10px; }
.search_btns:after {content:''; clear:both; display:block;}
.search_btns .btn_search {float:left; border:0; width:calc(50%); height:36px; line-height:31px; background:#4c9bfb; font-size:16px; color:#fff; font-weight:700; border-bottom:3px solid #1776ea;}
.search_btns .btn_all_list {float:right; border:0; width:calc(50%); height:36px; line-height:31px; background:#777; font-size:16px; color:#fff; font-weight:700; border-bottom:3px solid #6c6969;}

.article_list .lists {margin-bottom:10px;}
.article_list .lists .list {border:1px solid #e3e5e4; margin-bottom: -1px; padding:0;}
.article_list .lists .list.check {/*border:1px solid #4c9bfb;*/}
.article_list .lists .list.check .list_top {padding:10px 10px 10px 10px;}
.article_list .lists .list.check .chk_mask_wrap {position:relative;}
.article_list .lists .list.check .chk_mask {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(76, 155, 251, 0.1);}
.article_list .lists .list .list_top {position:relative; font-size:14px; font-weight:700; color:#777777; letter-spacing:-0.05em; height:34px; padding: 10px;}
.article_list .lists .list .list_top .category { color: #777; display: inline-block; border: 1px solid #dbdbdb; padding: 6px 7px; margin-right:5px; font-size: 10px;}
.article_list .lists .list .list_top .time { display: inline-block;}
.article_list .lists .list .list_top .time:after {content:''; clear:both; display:block;}
.article_list .lists .list .list_top .time .write_time { display:inline-block; font-size: 12px; line-height: 14px; }
.article_list .lists .list .list_top .time .time_line { display:inline-block; font-size: 12px; line-height: 14px; margin-right:5px; margin-left:5px; }
.article_list .lists .list .list_top .time .modify_time { display:inline-block; font-size: 12px; line-height: 14px; }
.article_list .lists .list .list_content { padding: 3px 10px 3px 15px; position: relative; }
.article_list .lists .list .list_content .title {font-size:14px; color:#000; font-weight:700; line-height:26px; max-height:36px; letter-spacing:-0.05em; word-break: break-all; overflow:hidden; height: 26px; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.article_list .lists .list .list_top .article_top_btn {position:absolute; top:9px; right:9px; display:block;}
.article_list .lists .list .list_top .article_top_btn:after {display:block; content:''; clear:both;}
.article_list .lists .list .list_top .btn_preview {display:inline-block; width:25px; height:25px; background:url(/assets/img/btn_preview.png) 0 0 no-repeat; cursor:pointer; background-size: 100% 100%; float: left; }
.article_list .lists .list .list_top .btn_remove {display:inline-block; width:25px; height:25px; background:url(/assets/img/btn_remove.png) 0 0 no-repeat; cursor:pointer; background-size: 100% 100%;}
.article_list .lists .list .list_bottom {position:relative; vertical-align:middle; height:26px; margin: 0 -1px 0; }
.article_list .lists .list .list_bottom .article_modify {float: left; background: #4c9bfb; width: 33.33333333%; height: 26px; line-height: 26px; border: 0; color: #fff; font-size: 14px; font-weight: 700; text-align: center;}
.article_list .lists .list .list_bottom .article_send {float: left; background: #73bac1; width: 33.33333333%; height: 26px; line-height: 26px; border: 0; color: #fff; font-size: 14px; font-weight: 700; text-align: center;}
.article_list .lists .list .list_bottom .article_pub {float: left; background: #73bac1; width: 33.33333333%; height: 26px; line-height: 26px; border: 0; color: #fff; font-size: 14px; font-weight: 700; text-align: center;}
.article_list .lists .list .list_bottom .btn_remove { float: left; background: #f46560; width: 33.33333333%; height: 26px; line-height: 26px; border: 0; color: #fff; font-size: 14px; font-weight: 700; text-align: center; }
.article_list .lists .list .list_bottom .article_modify_yonhap {float: left; background: #4c9bfb; width: 100%; height: 26px; line-height: 26px; border: 0; color: #fff; font-size: 14px; font-weight: 700; text-align: center;}
.article_list .lists .list .list_bottom .article_modify_online {float: left; background: #4c9bfb; width: 50%; height: 26px; line-height: 26px; border: 0; color: #fff; font-size: 14px; font-weight: 700; text-align: center;}
.article_list .lists .list .list_bottom .btn_remove_online { float: left; background: #f46560; width: 50%; height: 26px; line-height: 26px; border: 0; color: #fff; font-size: 14px; font-weight: 700; text-align: center; }
.article_list .lists .list .list_bottom .article_return {float: left; background: #c00000; width: 33.33333333%; height: 26px; line-height: 26px; border: 0; color: #fff; font-size: 14px; font-weight: 700; text-align: center;}
.article_list .lists .list .list_bottom .article_full_pub {float: left; background: #73bac1; width: 100%; height: 26px; line-height: 26px; border: 0; color: #fff; font-size: 14px; font-weight: 700; text-align: center;}
.article_list .lists .list .list_bottom .btn_modify {float: left; background: #4c9bfb; width: 50%; height: 26px; line-height: 26px; border: 0; color: #fff; font-size: 14px; font-weight: 700; text-align: center;}
.article_list .lists .list .list_bottom .btn_return {float: left; background: #c00000; width: 50%; height: 26px; line-height: 26px; border: 0; color: #fff; font-size: 14px; font-weight: 700; text-align: center;}
.article_list .lists .list .list_bottom .btn_publish {float: left; background: #73bac1; width: 50%; height: 26px; line-height: 26px; border: 0; color: #fff; font-size: 14px; font-weight: 700; text-align: center;}

/*연합뉴스 추가로 css 추가*/
.article_list .lists .list .text { display: inline-block; font-size: 12px; color: #3a92e3; }
.article_list .lists .list img { height: 14px; margin: 0 2px -4px 4px; }
.article_list .lists .list .time { display: inline-block; margin: 0 0 5px 10px; }
.article_list .lists .list .time:after {content:''; clear:both; display:block;}
.article_list .lists .list .time .write_time { display:inline-block; font-size: 12px; line-height: 14px; color: #737373; }
.article_list .lists .list .time .time_line { display:inline-block; font-size: 12px; line-height: 14px; margin-right:5px; margin-left:5px; }
.article_list .lists .list .time .modify_time { display:inline-block; font-size: 12px; line-height: 14px; }

.article_list .lists .list .list_bottom .checkbox {margin-right:10px; padding-left:0; width:30px; height:30px; position: absolute; left: -9999px; top: -9999px;}
.article_list .lists .list .list_bottom .checkbox .checkmark_complete {width:30px; height:30px; border: 2px solid #ddd;}
.article_list .lists .list .list_bottom .checkbox .checkmark {width:30px; height:30px; border: 2px solid #ddd;}
.article_list .lists .list .list_bottom .checkbox input:checked ~ .checkmark {border: 2px solid #4c9bfb;}
.article_list .lists .list .list_bottom .checkbox .checkmark:after {left: 8px; top: 3px; width: 7px; height: 13px; border: solid #4c9bfb; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.checkmark:before {content: ''; position: absolute; display: none;}
.checkbox input:checked ~ .checkmark:before {display: block;}
.article_list .lists .list .list_bottom .checkbox.complete {margin-right:10px; padding-left:0; width:30px; height:30px;}
.article_list .lists .list .list_bottom .checkbox.complete .checkmark {width:30px; height:30px; border: 2px solid #ddd;}
.article_list .lists .list .list_bottom .checkbox.complete input:checked ~ .checkmark {border: 2px solid #c00000;}
.article_list .lists .list .list_bottom .checkbox.complete .checkmark:after {left: 2px; top:12px; width: 20px; height:0; border: solid #c00000; border-width: 1px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.article_list .lists .list .list_bottom .checkbox.complete .checkmark:before {content:''; position:absolute; left: 2px; top:12px; width: 20px; height:0; border: solid #c00000; border-width: 1px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }

.article_list .lists .list .list_bottom .status {font-size:14px; font-weight:700; vertical-align:middle;}
.article_list .lists .list .list_bottom .status .stat:after {content:'|'; padding:0 2px 0 6px; color:#eee; font-size:10px; font-weight:400;}
.article_list .lists .list .list_bottom .status .stat:last-child:after {display:none;}
.article_list .lists .list .list_bottom .status .stat1 { width: 100%; background-color: #f3f3f3; border: 1px solid #e3e5e4; color:#5c6ac2; float: left; height: 26px; line-height: 26px; text-align: center; }
.article_list .lists .list .list_bottom .status .stat2 { width: 100%; background-color: #f3f3f3; border: 1px solid #e3e5e4; color:#4c9bfb; float: left; height: 26px; line-height: 26px; text-align: center; }
.article_list .lists .list .list_bottom .status .stat3 { width: 100%; background-color: #f3f3f3; border: 1px solid #e3e5e4; color:#c00000; float: left; height: 26px; line-height: 26px; text-align: center; }
.article_list .lists .list .list_bottom .status .stat4 { width: 100%; background-color: #f3f3f3; border: 1px solid #e3e5e4; color:#87c63c; float: left; height: 26px; line-height: 26px; text-align: center; }
.article_list .lists .list .list_bottom .status .stat4 { width: 100%; background-color: #f3f3f3; border: 1px solid #e3e5e4; color: #0047c6; float: left; height: 26px; line-height: 26px; text-align: center; }
.article_list .lists .list .list_bottom .status .stat5 { width: 100%; background-color: #f3f3f3; border: 1px solid #e3e5e4; color: #ee82ba; float: left; height: 26px; line-height: 26px; text-align: center; }

.article_list .btn_more {width:100%; height:36px; line-height:36px; background:#4c9bfb; font-size:16px; color:#fff; font-weight:700; text-align:center; margin-bottom: 10px; }

.article_preview {display:block; position:fixed; top:0; left:0; z-index:102; width:100%; height:100%; padding:0 0 20px 0; background:#fff; overflow-y:auto; transform: translate3d(0,100%,0); transition: all 0.2s; }
.article_preview.open {display:block; position:fixed; top:0; left:0; z-index:102; width:100%; height:100%; padding:0 0 20px 0; background:#fff; overflow-y:auto; transform: translate3d(0,0,0); transition: all 0.2s; }
.article_preview .article_preview_top {position:fixed; top:0; left:0; background:#fff; width:100%; height:46px; line-height:45px; padding:0 16px; border-bottom:1px solid #eee; font-size:16px; font-weight:800; color:#555;}
.article_preview .article_preview_top:after {content:''; clear:both; display:block;}
.article_preview .article_preview_top .close {float:right; color:#4c9bfb; }
.article_preview .article_preview_content {padding:60px 20px 0 20px; overflow-y:auto;}
.article_preview .article_preview_content .title {font-size:18px; font-weight:500; color:#000; letter-spacing:-0.05em; line-height:28px; margin-bottom:16px; word-break: break-all;}
.article_preview .article_preview_content .subtitle {font-size:14px; font-weight:500; color:#000; letter-spacing:-0.05em; line-height:28px; margin-bottom:16px; word-break: break-all;}
.article_preview .article_preview_content figure { margin-bottom: 18px;}
.article_preview .article_preview_content p {font-size:16px; font-weight:500; color:#000; letter-spacing:-0.05em; line-height:26px; word-break: break-all;}
.article_preview .article_preview_content img {display:block; width:100%; }
.article_preview table {margin:18px 0 0; width:100%; border-left:1px solid #e3e5e4; border-top:1px solid #e3e5e4;}
.article_preview table th {border-right:1px solid #e3e5e4; border-bottom:1px solid #e3e5e4; text-align:left; letter-spacing:-0.05em; background:#fbfcfe; font-size:14px; color:#999; padding:15px 14px; width: 92px;}
.article_preview table td {border-right:1px solid #e3e5e4; border-bottom:1px solid #e3e5e4; font-size:14px; letter-spacing:-0.05em; color:#555; padding:15px 14px;}
.article_preview .btn_close {width:100%; height:36px; line-height:36px; background:#4c9bfb; font-size:16px; color:#fff; font-weight:700; text-align:center; margin-top: 18px; }

.article_publish {display:block; position:fixed; top:0; left:0; z-index:102; width:100%; height:100%; padding:0 0 20px 0; background:#fff; overflow-y:auto; transform: translate3d(0,100%,0); transition: all 0.2s; }
.article_publish.open {display:block; position:fixed; top:0; left:0; z-index:103; width:100%; height:100%; padding:0 0 20px 0; background:#fff; overflow-y:auto; transform: translate3d(0,0,0); transition: all 0.2s; }
.article_publish .article_publish_top {position:fixed; top:0; left:0; background:#fff; width:100%; height:46px; line-height:45px; padding:0 16px; border-bottom:1px solid #eee; font-size:16px; font-weight:800; color:#555;}
.article_publish .article_publish_top:after {content:''; clear:both; display:block;}
.article_publish .article_publish_top .close {float:right; color:#4c9bfb; }
.article_publish .article_publish_content {padding:60px 20px 0 20px; /*overflow-y:auto;*/}
.article_publish .checkbox_btn .checkbox {color:#777; font-size:12px; letter-spacing:-0.05em;}
.article_publish .checkbox_btn .checkbox .checkmark {height:36px;}
.article_publish .checkbox_btn .checkbox {line-height:36px;}
.article_publish .checkbox_btn .checkbox span:not(.checkmark) {position:relative; z-index:5;}
.article_publish .checkbox_btn .checkbox input:checked ~ .checkmark {border:1px solid #b1b1b1; background:#b1b1b1;}
.article_publish .checkbox_btn .checkbox input:checked ~ span {color:#fff;}

.article_publish h2 {color:#000; font-size:14px; font-weight:700; margin-bottom:13px;}
.article_publish .btn_all_sel {width:100%; height:36px; line-height:36px; background:#777; font-size:16px; color:#fff; font-weight:700; text-align:center;}
.article_publish .del_btn_all_sel {width:100%; height:36px; line-height:36px; background:#777; font-size:16px; color:#fff; font-weight:700; text-align:center;}
.article_publish .btn_close {width:100%; height:45px; line-height:45px; background:#4c9bfb; font-size:16px; color:#fff; font-weight:700; text-align:center;}
.article_publish .publish_btns:after {content:''; clear:both; display:block;}
.article_publish .publish_btns .btn_publish {float:left; border:0; width:calc(50% - 5px); height:36px; line-height:36px; background:#4c9bfb; font-size:16px; color:#fff; font-weight:700;}
.article_publish .publish_btns .btn_close {float:right; border:0; width:calc(50% - 5px); height:36px; line-height:36px; background:#777; font-size:16px; color:#fff; font-weight:700;}

.article_youtube {display:block; position:fixed; top:0; left:0; z-index:102; width:100%; height:100%; padding:0 0 20px 0; background:#fff; overflow-y:auto;}
.article_youtube .article_youtube_top {position:fixed; top:0; left:0; background:#fff; width:100%; height:46px; line-height:45px; padding:0 16px; border-bottom:1px solid #eee; font-size:16px; font-weight:800; color:#555;}
.article_youtube .article_youtube_top:after {content:''; clear:both; display:block;}
.article_youtube .article_youtube_top .close {float:right; color:#4c9bfb; }
.article_youtube .article_youtube_content {padding:60px 20px 0 20px; overflow-y:auto;}
.article_youtube .article_youtube_content .title {font-size:18px; font-weight:800; color:#000; letter-spacing:-0.05em; line-height:28px; margin-bottom:16px;}
.article_youtube .article_youtube_content p {font-size:16px; font-weight:700; color:#000; letter-spacing:-0.05em; line-height:26px;}
.article_youtube .article_youtube_content img {display:block; width:100%; margin-bottom:18px;}
.article_youtube table {margin:18px 0; width:100%; border-left:1px solid #e3e5e4; border-top:1px solid #e3e5e4;}
.article_youtube table th {border-right:1px solid #e3e5e4; border-bottom:1px solid #e3e5e4; text-align:left; letter-spacing:-0.05em; background:#fbfcfe; font-size:14px; color:#999; padding:15px 14px;}
.article_youtube table td {border-right:1px solid #e3e5e4; border-bottom:1px solid #e3e5e4; font-size:14px; letter-spacing:-0.05em; color:#555; padding:15px 14px;}
.article_youtube .btn_close {width:100%; height:45px; line-height:45px; background:#4c9bfb; font-size:16px; color:#fff; font-weight:700; text-align:center;}

.article_more { line-height: 36px; font-size: 16px; color: #fff; font-weight: 700; text-align: center; }
.info_box {display:none;}
.search_box {display:none;}
/* 기사관리 끝 */

/* 이용약관 및 개인정보처리방침 시작 */
.policy {padding:15px 20px 20px;}
.policy h2 {font-size:16px; color:#555; font-weight:bold; text-align:center; margin-bottom:30px;}
.policy h2 img {vertical-align: middle;}
.policy h3 {font-size:18px; color:#4c9bfb; font-weight:bold;}
.policy h4 {font-size:14px; color:#555; font-weight:bold; margin-top:9px; margin-bottom:13px; padding-left:9px; background:url(/assets/img/dot.gif) left center no-repeat;}
.policy p {font-size:12px; color:#555; font-weight:normal; line-height:25px; margin-bottom:15px;}
.policy ol li {font-size:12px; color:#555; font-weight:normal; line-height:25px; margin-bottom:5px; list-style: decimal; margin-left:15px;}
/* 이용약관 및 개인정보처리방침 끝 */

/*Dropzone 파일 업로드 시작*/
.fileuploader { position: relative; width: 100%; margin: auto; height: 36px; border: 1px dashed #ddd; background: #fff; }
.fileuploader span{ font-size:12px; color:#000; letter-spacing:-0.05em; line-height:36px; padding: 0 10px; }
.fileuploader_inner { position: absolute; width: 36px; height: 34px; right: 0; top: 0; }
.fileuploader_inner.right { right: 36px; }

.preview_files{ position: relative; bottom: 0; width: 100%; margin: auto; }
.preview_files #preview_list{ max-height: 400px; overflow: auto; }
.preview_files #preview_list .dz-info{ width: 88%; margin-right: 2%; margin-top: 7px; }
.preview_files #preview_list.collection{ margin: 0; box-shadow: none; }
.preview_files #preview_list.collection .collection-item:first-child{ background-color: #fff; position:relative; padding:0 13px; /*height:36px;*/ line-height:30px; border-bottom:1px solid #e1e1e1; border-top:1px solid #e1e1e1; overflow: hidden; }
.preview_files #preview_list.collection .collection-item{ background-color: #fff; position:relative; padding:0 13px; /*height:36px;*/ line-height:30px; border-bottom:1px solid #e1e1e1; overflow: hidden; }
.preview_files #preview_list.collection .collection-item .dz_file_name{ color: #337ab7; text-decoration: none; display: inline-block; width: 85%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 12px }
.preview_files #preview_list.collection .collection-item .dz_file_size{ position: absolute; word-break: break-all; font-size: 12px; }
.preview_files #preview_list.collection .progress{ position: relative; height: 4px; display: block; width: 100%; background-color: #8fbcdb; border-radius: 2px; margin: .5rem 0 1rem 0; overflow: hidden; }
.preview_files #preview_list.collection .progress .determinate{ position: absolute; top: 0; left: 0; bottom: 0; background-color: #447294; transition: width .3s linear; }
.preview_files #preview_list.collection .dz-error-message{ font-size: 12px; color: #F44336; }
.preview_files #preview_list.collection .dz-success-message{ font-size: 12px; color: #2ca835; }
.preview_files #preview_list.collection .close {position:absolute; top:17px; right:14px; display:block; width:15px; height:15px; background:url(/assets/img/list_group_close.png) 0 0 no-repeat;}

.preview_files #preview_list.collection .visible_checkbox { display: inline-block; position: absolute; line-height: 18px; min-width: 18px; padding-left: 18px; vertical-align: middle; margin-right: 15px; font-size:14px; top: 14px; right: 38px; }
.preview_files #preview_list.collection .visible_checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.preview_files #preview_list.collection .visible_checkbox .checkmark { position: absolute; left: 0; top: 0; width: 18px; height: 18px; background: #fff; border:1px solid #ddd; }
.preview_files #preview_list.collection .visible_checkbox .checkmark_complete { position: absolute; left: 0; top: 0; width: 18px; height: 18px; background: #fff; border:1px solid #ddd; }
.preview_files #preview_list.collection .visible_checkboxk:after { content: ''; position: absolute; display: none; }
.preview_files #preview_list.collection .visible_checkbox input:checked ~ .checkmark { background-color: #fff; }
.preview_files #preview_list.collection .visible_checkbox input:checked ~ .checkmark:after { display: block; }
.preview_files #preview_list.collection .visible_checkbox .checkmark:after { left: 5px; top: 1px; width: 5px; height: 9px; border: solid #4c9bfb; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

/*Swal2 Dropzone 연동*/
/*#image_dropzone { position: relative; width: 100%; margin: auto; height: 40px; border: 2px dashed #ddd; background: #fff; }
#image_dropzone span{ font-size:16px; color:#000; letter-spacing:-0.05em; line-height:36px; padding: 0 10px; }*/

.preview_images{ max-height: 100px; overflow: auto; }
.preview_images .dz-info{ width: 88%; margin-right: 2%; margin-top: 7px; text-align: left; }
.preview_images .collection{ margin: 0; box-shadow: none; }
.preview_images .collection .collection-item:first-child{ background-color: #fff; position:relative; padding:0 13px; /*height:36px;*/ line-height:30px; border-bottom:1px solid #e1e1e1; border-top:1px solid #e1e1e1; overflow: hidden; }
.preview_images .collection .collection-item{ background-color: #fff; position:relative; padding:0 13px; /*height:36px;*/ line-height:30px; border-bottom:1px solid #e1e1e1; overflow: hidden; }
.preview_images .collection .collection-item .dz_file_name{ color: #337ab7; text-decoration: none; display: inline-block; width: 73%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.preview_images .collection .collection-item .dz_file_size{ position: absolute; }
.preview_images .collection .progress{ position: relative; height: 4px; display: block; width: 100%; background-color: #8fbcdb; border-radius: 2px; margin: .5rem 0 1rem 0; overflow: hidden; }
.preview_images .collection .progress .determinate{ position: absolute; top: 0; left: 0; bottom: 0; background-color: #447294; transition: width .3s linear; }
.preview_images .collection .dz-error-message{ font-size: 0.8em; color: #F44336; }
.preview_images .collection .dz-success-message{ font-size: 0.8em; color: #2ca835; }
.preview_images .collection .close {position:absolute; top:17px; right:14px; display:block; width:12px; height:12px; background:url(/assets/img/list_group_close.png) 0 0 no-repeat;}
/*Swal2 Dropzone 연동 종료*/

/*Dropzone 파일 업로드 종료*/

/* 미리보기 파일 첨부 */
.ca-refer-folder { margin-top: 30px; }
.ca-refer-folder .btn-refer-file { display: inline-block; padding: 2px; border: 1px solid #999; cursor: pointer; font-size: 13px; margin-left: 15px; }
.ca-refer-files{ position: relative; bottom: 0; width: 100%; margin: auto; top: 10px; display:none; }
.ca-refer-files .ca-refer-file .preview_file_name{ color: #337ab7; text-decoration: none; display: inline-block; width: 70%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.ca-refer-files .ca-refer-file .preview_file_vol{ position: absolute; }
/* 미리보기 파일 첨부 끝 */

/* 모바일 사진등록 dropzone css */
.dropzone_image { overflow-y: hidden; overflow-x: auto; white-space: nowrap; min-height: 50px; border: 2px solid rgba(0, 0, 0, 0.3); background: white; margin-bottom: 15px; padding: 20px 20px; }
.dropzone_image.dz-clickable { cursor: pointer; }
.dropzone_image.dz-clickable * { cursor: default; }
.dropzone_image.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * { cursor: pointer; }
.dropzone_image.dz-started .dz-message { display: none; }
.dropzone_image.dz-drag-hover { border-style: solid; }
.dropzone_image.dz-drag-hover .dz-message { opacity: 0.5; }
.dropzone_image .dz-message { text-align: center; margin: 2em 0; }
.dropzone_image .dz-preview { position: relative; display: inline-block; vertical-align: top; margin: 0; min-height: 50px; }
.dropzone_image .dz-preview:hover { z-index: 1000; }
.dropzone_image .dz-preview:hover .dz-details { opacity: 1; }
.dropzone_image .dz-preview.dz-file-preview .dz-image { border-radius: 20px; background: #999; background: linear-gradient(to bottom, #eee, #ddd); }
.dropzone_image .dz-preview.dz-file-preview .dz-details { opacity: 1; }
.dropzone_image .dz-preview.dz-image-preview { margin-right: 10px; background: white; }
.dropzone_image .dz-preview.dz-image-preview .dz-details { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
.dropzone_image .dz-preview .dz-remove { margin-top: -71px; margin-right: 1px; font-size: 20px; text-align: center; display: block; cursor: pointer; border: none; color: #446b9e; }
.dropzone_image .dz-preview .dz-remove:hover { text-decoration: underline; }
.dropzone_image .dz-preview:hover .dz-details { opacity: 1; }
.dropzone_image .dz-preview .dz-details { z-index: 20; position: absolute; top: 0; left: 0; opacity: 0; font-size: 13px; min-width: 100%; max-width: 100%; padding: 1em 1em; text-align: center; color: rgba(0, 0, 0, 0.9); line-height: 100%; }
.dropzone_image .dz-preview .dz-details .dz-size { font-size: 14px; width: 60px; margin-left: -18px; }
.dropzone_image .dz-preview .dz-details .dz-filename { margin-left: -27px; white-space: nowrap; }
.dropzone_image .dz-preview .dz-details .dz-filename:hover span { border: 1px solid rgba(200, 200, 200, 0.8); background-color: rgba(255, 255, 255, 0.8); }
.dropzone_image .dz-preview .dz-details .dz-filename:not(:hover) { overflow: hidden; text-overflow: ellipsis; }
.dropzone_image .dz-preview .dz-details .dz-filename:not(:hover) span { border: 1px solid transparent; }
.dropzone_image .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span { background-color: rgba(255, 255, 255, 0.4); padding: 0 0.4em; border-radius: 3px; }
.dropzone_image .dz-preview:hover .dz-image img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-filter: blur(8px); filter: blur(8px); }
.dropzone_image .dz-preview .dz-image { border-radius: 5px; overflow: hidden; /*width: 120px; height: 120px;*/ width: 50px; height: 50px; position: relative; display: block; z-index: 10; }
.dropzone_image .dz-preview .dz-image img { display: block; }
.dropzone_image .dz-preview.dz-success .dz-success-mark { -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dz-error-mark{ display: none; }
.dropzone_image .dz-preview.dz-error .dz-error-mark { position: absolute; z-index: 500; margin-top: -52px; right: -2px; opacity: 1; -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone_image .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark { pointer-events: none; opacity: 0; z-index: 500; position: absolute; display: block; top: 50%; left: 50%; margin-left: -27px; margin-top: -40px; }
.dropzone_image .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg { display: block; width: 54px; height: 54px; }
.dropzone_image .dz-preview.dz-processing .dz-progress { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.dropzone_image .dz-preview.dz-complete .dz-progress { opacity: 0; -webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; }
.dropzone_image .dz-preview:not(.dz-processing) .dz-progress { -webkit-animation: pulse 6s ease infinite; -moz-animation: pulse 6s ease infinite; -ms-animation: pulse 6s ease infinite; -o-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite; }
.dropzone_image .dz-preview .dz-progress { opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height: 16px; left: 50%; top: 35%; margin-top: -8px; width: 80px; margin-left: -40px; background: rgba(255, 255, 255, 0.9); -webkit-transform: scale(1); border-radius: 8px; overflow: hidden; }
.dropzone_image .dz-preview .dz-progress .dz-upload { background: #333; background: linear-gradient(to bottom, #666, #444); position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; }
.dropzone_image .dz-preview.dz-error .dz-error-message { display: block; }
.dropzone_image .dz-preview.dz-error:hover .dz-error-message { opacity: 1; pointer-events: auto; }
.dropzone_image .dz-preview .dz-error-message { pointer-events: none; z-index: 1000; position: absolute; display: block; display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; border-radius: 8px; font-size: 11px; top: 79px; left: -17px; width: 90px; background: #be2626; background: linear-gradient(to bottom, #be2626, #a92222); color: white; }
.dropzone_image .dz-preview .dz-error-message:after { content: ''; position: absolute; top: -6px; left: 39px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; /*border-bottom: 6px solid #be2626;*/ }
/* 모바일 사진등록 dropzone css 종료 */

/* 첨부파일 css */
.image_delete_button { background-color: #ec4758; border: 0; border-color: #ec4758; color: #fff; margin-top: 5%; font-size: 12px; border-radius: 3px; height: 24px; }
.file_font { font-size: 12px; }
.file_font a { color: #337ab7; }

/* 약물 고정창 */
#special_character_type01, #special_character_type02 { display: none; position: absolute; background-color: #fff; z-index: 102; width: 100%; left: 0; /*bottom: 37px;*/ }
.stickytoolbar.header_hide { margin-top: 46px !important; }
#special_character_type01 .title, #special_character_type02 .title { padding: 3px 10px 0; background-color: #125590; font-weight: bold; color: #fff; }
#special_character_type01 .sp_prev, #special_character_type02 .sp_prev {float: left; width: 12.5%; height: 100%; text-align: center; line-height: 36px; border-right: 1px solid #e3e5e4; display: none;}/*버튼 제거로 인한 display none 추가*/
#special_character_type01 .sp_next, #special_character_type02 .sp_next { float: left; width: 12.5%; height: 100%; text-align: center; line-height: 36px; border-left: 1px solid #e3e5e4; display: none;}/*버튼 제거로 인한 display none 추가*/
#special_character_type01 .sp_float, #special_character_type02 .sp_float { float: left; width: 12%; height: 30px; text-align: center; line-height: 30px; border-left: 1px solid #e3e5e4; background:url(/assets/img/icon_expand.png) no-repeat center center; background-size: 20px; }
#special_character_type01 .sp_input, #special_character_type02 .sp_input { position:relative; overflow:hidden; display: inline-block; float: left; width: 87.5%; height: 30px; }
/*#special_character_type01 .sp_input, #special_character_type02 .sp_input { position:relative; overflow:hidden; display: inline-block; float: left; width: 62.5%; height: 35px; }*/
#special_character_type01 .sp_input_viewport, #special_character_type02 .sp_input_viewport {position:absolute; top:0; left:0; width:100%; height:auto; overflow:auto;}
/*.sp_input_viewport {position:absolute !important; top:0; left:0; width:100%; height:auto; border-top:1px solid #e3e5e4; white-space: normal !important;}*/
#special_character_type01 .body, #special_character_type02 .body { background-color: #fff; border: 1px solid #e3e5e4; height: 30px; margin: -1px; }
/*#special_character_type01 .body, #special_character_type02 .body { background-color: #fff; border: 1px solid #e3e5e4; height: 35px; margin: -1px; }*/
#special_character_type01 .body .sp_char_body::-webkit-scrollbar, #special_character_type02 .body .sp_char_body::-webkit-scrollbar { display: none;}
#special_character_type01 .body .sp-char, #special_character_type02 .body .sp-char { display: inline-block; background-color: #fff; color: #000; width: 10%; height: 30px;
    line-height: 30px; text-align: center; font-size: 20px; border-top: 1px solid #e3e5e4; border-bottom: 1px solid #e3e5e4; border-right: 1px solid #e3e5e4; cursor: pointer; margin: -1px 0 0 0; }
/*#special_character_type01 .body .sp-char, #special_character_type02 .body .sp-char { display: inline-block; background-color: #fff; color: #000; width: 20%; height: 36px;
    line-height: 36px; text-align: center; font-size: 20px; border-top: 1px solid #e3e5e4; border-bottom: 1px solid #e3e5e4; border-right: 1px solid #e3e5e4; cursor: pointer; margin: -1px 0 0 0; }*/
#special_character_type01 .sp_close, #special_character_type02 .sp_close { position: absolute; width: 40px; height: 40px; right: 20px; bottom: 70px; border: 1px solid #ededed; background:url(/assets/img/x_blue.png) no-repeat 12px; }
/* 약물 고정창 끝 */

/* 약물 드래그 창  */
#special_character_type01_drag, #special_character_type02_drag { display: none; position: absolute; background-color: #fff; z-index: 102; width: 235px; left: 0; border: 1px solid #e3e5e4; }
.stickytoolbar.header_hide { margin-top: 46px !important; }
#special_character_type01_drag .title, #special_character_type02_drag .title { padding: 3px 10px 0; background-color: #125590; font-weight: bold; color: #fff; }
#special_character_type01_drag .sp_prev, #special_character_type02_drag .sp_prev {float: left; width: 12.5%; height: 100%; text-align: center; line-height: 36px; border-right: 1px solid #e3e5e4; display: none;}
#special_character_type01_drag .sp_next, #special_character_type02_drag .sp_next { float: left; width: 12.5%; height: 100%; text-align: center; line-height: 36px; border-left: 1px solid #e3e5e4; display: none;}
#special_character_type01_drag .sp_float, #special_character_type02_drag .sp_float { float: left; width: 12%; height: 100%; text-align: center; line-height: 30px; border-left: 1px solid #e3e5e4; }
#special_character_type01_drag .sp_input, #special_character_type02_drag .sp_input { position:relative; overflow:auto; display: inline-block; float: left; width: 204px; height: 59px; margin: 15px; z-index: 101; }
#special_character_type01_drag .sp_input_viewport, #special_character_type02_drag .sp_input_viewport {position:absolute; top:0; left:0; width: 204px; height:auto; border-top:1px solid #e3e5e4; overflow:auto;}
#special_character_type01_drag .body, #special_character_type02_drag .body { background-color: #fff; width: 233px; height: 90px; }
#special_character_type01_drag .body .draggable_sp, #special_character_type02_drag .body .draggable_sp { width: 100%; height: 100%; position: absolute; z-index: 100;}
#special_character_type01_drag .body .spd_close_btn, #special_character_type02_drag .body .spd_close_btn { width: 25px; height: 25px; border-radius: 50%; border: 1px solid #e3e5e4; background:url(/assets/img/btn_remove.png) no-repeat -1px -2px #fff; position: absolute; right: 0; margin: -12px; z-index: 101;}
#special_character_type01_drag .body .sp_char_body::-webkit-scrollbar, #special_character_type02_drag .body .sp_char_body::-webkit-scrollbar { display: none;}
#special_character_type01_drag .body .sp-char, #special_character_type02_drag .body .sp-char { display: inline-block; background-color: #fff; color: #000; width: 30px; height: 30px;
    line-height: 30px; text-align: center; font-size: 20px; border: 1px solid #e3e5e4; cursor: pointer; margin: -1px -1px 0 0; }
#special_character_type01_drag .sp_close, #special_character_type02_drag .sp_close { position: absolute; width: 40px; height: 40px; right: 20px; bottom: 70px; border: 1px solid #ededed; background:url(/assets/img/x_blue.png) no-repeat 12px; }
/* 약물 드래그 창 끝 */

/* input file 디자인 수정 */
.photo_upload label { display: inline-block; padding: .6em 5.5em; color: #000; font-size: inherit; font-weight:400; text-align: left; line-height: 53px; overflow: hidden; vertical-align: middle; background-color: rgb(48, 133, 214); cursor: pointer; border: 1px solid #4c73ae; border-radius: .25em; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; }
/*.photo_upload label:hover { background-color: #4a83d3; }
.photo_upload label:active { background-color: #4a83d3; }*/
.photo_upload input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

/* 사진 캡션 줄 정렬 추가 */
#ca-body > figure > figcaption.align-left { text-align: left; }
#ca-body > figure > figcaption.align-center { text-align: center; }
#ca-body > figure > figcaption.align-right { text-align: right; }
#ca-body > figure > figcaption.align-justify { text-align: justify; }

p.align-left { text-align: left; }
p.align-center { text-align: center; }
p.align-right { text-align: right; }
p.align-justify { text-align: justify; }
/* 사진 캡션 줄 정렬 추가 종료 */

/* 에디터 버튼 줄정렬 */
/*.mce-flow-layout { white-space: nowrap !important; overflow-x: auto;}*/
.mce-toolbar.mce-last { display: none; border-top: 1px solid #d9d9d9;}
.mce-btn-group .mce-btn { border-width: 1px !important; margin: 0 !important; margin-left: 0 !important; }
.mce-flow-layout-item { margin: 0 !important; padding: 2px !important; }
.mce-toolbar-grp { padding: 0 !important; height: 34px !important; }
.mce-toolbar-grp.toolbar_add { padding: 0 !important; height: 70px !important; }
.mce-toolbar-grp.header_hide { top: 46px !important; }
.mce-panel { background-color: #ffffff !important; }
.mce-btn { background-color: #ffffff !important; }
.mce-tinymce  { border: 1px solid #e3e5e4 !important; }
.mce-btn:hover { color: #fff !important; border-color: #fff !important; }
.mce-statusbar { display: none !important; }
/* 에디터 버튼 줄정렬 종료 */

/* 기사 없을시 출력 문구 */
.search-no-text { position:relative; color:#b7b7b7; height:120px; line-height:120px; font-size:16px; font-weight:700; text-align:center; background-color: #f1f3f6; }
.search-no-text img { position: relative; display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; }
/* 기사 없을시 출력 문구 종료 */

/* 팝업창 css 수정 */
.swal2-popup, .swal2-confirm, .swal2-cancel, .swal2-input{ border-radius: unset !important; }
.swal2-confirm, .swal2-cancel { height:36px !important; line-height: 1px !important; }
.swal2-confirm { background-color: #4c9bfb !important; }
.swal2-confirm.upload { background-color: #92c3ff !important; }
.swal2-styled:focus { outline: none; box-shadow: unset !important; }
.swal2-actions:not(.swal2-loading) .swal2-styled:active { background-image: unset !important; }
.swal2-actions:not(.swal2-loading) .swal2-styled:hover { background-image: unset !important; }
/* 팝업창 css 수정 종료 */

/* 기사 작성 이미지 입력 */
.calendar_image, #send_cts_pub_day { background:url(/assets/img/icon_calendar.png) no-repeat right 10px top 9px !important; }
.search_image { background:url(/assets/img/icon_top_search.png) no-repeat right 10px top 9px !important; }
.upload_image { background:url(/assets/img/icon-clip.png) no-repeat right 10px top 10px !important; }
/* 기사 작성 이미지 입력 종료 */

/* 첨부파일 업로드시 프로그레스 바 */
#preview_list .determinate{ position: absolute; top: 0; left: 0; bottom: 0; background-color: #adffb0; opacity: 0.5; transition: width .3s linear; }
#preview_list .determinate.fail_upload{ background-color: #ffadad; width: 100% !important; }
/* 첨부파일 업로드시 프로그레스 바 종료 */

.rotate90 { transform: rotate(90deg) translateY(0); -webkit-transform: rotate(90deg) translateY(0); -ms-transform: rotate(90deg) translateY(0); }

/* 아이폰 헤더, 에디터 툴바용 css */
.p_absolute { position: absolute !important; }
.transition_un { transition: unset !important; }
/* 아이폰 헤더, 에디터 툴바용 css 종료 */

/***** 모바일웹 끝 *****/