@charset "UTF-8";
/* 공통 요소 */
.new_header .login_info ul {margin-bottom:9px;}
#content {padding:0!important}
#main {padding:15px 16px!important}

/* 수정 2023-04-13 lim.cheolho */
.contents_doc * {font-size: inherit; line-height: inherit;}
.regard_area h4,
.article_list h4, 
.article_list h4 a {font-size: 12px; line-height: 12px;}
#ijam_content > a {color: #3276b1; text-decoration: none; border-bottom: 1px solid #c1c7ce;}
#ijam_content > a:focus,
#ijam_content > a:hover {color: #3276b1; text-decoration: none;}
#ijam_content i {font-style: italic;}
#ijam_content b {font-weight: bold;}

#ijam_content .article_list h4, 
#ijam_content .article_list h4 a {font-size: 12px;}

#articlebody .ab_photo:first-child, 
#articlebody .ab_vod:first-child {padding-top: 0;}

#articlebody .jtbc_vod:first-child, 
#articlebody .player:first-child {margin-top: 0;}

#articlebody .tag_question, 
#articlebody .tag_answer {font-size: inherit; line-height: inherit;}


/*body {position:relative; font-family:'Malgun Gothic', '맑은고딕', dotum, Arial, AppleSDGothic; font-size:14px; background:white}*/
/*.clear {}
.clear:after {display:block; clear:both; content:""; }
ul, 
ol {padding:0; margin:0; list-style: none;}
li {list-style: none;}
p, 
h1, 
h2, 
h3, 
h4 {padding:0; margin:0}
button {border:0; padding:0; margin:0; vertical-align: middle}
textarea{display:block; width:100%; border:1px solid #b4b4b4; padding:10px; box-sizing: border-box; resize:none}
input[type="radio"] {display:none }
input[type="radio"] + label {display:inline-block; min-height:18px; line-height:18px; background:url(../images/contents/bg_radio.png) no-repeat 0 -44px; padding-left:24px; font-size:14px; color:#888; cursor: pointer}
input[type="radio"]:checked + label {background-position:0 0}
input[type="radio"]:disabled + label {opacity: 0.5}
input[type="checkbox"] {display:none}
input[type="checkbox"] + label {display:inline-block; min-height:21px; line-height:21px; background:url(../images/contents/bg_checkbox.png) no-repeat 0 0; padding-left:24px; padding-right:15px;font-size:14px; color:#71747b; letter-spacing: -1px; cursor: pointer; vertical-align: middle}
input[type="checkbox"]:checked + label {background-position:0 bottom}
input.p_hidden::-webkit-input-placeholder{visibility: hidden;}
.token-input::-webkit-input-placeholder{visibility: hidden;}
input.p_hidden:-ms-input-placeholder {color: #fff;}*/


.btn_addplan {padding:30px 0 0 30px; margin-bottom:-20px}
.btn_addplan button {margin-right:5px; transition:all 0.5s}
.btn_addplan .btn_gray {height:28px; line-height:28px; width:auto; padding:0 27px; font-size:13px!important; color:#444!important}
.plan_list + .btn_addplan {padding:20px 0 0 0}
.btn_addplan button:hover {border-color:#666}
.plan_write label input[type="radio"]  {display:none;}
.plan_write label span {display:inline-block;background:url(../images/contents/bg_radio.png) no-repeat 0 -41px; padding-left:25px; height:21px; font-size:14px; color:#848283; cursor: pointer }
.plan_write label input[type="radio"]:checked + span  {background-position:0 3px;} /* 20170621 박기웅 조정 */
.plan_write table + table {margin-top:10px;}
.token-input:-ms-input-placeholder{color: transparent;}
.size_sss {height:27px; width:58px; padding-left:5px!important; font-size:14px; letter-spacing: -1px; word-spacing: -1px; margin-right:1px}
.size_ss {height:27px; width:250px; padding-left:7px; font-size:14px}
.size_s {height:27px; width:280px; padding-left:7px; font-size:14px}
.size_sm {height:27px; width:230px; padding-left:7px; font-size:14px}
.size_m {height:34px; width:623px; padding-left:7px; font-size:16px}
.size_l {height:50px; width:984px; padding-left:20px; border:1px solid #d6d6d6!important; font-size:35px; font-weight:700}
/* title */
.section_title {padding:25px 0 15px 0; border-bottom: 1px solid #d6d6d6;font-size:20px; color:#000; letter-spacing: -1px}


/* 수정 2023-04-13 lim.cheolho */
/* table */
#ijam_content table {width:100%; font-size: 14px; table-layout: auto;}
#ijam_content > table {margin: 16px 0;}
#ijam_content table caption {display:none}
#ijam_content table th, table td {border:1px solid #dcdcdc}
#ijam_content table th {width:30%; background: #f4f4f4; color:#2f2e2e; padding:6px 10px 8px 25px; font-size: 14px}
#ijam_content table td {padding:6px 10px 8px 20px}


#mask, .mask_editor {position: /*absolute*/fixed; left:0; right:0; top:0; height:100%; background:rgba(0,0,0,.4);z-index:10;}
/* dropdown */
.dropdown {display: inline-block; vertical-align: middle; font-size:14px; margin-right:17px;  }
.dropdown button {position:relative; width:166px; padding-left:10px; border:1px solid #b4b4b4; background: white; text-align: left; color:#7a7a7a; }
.dropdown button i {position:absolute; right:4px; top:4px; color:#6f6f6f; font-weight: 800}
.dropdown button:hover {color:#000}
.dropdown button:hover i {color:#000!important}
.dropdown-menu li {padding:5px; cursor: pointer}
.dropdown-menu li:hover {background: #eaeaea}
/* token field 관련 */
.form-control, .token-input {border:0; padding:0; height:auto; box-shadow:none; line-height:1}
.input_area .ui-helper-hidden-accessible {display:none}
.input_area .token {display: inline-block; position:relative; background: #f5f5f5; height:22px; line-height:18px; border:1px solid #d9d9d9; margin:1px; color:#9b9ea6; font-size:14px; padding:0 20px 0 6px;}
.input_area .token .close {position:absolute;right:0; top:0; background:none; border:0 !important; font-size:14px; font-weight:bold !important; width:15px; padding:0 !important;margin:0; color:#000 !important; opacity:0.5}
.input_area .close:hover {opacity:1}
/* datetimepicker */
.datetimepicker {margin:0; border-radius:0}
.datetime {display:inline-block; font-size:14px; vertical-align: middle}
.datetime input {width:194px; vertical-align: middle}
.datetime button {display:inline-block; vertical-align: middle; background: #828282 url(../images/contents/bg_datepicker.png) no-repeat center 5px; width:30px; height:30px; margin-left:-5px; text-align: center; cursor: pointer}
.datetime button:hover {background: #666 url(../images/contents/bg_datepicker.png) no-repeat center 5px;}
.datetime button i {color:#fff; font-size:14px; font-weight: normal; vertical-align:1px; display:none;}
.period input {width:156px!important}
/* button */
.btn_area_bottom {float:left; position:relative; width:100%; padding:18px 20px 30px 0; text-align:right; border-top:1px solid #d6d6d6; background: #efefef; box-sizing: border-box}
.btn_area_center {padding:20px 0 10px 0; text-align: center; font-size:0}
.btn_area_center .btn {margin:0 3px}
.btn_area_right {position:relative; border-bottom:1px solid #d6d6d6; padding:10px 30px 28px 0; text-align: right; font-size: 0}
.btn_area_right .btn {width:90px; height:30px; margin-left:5px; line-height: 28px; font-size: 14px!important; font-weight:normal}


/* 수정 2023-04-17 lim.cheolho */
#ijam_content .btn {display:inline-block;padding:0; width:188px; height:50px; font-size:20px!important; border:1px solid #d6d6d6; font-weight: bold; color:#000; vertical-align: middle; background-color:white; letter-spacing: -2px; border-radius:0; transition:all 0.7s; box-shadow: none}
#ijam_content .btn:hover {border-color:#999}


.btn_submit {padding-left:10px; background:#fff url(../images/contents/btn_submit.png) no-repeat 37px center}
.btn_red {background:#fff; color:#ff5252!important}
.btn_red:hover {background:#fff; color:#ff5252!important}
.btn_green {height:34px; line-height:32px; width:auto; padding:0 27px; background: #1ac336; color:#fff; font-size:14px!important; font-weight: normal;}
.btn_green:hover {background: #109b27; color:#fff}
.btn_gray {background:#fff; font-size:16px; display:inline-block; text-align: center; transition:all 0.7s}
.btn_gray:hover {background:#fff;}
.btn_grays {margin-right:3px; margin-left:-5px; padding:0 10px; background:#828282; color:#fff; font-size:14px; min-width:69px; height:30px; line-height: 28px; display:inline-block; text-align: center; letter-spacing:-1px; transition:all 0.7s}
.btn_grays:hover {background: #666; color:#fff}
/*.btn_s {border:1px solid #bababa; margin-right:3px;  height:25px; min-width:81px; line-height:23px; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #e4e4e4 100%); background: -webkit-linear-gradient(top,  #ffffff 0%,#e4e4e4 100%); background: linear-gradient(to bottom,  #ffffff 0%,#e4e4e4 100%); color:#424655; font-size:12px; font-family: 'dotum'; text-align: center }
.btn_s:hover {background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #c3c3c3 100%); background: -webkit-linear-gradient(top,  #ffffff 0%,#c3c3c3 100%); background: linear-gradient(to bottom,  #ffffff 0%,#c3c3c3 100%);}*/
.btn_s{ font-size:11px; font-family: 'dotum'; text-align: center;} /*20170114_김단희-두줄생성시 간격조절 css추가*/


/* 수정 2023-04-17 lim.cheolho */
#ijam_content .button {display:inline-block; border:1px solid #d6d6d6; height:28px; line-height: 28px; padding:0 10px; font-size:13px; color:#444}


.btn_add {display:inline-block; border:1px solid #d6d6d6; height:28px; line-height: 28px; padding:0 10px 0 22px; font-size:13px; color:#444; font-weight:bold; background:#fff url(../images/contents/btn_add.png) no-repeat 10px center  }
/*.btn_add:hover {background:#fff url(../images/contents/btn_add.png) no-repeat 10px center!important}*/
.article_create {position:relative; width:1366px;}
.article_create > form {/* float:left; width:788px; padding:325px 106px 0 0px; */ position:relative; } /*tool_group 과 같은 수치 */
/* 헤더 정보입력 영역 */
.article_head {position:absolute; left:0px; top:0; width:1275px; padding:53px 32px 11px 120px; border-bottom:1px solid #d6d6d6; background:#f7f7f7; font-size:16px; line-height:1; color:#231f20; letter-spacing:-1px;z-index:0 !important;}
.article_head legend {display:none}
.article_head p {margin:0; padding:0}
.article_head .input_wrap {display:table-cell; vertical-align: middle}
.article_head input[type="text"] {width:984px; border:1px solid #d6d6d6; vertical-align: middle; font-size:26px}
.article_head .input_wrap .input_views {width:1004px; height:50px; line-height:50px;vertical-align:middle; padding-left:20px;font-weight:700; margin-top:0; border:1px solid #d6d6d6; vertical-align: middle; font-size:26px; word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.article_head .input_wrap input {width:1004px;}
.article_head input[type="text"].size_m {font-size:16px;}
.article_head .input_wrap02 {display:inline-block;}
.article_head .input_wrap02 .input_views.size_m {width:984px;font-size:16px;height:34px;line-height:34px;border:1px solid #d6d6d6; vertical-align: middle;padding-left:7px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.article_head .item {margin-bottom:10px; font-size:0;}
.article_head .item.title {display: table}
.article_head .item:last-child {margin-bottom:0px;}
.article_head .item > label {display:inline-block;width:70px; padding-right:10px; font-size:14px; color:#333; vertical-align: middle; font-weight:bold;}
.article_head .title .status {display:table-cell; width:50px; height:50px; padding:0 10px; line-height:1.2; font-size:14px; color:#fff; text-align: center; vertical-align: middle; font-family: 'Malgun Gothic', '맑은고딕'; font-weight: bold}
.article_head .item .required {display: inline-block; width:70px; font-weight: normal; font-size: 14px; font-weight:bold;}
.article_head .item .radio_view input[type="radio"] + label {cursor:not-allowed;}
.article_head .item .radio_view input[type="radio"]:checked + label {color:#000;}
.article_head .item p {display:inline-block; margin-top:6px;}
.article_head .item p label {padding-right:20px}
.article_head .item p + p {margin-left:20px}
.article_head .item p + p label {padding-right:20px}
.article_head .item p + p .required {margin-left:30px; width:73px}
.article_head strong + span {display:inline-block; height:23px; line-height:20px; font-size:14px;padding:0 12px; border-radius:12px;color:#fff}
.article_head .plan_title strong {display:inline-block; width:70px; color:#333; font-size:14px}
.article_head .plan_title span {color:#666; font-size:14px}
.article_head .plan {background:#ff3802; border:1px solid #be2006}
.article_head .high {background:#0486ff; border:1px solid #0065c2}
.article_head .midium {background:#1ac336; border:1px solid #0fa528; }
.article_head .low {background:#fcaf17; border:1px solid #db9100}
/* 에디터 영역 */
.article_area {padding-top:20px; } /* 2017-02-14 min-height 제거 */
.editor_body {float:left; width:610px; margin:0 78px 10px 120px; box-sizing: border-box;position:relative;}
.editor_body .control_area {position:relative; padding:0 0 20px 0; margin-right:40px; border-bottom:1px solid #dedede; }
.editor_body .control_area a {display: inline-block; color:#444; font-size:13px; padding:0 8px; border:1px solid #d6d6d6; height:28px; line-height: 26px}
.editor_body .control_area a.on {position:absolute; right:0; top:0px; background:url(../images/contents/bg_save.png) no-repeat 10px center; padding-left: 27px;font-weight: bold}

.editor_body .control_area a:hover {color:#000}
.editor_body .control_area.bottom {margin-top:20px;border-bottom:0;}
.editor_body .control_area.inner_box {border-bottom:0;margin-right:0;}
.editor_body .control_area.inner_box a {width:94px;}

.editor_body .fontsize {}
.article_view img {max-width: 100%}
.editor_bar .popover {width:auto; max-width:500px}
.input_data {background:#fff;padding:5px; text-align: center; border:1px solid #ccc}
.input_data input {font-size:12px; padding:5px; border:0; width:305px}
.input_data button {background: #000; color:#fff; font-size:12px; height:20px; line-height: 20px; padding:0 10px}
/* 에디터 view case */
.box_cont {min-height:34px !important;display:inline; word-wrap:break-word; word-break:break-word;}
.editor_body .box {position:relative; border:1px solid #fff; }
.editor_body .box .btn_set {display:none; position:absolute; right:10px; top:10px; width:30px; height:30px; font-size: 0; background: url(../images/contents/bg_article_set.png) no-repeat 0 0; }
.editor_body .box:hover {border:1px solid #fcaf17}
.editor_body .nowComponent .box {border:1px solid /*#fcaf17*/ #fff;}
/* 2017-02-10 추가 */
.editor_body .box.box_box.empty {padding:0 !important;border:1px dashed #888 !important; min-height:120px; height:120px; background:#f9f9f9 url("../images/new_design/bg_boximg.png") no-repeat 50% 22px !important;}
.editor_body .box.box_box.empty a { display:block; width:100%; height:100%;}
.editor_body .box.box_box.empty:before {content:'박스 기사 컴포넌트';position:absolute;top:57px;left:0;display:block;width:100%;padding:0 !important;background:none !important;font-size:14px;font-weight:bold;color:#b8b8b8; text-align:center;}
.editor_body .box.box_box.empty:after {content:'클릭하시면 편집화면이 나옵니다';position:absolute;top:76px;left:0;display:block;width:100%;background:none !important;font-size:14px;font-weight:bold;color:#b8b8b8; text-align:center;}
.editor_body .box.box_box.empty .component_cont p {display:none;}
.editor_body .box.imageBox_box.empty {padding:0 !important;border:1px dashed #888 !important; min-height:120px; height:120px; background:#f9f9f9 url("../images/new_design/bg_boximg.png") no-repeat 50% 22px !important;}
.editor_body .box.imageBox_box.empty a { display:block; width:100%; height:100%;}
.editor_body .box.imageBox_box.empty:before {content:'이미지박스 기사 컴포넌트';position:absolute;top:57px;left:0;display:block;width:100%;padding:0 !important;background:none !important;font-size:14px;font-weight:bold;color:#b8b8b8; text-align:center;}
.editor_body .box.imageBox_box.empty:after {content:'클릭하시면 편집화면이 나옵니다';position:absolute;top:76px;left:0;display:block;width:100%;background:none !important;font-size:14px;font-weight:bold;color:#b8b8b8; text-align:center;}
.editor_body .box.imageBox_box.empty .component_cont p {display:none;}
/* 2017-02-10 추가[E] */
.editor_body .box.box_box .ab_photo.empty {background:url('../images/common/bg_particle_img.png') center center no-repeat;}
.editor_body .box.box_box .ab_photo.empty:after {content:'이미지를 여기에 끌어다 놓으세요.';position:absolute;top:20px;left:10px;font-size:13px;color:#999999;font-size:13px;}
.editor_body .box.imageBox_box .ab_photo.empty {min-height:150px;background:url('../images/common/bg_particle_img.png') center center no-repeat;}
.editor_body .box.imageBox_box .ab_photo.empty:after {content:'이미지를 여기에 끌어다 놓으세요.';position:absolute;top:20px;left:10px;font-size:13px;color:#999999;font-size:13px;}
.editor_body .box.imageGallery_box.empty {min-height:150px;border:1px solid #fcaf17;background:url('../images/common/bg_particle_img.png') center center no-repeat;background-color:#f7f7f7;}
.editor_body .box.imageGallery_box.empty:before {content:'사진묶음 컴포넌트';display:block;position:absolute;color:#231f20;font-weight:bold;top:20px;left:20px;font-size:18px;font-weight:bold;color:#444444;}
.editor_body .box.imageGallery_box.empty:after {content:'이미지를 여기에 끌어다 놓으세요.';position:absolute;top:50px;left:20px;font-size:13px;color:#999999;font-size:13px;}
.editor_body .box.imageSlide_box.empty {min-height:150px;border:1px solid #fcaf17;background:url('../images/common/bg_particle_img.png') center center no-repeat;background-color:#f7f7f7;}
.editor_body .box.imageSlide_box.empty:before {content:'슬라이드 컴포넌트';display:block;position:absolute;color:#231f20;font-weight:bold;top:20px;left:20px;font-size:18px;font-weight:bold;color:#444444;}
.editor_body .box.imageSlide_box.empty:after {content:'이미지를 여기에 끌어다 놓으세요.';position:absolute;top:50px;left:20px;font-size:13px;color:#999999;font-size:13px;}
.editor_body .box.Live_box.empty {width:568px;height:373px;padding:27px 0 26px;border:1px solid #fcaf17;background:url('../images/common/bg_movie.png') center center no-repeat;}
.editor_body .box.Live_box.empty:before {content:'라이브 컴포넌트';display:block;position:absolute;top:55px;left:20px;color:#444444;font-size:18px;font-weight:bold;}
.editor_body .box.Live_box.empty:after {content:'동영상을 여기에 끌어다 놓으세요.';position:absolute;top:90px;left:20px;font-size:13px;color:#999999;}
.editor_body .box.touchNews_box.empty {min-height:150px;border:1px solid #fcaf17;background:url('../images/common/bg_particle_img.png') center center no-repeat;background-color:#f7f7f7;}
.editor_body .box.touchNews_box.empty:before {content:'터치뉴스 컴포넌트';display:block;position:absolute;color:#231f20;font-weight:bold;top:20px;left:20px;font-size:18px;font-weight:bold;color:#444444;}
.editor_body .box.touchNews_box.empty:after {content:'이미지를 여기에 끌어다 놓으세요.';position:absolute;top:50px;left:20px;font-size:13px;color:#999999;font-size:13px;}

.editor_body .box.cover_box.empty {min-height:240px;border:1px solid /*#fcaf17*/ #fff;background:url('../images/common/bg_cover_pc.png') center center no-repeat;background-color:#f7f7f7;}
.editor_body .box.cover_box.empty:before {/*content:'커버형 기사 컴포넌트';*/display:block;position:absolute;color:#231f20;font-weight:bold;top:20px;left:20px;font-size:18px;font-weight:bold;color:#444444;}
.editor_body .box.cover_box.empty:after {content:''/*'PC용 이미지를 우선 끌어다 놓으세요.'*/;position:absolute;top:50px;left:20px;font-size:13px;color:#999999;font-size:13px;}
.editor_body .box.cover_box .component_cont {overflow:hidden;min-height:230px !important;text-align:center;} /* 20210716 유가영 변경 */
.editor_body .box.cover_box.empty .component_cont { text-align:left;}

.editor_body .box.old_cover_box.empty {min-height:240px;border:1px solid /*#fcaf17*/ #fff;background:url('../images/common/bg_old_cover_pc.png') center center no-repeat;background-color:#f7f7f7;}
.editor_body .box.old_cover_box.empty:before {content:'커버형 기사 컴포넌트';display:block;position:absolute;color:#231f20;font-weight:bold;top:20px;left:20px;font-size:18px;font-weight:bold;color:#444444;}
.editor_body .box.old_cover_box.empty:after {content:'';position:absolute;top:50px;left:20px;font-size:13px;color:#999999;font-size:13px;}
.editor_body .box.old_cover_box .component_cont {overflow:hidden;min-height:230px !important;text-align:center;}
.editor_body .box.old_cover_box.empty .component_cont { text-align:left;}
.editor_body .box.old_cover_box.empty-img {background:#f7f7f7 url('../images/common/bg_cover.png') -150px 40px no-repeat;}
.editor_body .box.old_cover_box.empty-img:before {content:'커버형 기사 컴포넌트';display:block;width:50%;position:absolute;color:#231f20;font-weight:bold;top:20px;left:0;font-size:18px;font-weight:bold;color:#444444;text-align:center;}
.editor_body .box.old_cover_box.empty-img:after {content:'이미지를 끌어다 놓으세요.';position:absolute;top:50px;left:0;width:50%;font-size:13px;color:#999999;font-size:13px;text-align:center;}
.editor_body .box.old_cover_box.empty-vod {background:#f7f7f7 url('../images/common/bg_cover.png') -150px 40px no-repeat;}
.editor_body .box.old_cover_box.empty-vod:before {content:'커버형 기사 컴포넌트';display:block;width:50%;position:absolute;color:#231f20;font-weight:bold;top:20px;left:0;font-size:18px;font-weight:bold;color:#444444;text-align:center;}
.editor_body .box.old_cover_box.empty-vod:after {content:'VOD를 끌어다 놓으세요.';position:absolute;top:50px;left:0;width:50%;font-size:13px;color:#999999;font-size:13px;text-align:center;}

div[data-type=MovTemplate] .box_cont {display:inline-block;}
.ab_vod.empty {width:100%;height:300px;}
/*.ab_vod.empty:after {content:'동영상을 여기에 끌어다 놓으세요.';position:absolute;top:90px;left:20px;font-size:13px;color:#999999;}*/
.ab_vod.empty:before {content:'';position:absolute;top:55px;left:20px;font-size:18px;font-weight:bold;color:#444444;}
.ab_vod.empty.jtbcNews:before {content:'JTBC 뉴스';}
.ab_vod.empty.jtbcBroard:before {content:'JTBC 방송';}
.ab_vod.empty.ovpMov:before {content:'OVP 동영상';}
.ab_vod.empty.ovpLive:before {content:'OVP 라이브';}
.ab_vod.empty.wsj:before {content:'WSJ';}
.ab_vod.empty.youtube:before {content:'Youtube';}


.editor_body .box .tools {position:absolute; right:-25px; top:-1px; width:24px; height:100%;font-size:14px; color:#fff}
.editor_body .box .tools button {border:0; width:24px; height:24px; margin-bottom:1px; transition:all 0.5s}
.editor_body .box .tools .move {background:#fcaf17;cursor:move;}
.editor_body .box .tools .move:hover {background:#7c5302;}
.editor_body .box .tools .modify {background:#fc6617}
.editor_body .box .tools .modify:hover {background:#983602;}
.editor_body .box .tools .del {background:#17a4fc}
.editor_body .box .tools .del:hover {background:#095686;}
.editor_body .box .tools .pre_view {background:#807e7e}
.editor_body .box .tools .pre_view:hover {background:#000000;}
.image_box figcaption {/*padding:10px 0 20px 0;*/ font-size:0.875em; font-family:'dotum'; color:#737475; text-align:left;}
.text_box {padding:0 0 0 0; font-size:1em; color:#3c3e40; line-height:1.8}
/* 이미지 모드 */
.box_cont figure:after {display:block; clear:both; content:""}
.box_cont * {box-sizing:content-box}
.image_full img {max-width:100%; display:block}
.image_left img {max-width:50%; float:left; margin-right:20px;  }
.image_left figcaption {float:left; width:50%; margin-right:20px; word-break: break-all}
.image_right img {max-width:50%; float:right; margin-left:20px;  }
.image_right figcaption {float:right; width:50%; margin-left:20px; word-break: break-all}
/* 에디터 편집모드 case별 */
.box {margin:0; padding:0px;}
.image_box.editable {margin:0; padding-top:0px; padding-bottom:0px; border:1px dotted #ccc}
.editable .box_cont {padding:0; }
.editor_bar {position:absolute; left:4px; top:4px;right:4px; height:40px; padding:9px 8px 0 12px; border-radius:3px; background-color: #e6e6e6; box-sizing: border-box; font-size:0}
.editor_bar.stay {display:block;}
.editor_bar select {font-size:11px; vertical-align: middle; background:none !important; -webkit-appearance: menulist !important; }
.editor_bar select::-ms-expand { display: block; }
.editor_bar > button {font-size:0; display:inline-block; width:22px; height:22px; background:url(../images/contents/bg_btns.png) no-repeat 0 -8px; margin:0; vertical-align: middle; margin-left:5px;}
.editor_bar .btn_caption {background:white; border:1px solid #bfbebe; width:40px; height:20px; box-sizing: border-box; font-size:12px; color:#444}
.editor_bar select + .btn_textcolor {margin-left:22px}
.editor_bar .btn_textcolor {background-position: -7px -6px}
.editor_bar .btn_bold {background-position: -30px -6px}
.editor_bar .btn_italic {background-position: -52px -6px}
.editor_bar .btn_underline {background-position: -74px -6px}
.editor_bar .btn_left {background-position: -99px -6px}
.editor_bar .btn_center {background-position: -124px -6px}
.editor_bar .btn_right {width:21px; background-position: -147px -6px}
.editor_bar .btn_quote {background-position-x: -170px}
.editor_bar .btn_link {background-position: -193px -6px;margin-left:22px;}
.image_box .editor_bar .btn_link {margin-left:22px}
.editor_bar .btn_vbar { background-position: -219px -6px; }
.editor_bar .btn_interview {background-position: -436px -6px;}
.editor_bar .btn_line { background-position: -413px -6px;}
.editor_bar .btn_box { background-position: -363px -6px;}
.editor_bar .btn_imgbox { background-position: -341px -6px}
.editor_bar .btn_image {background-position: -243px -6px}
.editor_bar .btn_image_left {background-position: -266px -6px}
.editor_bar .btn_image_right {background-position: -289px -6px; margin-right:22px;}
.editor_bar .btn_image_editor { background-position: -314px -6px}
.editor_bar .btn_bg {background-position: -387px -6px}
.editor_bar > button:hover, .editor_bar > button.on {/*background-color:#ffd86b; border:1px solid #e29908;*/ border-radius:2px;}
/*.box .btn_tools {display:none; position:absolute; left:4px; right:4px; bottom:0; padding-top:5px; border-top:1px solid #ccc; padding-left:12px; padding-bottom:8px; }
.box .btn_tools a {display:inline-block; border:1px solid #ccc; border-radius:2px; min-width:22px; height: 22px; line-height:20px; color:#333; font-size:11px; font-weight:bold; text-align: center}
.box .btn_tools .viewall {padding:0 10px; }*/
.box .editor_bar {display:none;}
.box:hover .editor_bar {display:block;}
.box .btn_tools {display:none; position:absolute; left:4px; right:4px; bottom:0; padding-top:5px; border-top:1px solid #ccc; padding-left:12px; padding-bottom:8px; }
/*.box .btn_tools {padding:0 0 5px 0;position:relative;height:35px;margin-top:3px;}*/
.btn_tools { position:relative;}
.btn_tools a {vertical-align:top;display:inline-block; border:1px solid #ccc; border-radius:2px; min-width:23px; height: 25px; line-height:22px; color:#333; font-size:12px; font-weight:bold; text-align: center}
.btn_tools .viewall {display:none ;padding:0 10px; float:left;margin:3px 0 0 5px;;}
.btn_tools .tools_all_layer {display:none !important;width:314px;position:absolute;left:12px;background-color:#fff;border:1px solid #ccc;padding:3px 0 0 8px;z-index:100;}
.btn_tools .tools_all_layer a {margin:0 5px 5px 0;float:left;}
.btn_tools .tools_layer {float:left;width:100%;min-height:32px;/* max-height:95px; */padding:4px 40px 4px 15px;border-top:1px solid #e4e4e4;background: #f2f2f2;}
#articleView .btn_tools .tools_layer.fixed {position:fixed;bottom:10px;width:568px;left:216px;min-height:32px;max-height:95px;border:1px solid #ccc;padding:3px 8px 0 14px;height:auto;background: #e6e6e6;overflow:hidden;}
.btn_tools .tools_layer a {margin:0 4px 5px 0;float:left;background:#fff;text-decoration:none;}
.btn_tools .tools_layer.view {}
.btn_tools .tools_layer.view a {margin:0 1px 5px 0; font-family:굴림; font-weight:normal;}
.btn_tools .btn_tools_layer_set { position:absolute; top:5px; right:15px; border:0;}
.btn_tools .tools_layer.plan {}
.btn_tools .tools_layer.plan a {margin:0 5px 5px 0;}
.sp-container {background:white!important; border:1px solid #ccc!important}
/* 에디터영역 하단 태그, 통합분류, 기자 정보 */
.sub_info_box {padding:20px 10px; margin-bottom: 25px; margin-right:40px; border:1px solid #d6d6d6;}
.sub_info_box + .control_area {border-bottom:0}
.sub_info_box .item {position:relative; margin-bottom: 6px}
.sub_info_box .item:last-child {margin-bottom: 0px}
.sub_info_box .item strong {display: inline-block; width:100px; font-size: 14px; color:#231f20}
.sub_info_box .item > .input_area {display: inline-block; padding:3px; min-height:36px; width:340px; border:1px solid #eee; background: #fff; vertical-align: top}
.sub_info_box .item .input_area .form-control, .token-input {border:0; padding:0; height:auto; box-shadow:none; line-height:1}
.sub_info_box .item .ui-helper-hidden-accessible {display:none}
.sub_info_box .item .input_area .token {display: inline-block; position:relative; background: #f5f5f5; height:22px; line-height:18px; border:1px solid #d9d9d9; margin:1px; color:#9b9ea6; font-size:11px; padding:0 20px 0 6px;}
.sub_info_box .item .input_area .token .close {position:absolute;right:0; top:2px; background:none; border:0; font-size:14px; font-weight:bold; width:15px; padding:0;margin:0; color:#000; opacity:0.5}
.sub_info_box .item .input_area .close:hover {opacity:1}
.sub_info_box .item .input_area .real_input {height:22px; border:0; width:auto; min-width:50px}
.sub_info_box .item .input_area .input {border:0; height:22px; width:100%}
.sub_info_box .btn_gray {position:absolute; right:0; top:0; display:inline-block; border:1px solid #d6d6d6; height:28px; line-height: 28px; padding:0; font-size:13px; color:#444; width:94px; text-align: center; background: white}
.sub_info_box .item .select {display:none; }
.sub_info_box .item > .input_area.input_views {background-color:#f7f7f7;}
.sub_info_box .item > .input_area.input_views .tokenfield {background-color:#f7f7f7;}
.sub_info_box .item > .input_area.input_views .token {padding-right:7px;background-color:#fff;}
.ui-autocomplete {border:1px solid #ccc; padding:10px; width:300px!important; background:white;}
.ui-autocomplete li a {display: block; padding:3px 5px; cursor:pointer; color:#666}
.ui-autocomplete li a:hover {color:#000}
.sub_info_box .item .token-label .popover {width:500px; font-size:13px; letter-spacing:-0.075em;}
/*.sub_info_box .item .token-label .popover .popover-title {text-align:left;}*/
.sub_info_box .item .token-label .popover .popover-content strong {width:auto; font-size:13px;}

/* 툴 영역 (공통) */
/* .tool_group{position:absolute; right:0; top:242px; width:466px}  */
.tool_group{float:right; width:480px; padding-top:308px; }
.tool_box {border:1px solid #d6d6d6;}
.tool_box header {position:relative;background:#f7f7f7; }
.tool_box header h1 {margin:0;  height:32px; line-height:32px; padding-left:18px; font-size:14px; color:#231f20; font-weight:bold; }
.tool_box header .btn_slide {position:absolute; right:0; top:0; width:30px; height:32px; border-left:1px solid #d6d6d6; font-size:0; background:#efefef url(../images/contents/bg_slide.png) no-repeat right top}
.tool_box header .btn_slide.on {background:#efefef url(../images/contents/bg_slide.png) no-repeat left top}
.tool_box header .btn_slide:hover {background-position-y:-30px}
/* 컴포넌트 영역 */
.tool_box.component { border-bottom:0;margin-top: 9px;}
.tool_box .carousel {position:relative; padding:6px 10px}
.tool_box .carousel .item ul {width:396px; margin:0 auto;}
.tool_box .carousel .item ul li {float:left; width:66px; text-align: center; font-size:11px; padding-top:62px; font-family: 'dotum'; color:#7f7f7f; background:url(../images/contents/bg_component.png) no-repeat 0 -142px; cursor: pointer }
.tool_box .carousel .item ul li:hover {color:#000; background-position-y:0}
.tool_box .carousel .item ul li.box {}
.tool_box .carousel .item ul li.box_image {background-position-x:-66px;}
.tool_box .carousel .item ul li.gallery {background-position-x:-132px;}
.tool_box .carousel .item ul li.slide {background-position-x:-198px;}
.tool_box .carousel .item ul li.livenews {background-position-x:-264px;}
.tool_box .carousel .item ul li.touchnews {background-position-x:-330px;}
.tool_box .carousel .item ul li.covernews {background-position-x:-396px;}
.tool_box .carousel .item ul li.hline {background-position-x:-462px;}
.tool_box .carousel .item ul li.ad {background-position-x:-528px;}
.tool_box .carousel .item ul li.timeline {background-position-x:-594px;}
.tool_box .btn_prev {position:absolute; left:7px; top:25px; display:inline-block; width:17px; height:40px; font-size:0; background: url(../images/contents/btn_control.png) no-repeat left 10px; border-right:1px solid #eaeaea;  }
.tool_box .btn_next {position:absolute; right:7px; top:25px; display:inline-block; width:17px; height:40px; font-size:0; background: url(../images/contents/btn_control.png) no-repeat right 10px;border-left:1px solid #eaeaea; }
.tool_box .btn_prev:hover, .tool_box .btn_next:hover {background-position-y:-73px}
/* 파티클 영역 */
.particle .top_pannel {display:none; padding:6px 19px; background: #fff; font-size:0;;}
.particle .top_pannel > button {display:inline-block; width:19px; height:19px; font-size:0; vertical-align: middle; border:0; background:url(../images/contents/bg_particletools.png) no-repeat 0 0; }
.particle .top_pannel > button:hover {background-image:url(../images/contents/bg_particletools.png)!important; background-position-y:-21px!important}
.particle .top_pannel > button.btn_add {background-position-x:10px !important;}
.particle .top_pannel .btn_search {margin-left:15px; background-position-x : -34px}
.particle .top_pannel .btn_adduser {margin-left:13px; width:21px; background-position-x : -66px}
.scroll_area {position:relative;height: calc(100vh - 300px);overflow-y:auto;}
.scroll_area > section {position:relative;}
.particle .particle_tab {background:#f7f7f7;font-size: 0;}
.particle .particle_tab:after {display:block; clear:both; content:""}
.particle .particle_tab li {float:left; width:calc(100%/7); width:14.25%}
.particle .particle_tab a {display:block; color:#333; padding:10px 0; font-size:13px; text-align: center;  border-bottom: 1px solid #c7c9cd; }
.particle .particle_tab li:last-child a {border-right:0}
.particle .particle_tab li a.on {font-weight:bold; background: white; border:1px solid #d6d6d6; border-bottom: 0; border-top:1px solid #fff;}
.particle .particle_tab li:first-child a.on {border-left:0}
.particle section {padding:0;border-bottom:1px solid #d6d6d6;}
.particle section:last-child {border-bottom:0px }

.particle_item_cont {min-height:124px; padding:0 7px 7px 20px;}
.particle_item_cont p {padding:10px 0 0 0; font-size:0; }

.particle_item_cont p + p {border-bottom: 0; border-top:0}

.scroll_area > section > header {border-bottom:1px solid #eaeaea; background: white; margin:0 15px; padding:8px 0 4px 0}
.scroll_area > section > header h1 {
  width:50px; font-size:13px; display: table-cell; padding:0; vertical-align: middle
}
.scroll_area > section > header p {display: table-cell; font-size:0; vertical-align: middle;}
/*20170112-박스형버튼으로 변경*/
/*.scroll_area > section > header p button {border:0; font-size:11px; border-left:1px solid #c7c9cd; background:white; padding:0 9px; min-width:auto; line-height:1; margin:8px 0; height:auto;}
.scroll_area > section > header p button:first-child {border-left:0}
.scroll_area > section > header p button:hover {background: white}*/
.scroll_area > section > header p button {background: #fff; border: 1px solid #d6d6d6; border-left:0; padding: 5px; color: #444;}
.scroll_area > section > header p button:first-child { border-left:1px solid #d6d6d6;}
.scroll_area > section > header p button.on {font-weight: bold}
.scroll_area > section > header p .noline {border-left: 0;}
/* 첨부파일 버튼 */
.scroll_area > section > header p .attachfile { height:27px;}
.scroll_area > section > header p .attachfile.on { border:1px solid #2478b1; background:#3498db; color:#fff; font-weight:normal; padding:4px;}
.scroll_area > section > header p .attachfile:hover { background:#f7f7f7; color:#828282;}
.scroll_area > section > header p .attachfile.on:hover { border:1px solid #2478b1; background:#3498db; color:#fff; font-weight:normal; padding:4px;}
.scroll_area > section > header p .attachfile.on .filecnt {display:inline-block; width:18px; height:18px; background:#ffffff; border:1px solid #fff; color:#1871ad; line-height:16px; margin-left:6px; border-radius:5px; font-size:11px; font-weight:bold; vertical-align:baseline; font-family:'Arial';}
.scroll_area > section > header .add-manager { position:absolute; top:16px; right:0; width:22px; height:19px; margin:0; padding:0; border:0; background:url("../images/new_design/ico/ico_add_manager.png") no-repeat; font-size:0; line-height:0; text-indent:-9999px;}





/* 텍스트영역 */
.text_list {margin-top:10px; font-size:12px; font-family: 'dotum';}
/*.text_list li {border:1px solid #d4d5d9; padding:5px; margin-bottom: 3px;position:relative;}*/ /*20170119_김단희-수정관련하여, ion_common05.css로 옮겨서 작업*/
.text_list li .mask_editor {display:block;display:block;padding-top:5px;text-align:center;color:#fff;font-weight:bold;background:rgba(0,0,0,.7);}
.text_list li span, .text_list li strong, .text_list li a {display:inline-block; box-sizing: border-box; vertical-align: middle; line-height: 1.6}
/*.text_list li strong {width:65px; padding-left:12px; border-right:1px solid #d4d5d9; font-size:12px; letter-spacing: -1px}*/ /*20170119_김단희-수정관련하여, ion_common05.css로 옮겨서 작업*/
.text_list li a {width:250px; color:#333; padding-left:10px; font-size:12px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 1.6}
/*.text_list li span {width:80px; padding:0 10px 0 0;text-align: center; color:#8e8d8d; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}/*20170119_김단희-수정관련하여, ion_common05.css로 옮겨서 작업*/
.text_list li a:hover {text-decoration: underline; }
.text_list li span.particle_preview {padding:0;padding-left:5px;}
.text_list li span.particle_preview a {width:auto;padding:0;}
.text_list2 {font-size:12px; font-family: 'dotum'}
.text_list2 li {border:1px solid #d4d5d9; padding:5px; margin-bottom: 3px;}
.text_list2 li span, .text_list2 li strong, .text_list2 li a {display:inline-block; box-sizing: border-box; vertical-align: middle; line-height: 1.6}
.text_list2 li strong {width:65px; padding-left:12px; border-right:1px solid #d4d5d9; font-size:12px; letter-spacing: -1px}
.text_list2 li a {width:250px; color:#333; padding-left:10px; font-size:12px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 1.6}
.text_list2 li span {width:80px; padding:0 10px 0 0;text-align: center; color:#8e8d8d; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.text_list2 li a:hover {text-decoration: underline; }
.text_list2 li span.particle_preview {padding:0;padding-left:5px;}
.text_list2 li span.particle_preview a {width:auto;padding:0;}
.text_list2 li span, .text_list2 li strong, .text_list2 li a {display:inline-block; box-sizing: border-box; vertical-align: middle; line-height: 1.6}
/*.sns_list li strong {width:80px; }*/ /*20170119_김단희-수정관련하여, ion_common05.css로 옮겨서 작업*/
.sns_list li a {width:235px; }
/*.data_list li strong {width:80px; }*/ /*20170119_김단희-수정관련하여, ion_common05.css로 옮겨서 작업*/
.data_list li a { width:300px}
/*.audio_list li strong { width:100px}*/ /*20170119_김단희-수정관련하여, ion_common05.css로 옮겨서 작업*/
.audio_list li a { width:280px}
.status_list {margin-bottom:5px; font-family:'dotum', '돋움'; font-size:12px;}
.status_list p {position:relative; padding:9px 15px 9px 10px; border-bottom: 1px solid #e4e3e3; font-size:0}
.status_list p:after {display: block; content:""; clear:both}
.status_list p:last-child {border-bottom:0}
.status_list p .status {margin-right:26px;}
.status_list p .users {margin:0 3px 0 0px; background: #fff }
.status_list p strong {display:block; margin-top: 4px; line-height:1.6; padding-left:66px; vertical-align:middle; font-weight:normal; color:#767676; word-break: break-all; font-size:12px}
.status_list p strong:hover {color:#000; cursor: pointer}
/*
.particle_item_cont p .btn_photo {display: inline-block; height:25px;border:1px solid #b7b7b7; padding:0 10px 0 34px;  background: url(../images/contents/bg_image.png) no-repeat 11px 5px;  line-height:25px; color:#424655; font-family:'dotum'; font-size:12px; vertical-align: middle}
*/
.particle_item_cont p .btn_s {margin-bottom:5px}
.particle_item_cont p span {display: inline-block; height:23px; padding:7px; line-height: 23px;  font-family:'dotum'; font-size:12px; vertical-align: middle; white-space: nowrap;}
.particle_item_cont p .status {}
.particle_item_cont p .users {margin-left:10px;}
.particle_item_cont p .users.on + strong {color:#424655}
.particle_item_cont p strong {display:inline-block;
  padding-left:10px; color:#5c6070; font-family:'dotum'; font-size:12px; font-weight:normal; vertical-align: middle;}
.scroll_area .library {margin-top:10px;}
.scroll_area .library li {float:left; position:relative; margin-right:10px; margin-bottom:42px;}
.scroll_area .library li .mask_editor {display:block;height:140%;text-align:center;padding-top:5px;font-weight:bold;color:#fff;background:rgba(0,0,0,.7);}
.scroll_area .library li .dim_mask {position: absolute; top: 0; display: block; height: 140%; text-align: center; padding-top: 5px; font-weight: bold; color: #fff; background: rgba(0,0,0,.7);}
.scroll_area .library img {display:block; width:131px; height:89px;}
.scroll_area .library li p {display:none; cursor: pointer; font-size:11px; line-height: 1}
.scroll_area .library li p .minite {display: block; height:auto; line-height:1; font-size:11px; font-family:'Malgun Gothic', '맑은고딕'}
.scroll_area .library li:hover p.title {display:block; position:absolute; left:0; top:0; padding-top:0;padding-bottom:0;height:89px;width:131px; color:#fff; text-align:center; overflow:hidden;background:/*url(../images/contents/bg_photo_zoom.png) no-repeat center 22px, */rgba(0,0,0,.5) }
.scroll_area .library.video li:hover p.title {height:74px;}
.scroll_area .library li:hover p.title span.align {display: block;vertical-align: bottom;line-height:1.4;width: 125px;overflow: hidden;text-overflow: ellipsis; position: absolute;bottom: 7px;}
.scroll_area .library li p.disabled { vertical-align:middle; text-align:center;}
.scroll_area .library li p.disabled img { width:auto; height:auto; position:absolute; top:50%; left:50%; margin:-18px 0 0 -16px;}
.scroll_area .library.video img {height:74px}
.scroll_area .library.video li:hover p {/*background-image: url(../images/contents/bg_play.png)*/}
.scroll_area .library span.particle_preview {overflow:hidden;position:absolute;width:131px;height:25px;text-align:center;display:block;}
.scroll_area .library span.particle_preview a {float:left; margin-right:0 !important;}
.scroll_area .library span.particle_preview a img {height:auto;width:auto;}
.scroll_area .library.video .vodType{postiion : relative;height: auto;}
.scroll_area .library.video .vodTypeBtn{padding: 4px 2px;text-align: center; position: absolute;top: 50%;width: 58px;height: 22px;font-size: 11px;transform: translate(8%, -155%);color: white;}
  /* 파티클 사용불가 */
.scroll_area .library li.prevent { position:relative;}
.scroll_area .library li.prevent:after{ content:''; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5) url('../images/new_design/ico/ico_particle_disabled.png') no-repeat 50% 50%;}
.scroll_area .library li.prevent:hover p.title{ display:none !important;}
/* 파티클 ai */
.scroll_area .library li.ppai { position:relative;}

.scroll_area .library li.ppai:hover p.title{ display:none !important;}
.scroll_area .library li.ppai:after, .particle_layer .img_list li.prevent:after
{ content:'';position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5) url('../images/new_design/ico/ico_paperonly.png') no-repeat center center; }/*pic_btn_comm_print*/

/* 출고계획, 댓글, 기사계획 영역 */
.tool_box.tab { margin-top:10px; margin-bottom:20px;}
.tool_box.tab header {border-bottom: 1px solid #eaeaea}
.tool_box.tab header ul {margin-right: 30px}
.tool_box.tab header ul li {float:left; width:33.3%; height:31px; border-left:1px solid #d6d6d6; line-height: 31px; ;}
.tool_box.tab header ul li:first-child { border-left:0;}
.tool_box.tab header ul li a {display:block; text-align: center; background: #f7f7f7; color:#666; font-size:13px; transition:all 0.5s; font-weight: bold;}
.tool_box.tab header ul li a:hover {background:#fff}
.tool_box.tab header ul li a.on {color:#333; background: #fff; }
.tool_box.tab header ul li a span {display: inline-block;width:18px; height:18px; background: #ff5252; color: #fff; line-height: 18px; margin-left:3px; border-radius: 100%; font-size:11px; vertical-align: baseline; font-family: 'Arial'}
.tool_box .tab_content {display: none;}
.tool_box .tab_content:first-child {display: block}
.tool_box.tab .tab_content {padding:0 }
.tab_content .plan_item {overflow-y:auto; height:535px; padding:20px 0; margin:0; border:0; border-bottom: 1px solid #eaeaea;} /* 2017-02-10 height,over-flow 추가 */
.plan_item h2 {font-size:13px; padding-bottom:10px; padding-left:20px; color:#333; font-weight: bold}

/* case고려용  .plan_item p + p {padding-left:70px!important; font-family:'dotum'; font-size:12px; color:#333; margin-top:3px;}
.plan_item p + p span {margin-right:26px;} */
.plan_item .pwrap {padding-bottom:5px}
/* 시연용 */
.plan_item .pwrap {overflow:visible; padding:15px 20px; border: 1px solid #fff;}
.plan_item .pwrap.complete {border:1px solid #ff5252 ; background-color:#fff7f7;}
.plan_item .pwrap p {font-family:'dotum'; font-size:12px; color:#333;}
.plan_item .pwrap p .none-confirm { color:#fd5354; text-decoration:underline;}
.plan_item .pwrap .btn_user {float:left;display:block;position:relative;}
.plan_item .pwrap .btn_user .btn_info {display:inline-block;}
.plan_item .pwrap .btn_user .users {margin-right:10px; background:inherit !important; font-size:14px;}
.plan_item .pwrap .pwrap-right { float:left; overflow:hidden; width:365px; padding-left:14px; line-height:18px;}
.plan_item .pwrap .time_imme, .plan_item .pwrap .info {display:block;}
.plan_item .pwrap .time_imme {}
.plan_item .pwrap .time_imme > span { color:#3498db;}
.plan_item .pwrap .info { color:#888;}
.plan_item .pwrap .info > span { display:block;}
.plan_item .pwrap .info .pwrap-plan-title { display:block; width:100%; color:#333;}
.plan_item .pwrap .info2 { clear:both; overflow:hidden; padding-left:90px; font-family:dotum,'돋움'; font-size:12px;}
/*.plan_item .pwrap p + p span {margin-right:36px;}
.plan_item .pwrap p + p {margin-left:76px}*/
/*
.tool_box.tab .tab_content > p {padding:6px 20px; border-bottom: 1px solid #d8d8d8; font-family: 'dotum'; font-size:12px; cursor: pointer; color:#666}
.tool_box.tab .tab_content > p:hover {color:#000;}
.tool_box.tab .tab_content p:after {display:block; clear:both; content:""}
.tool_box.tab .tab_content p strong {margin-left: 10px; font-weight: normal; padding-top:4px}
.tool_box.tab .tab_content p span, .tool_box.tab .tab_content p strong, .tool_box.tab .tab_content p a, .tool_box.tab .tab_content p button {float:left; }
.tool_box.tab .media {margin-right:8px; }
.tool_box.tab .status {min-width:39px; height:23px; line-height:23px; font-size:12px; }
.tool_box.tab .users {border:1px solid #424655; color:#424655;  margin-left: 3px} */
.tool_box.tab .tab_content .btn_area {padding:14px 0; text-align: center}
.tool_box.tab .tab_content .btn_area .btn_gray {height:32px; padding:0 30px; line-height: 32px; color:#fff; font-size: 16px; background: #9b9ea6; border:0; vertical-align: middle; transition:all 0.7s}
.tool_box.tab .tab_content .btn_area button:hover {/*background:#5b5e67*/ }
.tool_box.tab .tab_content .article_plan {padding:15px 15px 30px 15px; line-height:1.8; font-size:13px; letter-spacing: -1px; color:#686868}
.table_wrap {padding:15px; font-size:13px; }
.table_wrap table th, .table_wrap table td {font-size:13px; -ms-word-break:break-all;
  word-break:break-all;}


/* 수정 2023-05-02 lim.cheolho */
/*.comment_list { height:437px; padding:0 7px; overflow:auto;}
.nodata {padding:50px 0!important; font-size:12px; text-align: center;}
.nodata + .plan_item { height:0px; padding:0;}
.comment_list ul {min-height: 200px}
.comment_list li {position:relative; padding:12px 0; border-bottom:1px solid #dcdcdc; font-size:12px; font-family:dotum, '돋움'; }
.comment_list li strong {display:inline-block; margin-right:10px; font-size:14px; color:#424655; font-family:tahoma; vertical-align: middle; line-height:1; font-weight: 600}
.comment_list li.mine strong {color:#ebb232}
.comment_list li span {display:inline-block; font-size:12px; color:#9a9a9a; vertical-align: middle}
.comment_list li p {padding-top: 5px;color:#6b6b6b; word-break:break-all;}
.comment_list li .del {position:absolute; right:4px; top:4px; border:0; width:24px; height:24px; font-size:0; background: url(../images/contents/bg_del.png) no-repeat left top}
.comment_list li .del:hover {background-position-y:bottom}
.comment_list p {overflow:visible}
.comment_list p .btn {width:auto; font-size:13px !important; height:auto; font-weight:bold !important; padding:2px; border-radius:3px;margin-right:5px}
*/


/*.comment_list p .popover {text-align:left;}
.comment_list p .popover-title {text-align:left;}
.comment_list p .popover-content strong {color:#424655;}*/
.outplan_box {padding-top:15px; border:1px solid #d6d6d6; font-size:12px; font-family: 'dotum', '돋움';}
.outplan_box .plan_item .pwrap .pwrap-right { width:340px;}
.outplan_box p strong {font-weight: normal; color:#666}
.outplan_box p strong:hover {color:#000; cursor: pointer}
.outplan_box .btn_area {padding:14px; text-align: center;}
.outplan_box .btn_area .btn_add {font-size:13px; font-family:'Malgun Githic', '맑은고딕'}
.outplan_box p .media {margin-right:9px; }
.outplan_box p .status {margin-right:3px; }
.outplan_box p strong {margin-left:10px}
.outplan_box .plan_item {padding:20px 0; border:0; border-bottom: 1px solid #eaeaea;}
.outplan_box .plan_item:first-child {padding-top:10px}
.paging {padding:14px 0 7px 0; text-align: center; font-size:0}
.paging button {display:inline-block; border:0; width:22px; height:28px; background: #eee; font-size:12px; color:#b4b4b4; vertical-align: middle; margin:0 3px}
.paging button:hover {color:#333}
.paging button[disabled] {background:#eee; color:#ddd; cursor: not-allowed}
.paging a {display:inline-block; margin:0 2px; width:31px; height:28px; line-height:28px; vertical-align: middle;background: #eee; color:#666; font-size:12px; font-family:'Arial' }
.paging a:hover {background:#d3d3d3}
.paging .on {background: #ffa900; color:#000 }
.paging .on:hover {background: #ffa900; color:#000 }


/* 수정 2023-04-18 lim.cheolho */
#ijam_content .comment_write {position:relative; padding:14px 87px 14px 14px; background: #efefef}
#ijam_content .comment_write textarea {height:70px;}
#ijam_content .comment_write .btn_gray {position:absolute; right:14px; top:14px; border:0; width:70px; height:70px; line-height: 70px; background:#888c96; color:#fff; font-size:16px; transition: all .5s}
#ijam_content .comment_write .btn_gray:hover {background:#666}


.users {display:inline-block; color:#666; vertical-align: middle; text-align: center; font-size:12px; font-family:'dotum'; text-decoration:none;}
.users.not {color:#999; text-decoration: none }
.users.not:hover {text-decoration: none }
/* layer */
.layer {display:none; position:fixed; left:50%; margin-left:-273px; top:50%; width:545px; padding:0px; background:white; z-index:100;-webkit-box-shadow: 0px 0px 50px -12px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 50px -12px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 50px -12px rgba(0,0,0,0.75);}
.layer h1 {font-size:20px; color:#151515;  background: #efefef; height:59px; line-height: 59px; color:#333; border-bottom: 1px solid #d6d6d6; padding-left:30px; font-weight: bold}
.layer .btn_area_center {padding-bottom:30px}
/* form 영역 */
.form_group, .view_group {padding:10px 0 0 0}
.form_group .item, .view_group .item {padding:10px 0 10px 24px;font-size:14px}
.form_group .item strong, .view_group .item strong {display:inline-block; width:100px; vertical-align: top; font-size:14px; color:#333; font-weight: bold; line-height: 1; letter-spacing: -1px; padding-top:6px; }
.form_group .item .form_wrap {display:inline-block; vertical-align: middle}
.form_group .form_wrap input[type="text"] {border:1px solid #d6d6d6; height:30px; line-height: 30px; padding:0 10px; font-size: 14px; vertical-align: middle}
.form_group .form_wrap .input_area {border:1px solid #d6d6d6; min-height:30px; width:390px; line-height: 30px; padding:2px 10px; font-size: 14px; vertical-align: middle}
.form_group .dropdown {margin-right:10px}
.form_group .dropdown button {height:30px; border:1px solid #d6d6d6; font-size:12px;}
.form_group .dropdown button i {right:9px; top:7px;}
.form_group .btn_gray {height:30px; line-height: 28px; font-size: 14px}
.layer .btn_area_center .btn {padding:0 15px; font-weight:normal; background:#828282; color:#fff; height:40px; line-height: 36px; font-size:16px!important; box-sizing:border-box; min-width:127px; width:auto}
.layer .btn_area_center .btn.btn_gray {background:#fff; color:#5c5c5c}
.layer .btn_area_center .btn.btn_red {background:#fff; }
.layer .btn_area_left .btn {padding:0 15px; font-weight:normal; background:#828282; color:#fff; height:40px; line-height: 36px; font-size:16px!important; box-sizing:border-box; min-width:127px; width:auto}
.form_group label + .datetime {margin-left:34px}
.form_group .datetime.full input {width:207px!important}
.form_group label {font-size:16px!important; margin-bottom:0 }
.form_group .item p {padding:10px 0; margin:0}
.form_group .item p:first-child {padding-top:0}
.form_group .item .tokenfield {width:250px}
.form_group .form_wrap input[type="text"].token-input {border:0; padding:0; height:auto; line-height: 1}
.form_group .item .description {padding:0; font-size:14px; color:#818593}
.form_group .item:last-child {padding-bottom:15px; }
.form_group textarea {border:1px solid #d6d6d6; width:390px; height:79px;}
/* 확인 영역 */
.view_group {letter-spacing: -1px}
.view_group .message {padding:40px 0; text-align: center; font-size:24px; line-height:30px;}
.view_group .noti {text-align: center; font-size:20px; line-height:30px;}
.view_group .title {padding-top:10px; font-size:20px}
.view_group .item {padding-bottom:16px; padding-right:25px;}
.view_group .item strong {position:relative; display:table-cell; width:145px; vartical-align:top; padding-top:5px; border:0}
.view_group .item span {display:table-cell; color:#6d6d6d; padding-right:20px; vertical-align: middle;  line-height:1.6}
.view_group .item span em {font-style: normal; padding-right:20px }
/* 기사계획 */
.plan_list {margin:30px 30px 0 30px; font-size:16px; }
.plan_list li {padding:12px 0; border:1px solid #bfbebe; margin-bottom: 7px; transition: all .5s; letter-spacing: -1px}
.plan_list li a {display: block}
.plan_list li:hover {background: #f0f0f0}
.plan_list li strong {display: table-cell; width:95px; vertical-align: middle; font-weight: normal; border-right: 1px solid #e4e3e3; text-align: center; color:#0486ff}
.plan_list li span {display: table-cell; padding-left: 15px; color:#46474b; vertical-align: middle; word-break:break-all;}
.plan_list + p {margin-left:30px; margin-top: 1px }
.table_wrap input[type="text"] {border:1px solid #ccc; height:30px; line-height: 30px; padding:0 10px; font-size: 14px; vertical-align: middle}
.table_wrap .col01, .table_wrap .col03 {width:15%}
.table_wrap .col02, .table_wrap .col04 {width:35%}
.table_wrap .datetimepicker {width:170px}
.table_wrap .full {width:100%}
.plan_write {padding:30px}
.plan_write th {width:15%}
.plan_write td {width:35%}
.plan_write td label {padding-right:4px}
/* 기사계획 조회 */
.plan_view_wrap {padding:20px 30px 50px 30px }
.plan_view_wrap .left_area {float:left; width:664px;}
.plan_view_wrap .right_area {float:right; width:467px}
.plan_view_wrap .left_area > h3 {padding-bottom:15px; font-size:23px}
.plan_view_wrap .left_area > h3 strong {color:#fcaf17}
.plan_view_wrap .table_wrap {margin:0; padding:0}
.plan_view_wrap table th {width:18%; padding-left:10px;}
.plan_view_wrap table td {width:32%; word-break:break-all;}
.plan_view_wrap .plan_write table td {width:26%; padding-left:10px;}
.plan_view_wrap .plan_write table th + td + th + td  {width:38%}
.plan_view_wrap .btn_area_right {padding:18px 0 42px 0}
.plan_view_wrap .btn_area_right .pos_left {position:absolute; left:0}
.plan_view_wrap .btn_area_right .pos_left .btn:first-child {margin-left:0}
.plan_view_wrap .plan_area section {margin-top:-1px}
.plan_view_wrap .plan_area > h1 {position:relative; font-size:20px; padding:20px 0 15px 12px; font-weight: bold}
.plan_view_wrap .plan_area > h1:before {position:absolute; left:0; top:20px; width:4px; height:19px; background: #fcaf17; content:""}
.plan_view_wrap .comment_list {height:auto;}
.plan_view_wrap .comment_list li {border-top:1px solid #dcdcdc; border-bottom: 0; padding-left:8px;}
.plan_view_wrap .comment_write {background: #fff; padding:9px 87px 9px 14px; border-top: 1px solid #dcdcdc;}
.plan_view_wrap .comment_write .btn_gray {top:9px}
.plan_area header {position:relative; height:37px; padding-right:50px; border:1px solid #d6d6d6;
  background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #f8f8f8 47%, #f1f1f1 100%);
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f8f8f8 47%,#f1f1f1 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#f8f8f8 47%,#f1f1f1 100%);}
.plan_area header h1 {padding:8px 0 0 10px; font-size:16px; font-weight:bold; color:#474e5c; cursor: pointer}
.plan_area header .btn_adduser {position:absolute; right:11px; top:9px; height:19px; width:21px; font-size:0; vertical-align: middle; border:0; background:url(../images/contents/bg_particletools.png) no-repeat -66px 0;}
.plan_area header .btn_adduser:hover {background-position-y:bottom}

/* 맞춤법 검사 */
.spelling_check_area {display:none; position:fixed; top:0; left:50%; width:800px; height:100px; padding-top:30px; margin-left:-400px; font-size:16px; background: #ffc34d; text-align: center; box-sizing: border-box;}
.spelling_check_area button {background:#333; padding:5px 10px; text-align: center; color:#fff}
.spelling_check_area button.close-spell-check { position:absolute; top:30px; right:30px;}
/*.spelling_error {background:yellow; cursor:pointer;}*/
.spelling_error {color:red; cursor:pointer;}
@keyframes formUp {
  from {padding-top:230px}
  to {padding-top:50px;}
}
/*.spell_check_pop_body input {background: #fff; padding:5px; font-size:14px; border: 1px solid #ffc34d; margin-bottom: 10px; min-width:200px; color:#000; width:100%; }*/
/*.spell_check_pop_body p {padding:0 0 20px;}*/
/*.spell_check_pop_body .recom {padding:0 0 5px;}*/
/*.spell_check_pop_body .recom span {font-weight:bold;}*/
/*.spell_check_pop_body .recom strong {padding-left:5px; color:#32c300}*/
/*.spell_check_pop_body .keyword {margin-bottom:10px;}*/
/*.spell_check .popover-content .token {padding:0 6px;}*/
.popover_btn_area {position:relative; border-top:1px solid #ddd; padding:7px 0 0 0; }
.popover_btn_area .btn_modify {background:#ffa900!important; border:0!important; color:#fff!important}
.popover_btn_area .navi {position:absolute;right:0;top:7px }
.popover_btn_area .navi strong {padding-right:5px; color:#999; font-weight: normal }
.popover_btn_area .navi strong span {color:#000; font-weight:bold}
.popover_btn_area button {border:1px solid #ccc; background:white; border-radius:2px; padding:3px 7px; margin:0 1px; font-size:14px; font-weight:bold; letter-spacing: -1px;display:inline-block;}

/* 미리보기 */
.preview_area {display:none; position:fixed; left:50%; margin-left:-550px; top:0; background:white; border:1px solid #ccc; z-index:100;}
.preview_area .iframe_wrap {border:0;display:inline-block;min-width:1200px;text-align:center;}
.preview_area iframe {border:0;display:inline-block;}
.preview_area iframe.pc { min-width:1100px;}
.preview_area iframe.tablet {min-width:768px;}
.preview_area iframe.mobile {min-width:320px;}
.preview_area .preview_select {position:absolute;left:10px;top:10px;z-index:10;}
.preview_area .btn_area_right {padding-bottom:10px;}


/* 약물기호 */
.mini_editor .tools {padding:0 0 5px 0;position:relative;height:35px;margin-top:3px;}
.mini_editor .tools a {display:inline-block; border:1px solid #ccc; border-radius:2px; min-width:25px; height: 25px; line-height:22px; color:#333; font-size:12px; font-weight:bold; text-align: center}
.mini_editor .tools .viewall {padding:0 10px; float:left;margin:3px 0 0 5px;;}
.mini_editor .tools .tools_all_layer {display:none;width:298px;position:absolute;left:0;background-color:#fff;border:1px solid #ccc;padding:2px 2px 0;}
.mini_editor .tools .tools_all_layer a {margin:0 0 2.5px;}
.mini_editor .tools .tools_layer {float:left;width:298px;height:32px;border:1px solid #ccc;padding:2px;}
.mini_editor .textBox {padding:10px; border:1px solid #bfbebe; min-height:150px; }


/* 상태별 구분 css */
.status { display:inline-block; min-width:33px; height:20px; padding:0 4px; border:1px solid #d6d6d6; background-color:#fff; font-size:11px; line-height:20px; text-align:center;}
.status.status00 {color:#888888;} /* 미정 */
.status.status01 {color:#26b99c;} /* 대기 (삭제) */
.status.status02 {color:#fabf4b;} /* 준비 */
.status.status03 {color:#25b89b;} /* 진행 */
.status.status04 {color:#888888;} /* 미사용,미정 */
.status.status05 {color:#3597e0;} /* 완료 */
.status.status06 {color:#888888;} /* 취소 */
.status.status07 {color:#3497d8;} /* 출고승인 */
.status.status08 {color:#26ba98;} /* 작성중 */
.title .status {background-image: none}

.status_tooltip {display:none; position:absolute; border:1px solid #bfbfbd; padding:6px; background: white }
/* 매체별 구분 css */
.media {display: inline-block; min-width:82px; height:21px; color:#2a2a2a; line-height:21px; font-size:11px; padding-left:4px; letter-spacing: -1px; border-top-right-radius: 7px; border-bottom-right-radius: 7px}
.media.j_on {background: #fa844b}
.media.j_off {background: #fabf4b}
.media.sunday_on {background: #1755a2; color:#fff}
.media.sunday_off {background: #1755a2; color:#fff}
/* smartadmin reset 용 */
.popover { color:#333 !important;}
.popover strong, .popover a {display:inline-block!important; padding-left:0!important}

/* 김준호 과장님 */
.tool_box .spell_content {display: none;}
.tool_box .spell_content:first-child {display: block}
.tool_box.tab .spell_content {padding:10px 0 0 0 }
.tool_box.tab .spell_content > p {padding:6px 20px; border-bottom: 1px solid #d8d8d8; font-family: 'dotum'; font-size:12px;}
.tool_box.tab .spell_content p:after {display:block; clear:both; content:""}
.tool_box.tab .spell_content p strong {margin-left: 10px; font-weight: normal; padding-top:4px}
.tool_box.tab .spell_content p span, .tool_box.tab .spell_content strong, .tool_box.tab .spell_content a {float:left; }
.tool_box.tab .media {margin-right:8px; }

.tool_box.tab .user {min-width:56px; border:1px solid #424655; color:#424655;  margin-left: 3px}
.tool_box.tab .spell_content .btn_area {background: #efefef; padding:14px 0; text-align: center}
.tool_box.tab .spell_content .btn_area .btn_gray {height:32px; padding:0 30px; line-height: 32px; color:#fff; font-size: 16px; background: #9b9ea6; border:0; vertical-align: middle; transition:all 0.7s}
.tool_box.tab .spell_content .btn_area button:hover {background:#5b5e67 }
.tool_box.tab .spell_content .article_plan {padding:0 15px 50px 15px; line-height:1.8; font-size:16px; letter-spacing: -1px; color:#686868}
.layer_wrap .form_group .view_group strong {vertical-align:top;top:4px;}
.layer_wrap .form_group .view_group strong:before {top:0;display:none;}
#specialWordLayer strong {text-align:center;}
#specialWordLayer strong:before {display:none;}
.spell {background-color:#fabf4b;position:relative;}
.spell_box {position:absolute;background:#fff;top:30px;left:0;}
.spell_box .status {padding-left:10px;padding-right:10px;width:auto;border-radius:7px;}
.spell_box .spell_content {width:300px;display:none;}
.spell_box .spell_content:first-child {display:none;}
.spell_box .spell_content .btn_area_center {background-color:#efefef;padding:0 0 10px;}
.loanword_dic .sub_info_box {background-color:#fff;padding-bottom:0;border-bottom:0;}
.loanword_dic .sub_info_box > .item {border-bottom:0;text-align:center;padding-left:0;}
.loanword_dic .view_group {overflow:auto;height:400px;padding-right:20px;border-bottom:2px solid #000;}
/* 디자인수정 후 김준호 과장님 작업관련 수정 */
.layer_wrap .sub_info_box .item > .input_area {position:relative; width:90%;}
.layer_wrap .sub_info_box .item .btn_gray {top:10px}

.table_wrap.history th, .table_wrap.history td {width:auto;}
.table_wrap.history th {padding:5px;text-align:center;}
#artHistoryLayer .sub_info_box {border-bottom:0;min-height:200px;}

.particle_tabmenu {}
.particle_tabmenu header {border-bottom: 1px solid #d6d6d6;background: #efefef;}
.particle_tabmenu header ul {margin-right: 30px}
.particle_tabmenu header ul li {float:left; width:auto; height:50px; line-height: 50px; ;}
/*.particle_tabmenu header ul li a {display:block; text-align: center; color:#666; font-size:20px; transition:all 0.5s; font-weight: bold;vertical-align:middle;padding:0 20px;border-top:1px solid #eaeaea;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;}
.particle_tabmenu header ul li a:hover {background:#fff}
.particle_tabmenu header ul li a.on {color:#333; background: #fff;border-top:1px solid #d6d6d6;border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6;}*/
.tool_box .tab_content {display: none;}
/* 2차 파티클*/
.particle_tabmenu header ul li a {position:relative; display:block; text-align: center; color:#888; font-size:20px; transition:all 0.5s; font-weight: bold;vertical-align:middle;padding:0 20px;}
.particle_tabmenu header ul li a.on,
.particle_tabmenu header ul li a:hover {color:#333;}
.particle_tabmenu header ul li a:after {content:'';display:block;position:absolute;left:0;right:0;bottom:-1px;height:4px;transition:background .3s;}
.particle_tabmenu header ul li a.on:after {background:#222930}

.particle_layer {width:690px;height:auto;max-height:640px;top:0 !important;margin-top:0 !important;margin-left:-345px !important;}
.particle_layer .stitle {margin-left:50px;}
.particle_layer .tab_content {/*max-height:400px;overflow:auto;*/margin-top:30px;}
/*.particle_layer .tab_content .tab_context {max-height:470px;overflow:auto;}*/
.particle_layer .single_wrap  textarea {max-width:600px;width:100%;}
.particle_layer .form_wrap.full-size input[type=text] {width:350px;}
.particle_layer .form_wrap.full-size-gif input[type=text] {width:480px;}
.particle_layer .fold {display:none;}
.particle_layer .form_wrap.center {text-align:center;display:block;}
.particle_layer .full-content {border-top:1px solid #d4d5d9;border-bottom:1px solid #d4d5d9;margin-right:20px;max-height:300px;overflow-y:auto;}
.particle_layer .text_list {}
.particle_layer .text_list li {border:0;margin:5px 0;}
.particle_layer .text_list li:hover {background:#f7f7f7;}
.particle_layer .text_list li label {width:20px;}
.particle_layer .text_list2 li {border:0;margin:5px 0;}
.particle_layer .text_list2 li:hover {background:#f7f7f7;}
.particle_layer .text_list2 li label {width:20px;}
.particle_layer .attach_list {
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  padding: 10px 0;
  max-height: 400px;
  overflow-y: auto
}
.particle_layer .attach_list.list li {
  border:0;
  border-bottom: 1px solid #f7f7f7;
  margin: 0;
  padding: 5px 0;
  /*background: #f7f7f7;*/
  background: url(../images/new_design/ico/ico_download.png) no-repeat 98% 50%;
}
.particle_layer .attach_list.list li:hover {background-color: #f7f7f7;}
.particle_layer .attach_list.list li:last-child{
  border-bottom: 1px solid #fff;
}
.particle_layer .attach_list.list li a{
  display: block;
}
.particle_layer .attach_list.list li label {width:20px;}
.particle_layer .attach_list.empty li{
  border:0;margin:5px 0;
  padding: 5px 0;
  text-align: center;
}
.particle_layer input[type="checkbox"] + label {padding-right:0;}
.particle_layer .full-size .btn_area_center {padding-top:10px;padding-bottom:10px;}
.particle_layer .text_list .title {max-width:405px;width:100%;text-align:left;}
.particle_layer .img_upload_list .uploading.empty {width:610px;height:90px;border:2px dashed #cdcdcd;background:url('../images/common/bg_particle_img.png') center center no-repeat #f5f5f5;}
.particle_layer .img_upload_list .uploading.exist {width:610px;height:125px;background-color:#efefef;}
.particle_layer .img_upload_list .uploading.exist .items {position:relative;display:inline-block;margin:10px 0 0 10px;}
.particle_layer .img_upload_list .uploading.exist .items > img {position:relative;width:135px;height:100px;}
.particle_layer .img_upload_list .uploading.exist .items .particle_img_editor {position:absolute;top:0;right:30px;}
.particle_layer .img_upload_list .uploading.exist .items .particle_img_del{position:absolute;top:0;right:5px;}
.particle_layer .img_upload_list .img_period {display:none;}
.particle_layer .full-content {position:relative;border-top:1px solid #d6d6d6;padding-top:12px;max-height:350px;overflow-y:auto;}
.particle_layer .text_list2 .title {width:100%;text-align:left;max-width:580px;}
.particle_layer .img_list {}
.particle_layer .img_list li {display:inline-block;vertical-align:bottom;width:130px;margin:0 2px 5px 2px; position: relative;border: 1px solid #ccc}
.particle_layer .img_list li img {position:relative;width:135px;height:100px;display:block;margin-bottom:5px;}
.particle_layer .img_list li label {color:#444;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; position: absolute;
  top:2px;
  left:2px;}
.particle_layer .img_list li .title {color:#444;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin: 0 4px}
.particle_layer .img_list li .regDate {color:#919191;display: block; margin: 0 4px}
.particle_layer .img_list li .icons {position: absolute; top: 2px;right: 2px; height: 22px;}
.particle_layer .img_list li.prevent:after{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5) url('../images/new_design/ico/ico_particle_disabled.png') no-repeat 50% 50%;
}
.particle_layer .full-content .datetime input {width:154px;}
.particle_layer .full-content .form_wrap.full-size input[type=text] {width:290px;}
.particle_layer .jtbc_search {text-align:right;padding:10px;}
.particle_layer .jtbc_search .btn_grays {margin-right:0; height: 32px}
.particle_layer .jtbc_search .form_wrap{margin-bottom:5px;padding:10px 5px 0 10px;}
.particle_layer .jtbc_news {min-height:337px;}
.particle_layer .jtbc_news .table_wrap {max-height: 350px;overflow-y: auto;}
.particle_layer .jtbc_news table {table-layout:fixed;}
.particle_layer .jtbc_news th {padding-left:0;padding-right:0;text-align:center;}
.particle_layer .jtbc_news td {padding-left:0;padding-right:0;text-align:center;}
.particle_layer .jtbc_news .select {width:60px;}
.particle_layer .jtbc_news .thumb {width:120px;}
.particle_layer .jtbc_news .thumb img {width:100px;height:65px;}
.particle_layer .jtbc_news .category {width:80px;}
.particle_layer .jtbc_news td.title {text-align:left;padding-left:5px;padding-right:5px;}
.particle_layer .jtbc_news .date {width:110px;}
.particle_layer .jtbc_news .choice {width:60px;}
.particle_layer .jtbc_news .choice a {background-color:#3598db;color:#fff;font-size:13px;display:inline;padding:2px 3px;}
.particle_layer .jtbc_news .choice a.used {background-color:#828282;color:#fff;}
.particle_layer .jtbc_news .choice a i {font-size:10px;position:relative;top:-2px;}

.particle_layer .jtbc_related_search {text-align:left;padding:10px;}
.particle_layer .jtbc_related_search .btn_grays {margin-right:10px; height: 32px}
.particle_layer .jtbc_related_search .form_wrap{margin-bottom:5px;padding:10px 5px 0 10px;}
.particle_layer .jtbc_related_search .stitle{margin-left:10px; margin-right:10px;}
.particle_layer .jtbc_related_news {min-height:337px;}
.particle_layer .jtbc_related_news .table_wrap {max-height: 350px;overflow-y: auto;}
.particle_layer .jtbc_related_news table {table-layout:fixed;}
.particle_layer .jtbc_related_news th {padding-left:0;padding-right:0;text-align:center;}
.particle_layer .jtbc_related_news td {padding-left:0;padding-right:0;text-align:center;}
.particle_layer .jtbc_related_news .choice {width:15px;}
.particle_layer .jtbc_related_news .choice a {background-color:#3598db;color:#fff;font-size:13px;display:inline;padding:2px 3px;}
.particle_layer .jtbc_related_news .choice a.used {background-color:#828282;color:#fff;}
.particle_layer .jtbc_related_news .choice a i {font-size:10px;position:relative;top:-2px;}
.particle_layer .jtbc_related_news .vedio_id {width:40px;}
.particle_layer .jtbc_related_news .category {width:30px;}
.particle_layer .jtbc_related_news .title {width:100px;}
.particle_layer .jtbc_related_news td.title {text-align:left;padding-left:5px;padding-right:5px;}
.particle_layer .jtbc_related_news .date {width:50px;}

.particle_layer.related {width:1142px;margin-left:-571px !important;}
.particle_layer .related_cont { margin-top:20px; padding:0 30px;}
.particle_layer .related_list {/*margin-top:30px;padding-left:20px;width:265px;padding-right:20px;max-height:300px;overflow:auto;position:absolute;top:69px;right:30px; -20170130_김단희 수정*/}
.particle_layer .related_list h5 { height:32px; padding-left:10px; border:1px solid #d6d6d6; color:#333; font-size:14px; line-height:30px;}
.particle_layer .related_list .list {width:422px;}
.particle_layer .related_list .list li { position:relative; margin-top:5px; border:1px solid #d6d6d6; height: 62px}
.particle_layer .related_list .list li:first-child { margin-top:0;}
.particle_layer .related_list .list li p { width:calc(100% - 27px); height:30px; padding-left:10px; color:#333; font-size:14px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.particle_layer .related_list .list li p.related-list-url { border-top:1px solid #eaeaea;}
.particle_layer .related_list .list li a { position:absolute; top:0; right:0; width:27px; height:60px; background:#f5f5f5 url("../images/new_design/ico/ico_related_del.png") no-repeat 50% 50%; border-left:1px solid #d6d6d6; font-size:0; line-height:0; text-indent:-9999px;}
.particle_layer .related_list .list li a.plus{ position:absolute; top:0; right:0; width:27px; height:60px; background:#f5f5f5 url("../images/new_design/ico_plus.png") no-repeat 50% 50%; border-left:1px solid #d6d6d6; font-size:0; line-height:0; text-indent:-9999px;}
.table-edit .tb_edit_wrap { position: relative; margin: 0 50px; }
.table-edit .tb_edit_wrap .medium-editor-table-builder { top: 26px; z-index: 2; }
.table-edit .edit_cont { position: relative; height: 265px; overflow-y: auto; overflow-x: auto; padding:0; margin-top: 0; border: 1px solid #ccc; box-sizing: border-box; -webkit-box-sizing: border-box; }
.table-edit .btn_edit_table { box-sizing: border-box; cursor: pointer; display: block; font-size: 14px; line-height: 25px; margin: 0; text-decoration: none; border: 0; background: #828282; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); color: #fff; height: 25px; min-width: 25px; -webkit-transition: background-color .2s ease-in; transition: background-color .2s ease-in; }
.table-edit .btn_edit_table:hover { background: #484747; }
.table-edit .edit_cont .title_txt { height: 32px; background: #ddd; text-align: center; font-size: 16px; line-height: 28px; color: #000; font-weight: bold; }
.table-edit .edit_cont .align_layer { position: absolute; left: 0; background: #fff; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3); width: 170px; height: 34px; margin: 0; border: 1px solid #d6d6d6; font-size: 14px; color: #828282; text-align: center; z-index: 2; }
.table-edit .edit_cont .align_layer button { position: relative; width: 32px; height: 32px; background: transparent center no-repeat; border: none; }
.table-edit .edit_cont .align_layer button:hover { background-color: #ffeaea; }
.table-edit .edit_cont .align_layer button i { display: none; }
.table-edit .edit_cont .align_layer button.colorPicker{ min-width: inherit; }
.table-edit .edit_cont .align_layer button.colorPicker:before { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0;  background: url('../images/new_design/icon_text_color.png') center no-repeat; }
.table-edit .edit_cont .align_layer button.colorPicker i { display: block; color: #000; }
.table-edit .edit_cont .align_layer button.colorPicker i:before { content: '\f0c8'; font-size: 100px; display: block; margin: -10px; }
.table-edit .edit_cont .align_layer button.action-bold:before { content: '가'; font-weight: 700; }
.table-edit .edit_cont .align_layer button.txt_left { background-image: url('../images/new_design/icon_align_left.png'); }
.table-edit .edit_cont .align_layer button.txt_center { background-image: url('../images/new_design/icon_align_center.png'); }
.table-edit .edit_cont .align_layer button.txt_right { background-image: url('../images/new_design/icon_align_right.png'); }
.table-edit .edit_cont .data_tb { position: relative; }
.table-edit .edit_cont .data_tb:empty:before{
  content: '이 영역을 클릭후 표 붙여넣기가 가능합니다.';
  padding: 10px
}
.table-edit .edit_cont:focus .data_tb:empty:before{
  content: '|';
  padding: 10px
}
/*06.11 중*/
.chart_view_tab_change .table-edit .edit_cont .data_tb table { border-collapse: collapse; border: none; width: auto; margin-left: auto; margin-right: auto;  }
.table-edit .edit_cont .data_tb table { border-collapse: collapse; border: none; width: auto;  }
.table-edit .edit_cont .data_tb table caption { display: table-caption; position: static; text-indent: 0; width: auto; height: auto; min-height: 17px; color: #000; font-size: 17px; text-align: center; line-height: inherit; border: 1px solid #999; padding: 0; }
.table-edit .edit_cont .data_tb table caption textarea { padding: 0;
  margin: 0; border: none}
.table-edit .edit_cont .data_tb table caption.title:empty:before { content: '제목을 넣어주세요.'; color: #999;
  font-size: 14px}
.table-edit .edit_cont .data_tb table caption.origin{ margin: 2px 0; }
.table-edit .edit_cont .data_tb table caption.origin:empty:before { content: '출처를 넣어주세요.';color: #999;
  font-size: 14px }
.table-edit .edit_cont .data_tb table th, .edit_cont .data_tb table td { empty-cells: show; box-sizing: border-box; }
.table-edit .edit_cont .data_tb table th.guide_col, .edit_cont .data_tb table th.guide_row { background-color: #eee; color: #999; font-size: 90%; border: none; }
.table-edit .edit_cont .data_tb table th.guide_col { min-width: 41px; border: 1px solid #eee; }
.table-edit .edit_cont .data_tb table th.guide_row { min-height: 41px; width: 21px; border: 1px solid #eee; }
.table-edit .edit_cont .data_tb table td { border: 1px solid #5c5c5c; min-height: 17px; line-height: 17px; cursor: pointer; position: relative; padding: 1px; box-sizing: border-box; }
.table-edit .edit_cont .data_tb table td.selected { /*border: 2px dotted #5c5c5c;*/
  background-color: #e3e3e3; }
.table-edit .edit_cont .data_tb table td .cell-data { width: 100%; height: 100%; box-sizing: border-box; line-height: 14px;
  font-size: 13px;
  min-height: 14px }
.table-edit .edit_cont .data_tb table td .cell-data[contenteditable='true'] { background-color: #b6babddb; word-wrap: break-word; cursor: text; }
.table-edit .edit_cont .data_tb table td .cell-size-handle { position: absolute; right: 0; top: 0; width: 3px; height: 100%; cursor: col-resize; }
.table-edit .edit_cont .data_tb table td .cell-size-handle.resize { }
.table-edit .edit_cont .data_tb table.cell-dreg * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.table-edit .edit_cont .data_tb table.cell-dreg td .cell-size-handle { display: none; }
.table-edit .edit_cont .option_layer { position: absolute; background: #fff; width:250px;height: 68px;  padding: 0; font-size: 14px; color: #828282; text-align: left; border: 1px solid #d6d6d6; box-shadow: 3px 3px 3px rgba(0,0,0,.1); }
.table-edit .edit_cont .option_layer button { position: relative; width: 32px; height: 32px; background: #fff center no-repeat; border: none; min-width: inherit; z-index: 1; }
.table-edit .edit_cont .option_layer button:before{ border: none; }
.table-edit .edit_cont .option_layer button:hover,.table-edit .edit_cont .option_layer button.on { background-color: #ffeaea; }
.table-edit .edit_cont .option_layer button i { display: none; }
.table-edit .edit_cont .option_layer button.colorPicker:before { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0;  background: url('../images/new_design/icon_text_color.png') center no-repeat; }
.table-edit .edit_cont .option_layer button.colorPicker i { display: block; color: #f00; }
.table-edit .edit_cont .option_layer button.colorPicker i:before { content: '\f0c8'; font-size: 100px; display: block; margin: -10px; }
.table-edit .edit_cont .option_layer button.action-bold:before { content: '가'; font-weight: 700; }
.table-edit .edit_cont .option_layer button.action-bg { background-image: url('../images/new_design/icon_background_color.png'); }
.table-edit .edit_cont .option_layer button.txt_left { background-image: url('../images/new_design/icon_align_left.png'); }
.table-edit .edit_cont .option_layer button.txt_center { background-image: url('../images/new_design/icon_align_center.png'); }
.table-edit .edit_cont .option_layer button.txt_right { background-image: url('../images/new_design/icon_align_right.png'); }
.table-edit .edit_cont .option_layer .action-bg { }
.table-edit .edit_cont .option_layer .action-add { width: 40px; padding: 1px 0 3px; font-size: 12px; line-height: 14px; }
.table-edit .edit_cont .option_layer .action-add,
.table-edit .edit_cont .option_layer .action-del { padding: 0 15px 0 6px; width: 46px; }
.table-edit .edit_cont .option_layer .action-add:after,
.table-edit .edit_cont .option_layer .action-del:after { content: ''; display: block; position: absolute; width: 0; height: 0; border: 3px solid transparent; border-top-color: #828282; top: 3px; bottom: 0; right: 6px; margin: auto 0; }
.table-edit .edit_cont .option_layer .action-combine { width: 40px; padding: 1px 0 3px; font-size: 12px; line-height: 14px; }
.table-edit .edit_cont .option_layer .action-combine-cancel { width: 60px; padding: 1px 0 3px; font-size: 12px; line-height: 14px; }
.table-edit .edit_cont .option_layer .action-col-width { width: 75px; padding: 1px 0 3px; font-size: 12px; line-height: 14px; }
.table-edit .edit_cont .option_layer .add_layer { position: absolute; top: 9px; left: 141px; background: #fff; width: 110px; border: 1px solid #d6d6d6; font-size: 12px; color: #828282; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); z-index: 100}
.table-edit .edit_cont .option_layer .add_layer button { background: none; border: none; height: 25px; width: 100%; display: block; text-align: center; border: 1px solid #fff; }
.table-edit .edit_cont .option_layer .add_layer button:hover { background-color: #ffeaea; }
.table-edit .edit_cont .option_layer .del_layer { position: absolute; top: 42px; left: 141px;z-index: 100; background: #fff; width: 80px; border: 1px solid #d6d6d6; font-size: 12px; color: #828282; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); }
.table-edit .edit_cont .option_layer .del_layer button { background: none; border: none; height: 25px; width: 100%; display: block; text-align: center; border: 1px solid #fff; }
.table-edit .edit_cont .option_layer .del_layer button:hover { background-color: #ffeaea; }
.table-edit .tb_edit_wrap .medium-editor-table-builder-cell.selected { background-color: blue; cursor: not-allowed; }
.table-edit .tb_edit_wrap .medium-editor-table-builder-cell.fixed { background-color: #d6d6d6; cursor: not-allowed; }

.table-edit .edit_cont .option_layer .action-del { font-size: 12px; line-height: 14px; }
.table-edit .tb_edit_wrap .tbl-size-view input { width: 50px; color: black; }
.table-edit .tb_edit_wrap .tbl-size-view button { width: 50px; height: 26px; margin: 0 0 0 5px; font-size: 15px !important; font-weight: normal; color: #fff; letter-spacing: -2px; }
.table-edit .btn_right { margin-top: 10px; text-align: right; }
.table-edit .img_upload_list .stitle.type02 { position: relative; width: 60px; margin-left: 40px; }
.table-edit .img_upload_list .stitle.type02 sup { display: inline-block; position: absolute; left: -10px; top: 15px; color: #ff5252; font-size: 15px; }
.tbl_preview_layer { width: 860px; display: block; margin-left: -430px !important; margin-top: -303px; }
.tbl_preview_layer .tbl_preview_box { width: 820px; height: 450px; margin: 20px auto; border: 1px solid #ccc; box-sizing: content-box; }
.tbl_preview_layer .tbl_preview_box iframe{ width: 820px; height: 450px; border: none; }
.tbl_preview_layer .tbl_preview_check { font-size: 18px; text-align: center; }
.iframe.particle_layer {width:800px;}
.iframe.particle_layer .tab_content iframe {width:780px;height:350px;}

#articleView > div[data-type*=Template] {clear:both;margin:0;position:relative;width:580px;box-sizing: border-box;}
#articleView > div[data-type*=Template]:hover { z-index:99;}
div[data-type=ImgTemplate] {clear:both;}
#articleView > div[data-type=TextTemplate] { clear:none;}
#articleView .editor_bar {position:absolute;width:568px;height:40px;top:-41px;left:0;}
#articleView .editor_bar.fixed {position:fixed;top:66px;left:215px;width:568px;}
#articleView .editor_bar span.view_textcolor { width: 20px; height: 20px; top: 15px; left: 55px; display: inline-block;}
#articleView .btn_tools {position:absolute;width:568px;height:46px;bottom:-49px;left:0;border-top:0;min-height: 46px;padding-left:0;padding-bottom:0;}
#articleView .btn_tools a {background-color:#fff;}
#articleView .imgRight .editor_bar, #articleView .photo_right .editor_bar {left:inherit;right:0;}
#articleView .imgLeft .editor_bar, #articleView .photo_left .editor_bar {left:0;}
#articleView .imgRight .btn_tools, #articleView .photo_right .btn_tools {left:inherit;right:-12px;}
#articleView > div.subtitle {width:auto;}
.subtitle {z-index:10;}
.subtitle, .subtitle .box, .subtitle .box .box_cont, .subtitle .box .box_cont {float:left;}


.nowComponent {position:relative; opacity:1 !important;} /*20170130_김단희-이미지-텍스트 수정오류로 숨김*/
.prevComponent {position:relative;z-index:18;opacity:0.6}
.nextComponent {position:relative;z-index:19;opacity:0.6}
#articleView > div.imgLeft, #articleView > div.photo_left {float:left;clear:none;margin-right:15px;margin-bottom:10px;position:relative;width:auto;}
#articleView > div.imgRight, #articleView > div.photo_right {float:right;clear:none;margin-left:15px;margin-bottom:10px;position:relative;width:auto;}
#articleView > div.nowComponent .box_cont figure {text-align:center;}
#articleView > div.nowComponent.imgLeft, #articleView > div.nowComponent.photo_left {z-index:30;}
#articleView > div.nowComponent.imgRight, #articleView > div.nowComponent.photo_right {z-index:30;}
#articleView > div.imgCenter, #articleView > div.photo_center {margin:0 auto;}


/* 기사 제작 */
.imageGallery_box, .imageSlide_box, .touchNews_box {text-align:center;padding:10px 5px 0 10px;min-height:210px;border: 1px solid #fff/*#fcaf17*/ !important;}/*20170114_김단희-bordercolor 수정*/
.imageGallery_box .component_cont, .imageSlide_box .slide_wrap ul, .touchNews_box .slide_wrap ul {overflow:hidden;min-height:210px;}
.imageSlide_box .editor_bar,  .touchNews_box .editor_bar {text-align:left;}
.imageGallery_box .ab_photo, .imageSlide_box .slide_wrap li, .touchNews_box .slide_wrap li {display:inline-block;float:left;clear:none;margin-right:5px;vertical-align:top;width:24%;margin-bottom:10px;position:relative;padding:0;}
.imageGallery_box .ab_photo .image > img, .imageSlide_box .slide_wrap .image > img, .touchNews_box .slide_wrap .image > img {width:100%;height:135px;}
.imageGallery_box .ab_photo .caption, .imageSlide_box .slide_wrap .caption, .touchNews_box .slide_wrap .caption {margin-top:3px;border:1px solid #dedede;text-align:left;padding:3px;font-size:12px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;height: 25px;}
.ab_photo .btn_gallery, .slide_wrap .btn_gallery {position:absolute;display:inline-block;top:5px;right:5px;}
.mask_editor {display:none;z-index:99;}
.component_layer {z-index:100;display:none;width:370px;height:125px;position:fixed;top:50%;left:50%;margin-top:-62px;margin-left:-185px;background-color:#fff;border:1px solid #dad5d9;}
.imageGallery_box .box_header, .imageSlide_box .box_header, .touchNews_box .box_header {border-bottom:1px solid #dad5d9;}
.imageGallery_box .box_header .btn_area_left, .imageSlide_box .box_header .btn_area_left, .touchNews_box .box_header .btn_area_left {float:left;padding:10px;}
.imageGallery_box .box_header .btn_area_right, .imageSlide_box .box_header .btn_area_right, .touchNews_box .box_header .btn_area_right {float:right;padding:10px;border-bottom:0;}
.imageGallery_box .box_header .btn_area_right .btn_grays, .imageSlide_box .box_header .btn_area_right .btn_grays, .touchNews_box .box_header .btn_area_right .btn_grays {height:25px;line-height:25px;}
.imageGallery_box .box_body, .imageSlide_box .box_body, .touchNews_box .box_body {padding:10px;}
.imageGallery_box .box_body textarea, .imageSlide_box .box_body textarea, .touchNews_box .box_body textarea {border:1px solid #dad5d9;font-size:12px;}
.imageGallery_box .caption .box_header > p { float:left; overflow:hidden; line-height:45px; max-width:75%; padding-left:10px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap;}
.imageSlide_box .editor_bar, .touchNews_box .editor_bar {}
.imageSlide_box .editor_bar .textInput, .touchNews_box .editor_bar .textInput {width:105px;height:19px;font-size:11px;vertical-align:bottom;margin-left:3px;}
.imageSlide_box .editor_bar .btn_editor, .touchNews_box .editor_bar .btn_editor {height:19px;line-height:19px;font-size:11px;vertical-align:bottom;width:40px;min-width:40px;margin-left:3px;}
.imageSlide_box .caption .box_header > p { float:left; overflow:hidden; line-height:45px; max-width:75%; padding-left:10px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap;}
.ab_photo .image .btn_gallery img, .ab_vod .image .btn_gallery img {width:22px;height:22px;}
.Live_box .editor_bar .datetime {position:relative;top:-3px;}
.box .ab_adtxt {margin-left:0;}
.ab_sns {z-index:0;}
.adFull_box {float:left;width:100%;}
.ad250_box {float:right;}
.image_box {}
.clboth { clear:both;}
.vod_detail .btn_area_left{float:left;padding:10px;}
#specialWordLayer {width:660px;margin-left:-325px;}
#specialWordLayer .dropdown {margin-bottom:10px;}
#specialWordLayer .dropdown-menu {height:380px;overflow-y:auto;}
#specialWordLayer .specialWordBox {height:250px;overflow-y:auto;border:1px solid #d4d5d9;padding:10px;margin-bottom:20px;}
#specialWordLayer .specialWordBox .tools a {border:1px solid #d4d5d9; width:30px;height:30px; line-height:30px;text-align:center;display:inline-block;margin:0 5px 5px 0;vertical-align:middle;color:#424655;}
#specialWordLayer .specialWordSelected {height:150px;min-height:150px;overflow-y:scroll;}
#specialWordLayer .specialWordSelected .tools {float:left;display:inline-block;position:relative;width:50px;height:50px;border:1px solid #d4d5d9;text-align:center;margin:0 5px 5px 0;color:#424655;}
#specialWordLayer .specialWordSelected .tools strong {line-height:50px;vertical-align:middle;font-size:16px;}
#specialWordLayer .specialWordSelected .headline {font-size:14px;margin-bottom:10px;font-weight:bold;}
#specialWordLayer .specialWordSelected .tools span {position:absolute;top:0;right:0;width:15px;height:15px;}
#specialWordLayer .specialWordSelected .tools span img {width:15px;}

div[name=componentImgTemplate] .box_cont {margin:0 auto;}

.hline1 {margin-top:17px;padding-top:12px;border-top: 1px solid #444446;min-height:0 !important;display:inline-block;width:100%;}
.hline1 hr {display:none;}
.hline2 {padding-bottom: 16px;margin-bottom: 16px;border-bottom: 1px solid #ebebeb;min-height:0 !important;display:inline-block;width:100%;}
.hline2 hr {display:none;}

#particleTypeDropMenu {max-height:250px;overflow-y:auto;}

#AREA_CATEGORY_MAP_POPUP + .ui-dialog-buttonpane .btn_area_center .btn {width:130px;height:40px;font-size:16px !important;}

.editor_bar .btn_caption + .popover {margin-left:32px;}
.editor_bar .btn_caption + .popover .arrow {margin-left:-43px;}

[contenteditable=true]:empty:before {font-size:14px;color:#8a8787;padding-left:10px;padding-top:3px;}
div[name=particleTextTemplate] {position:relative; min-height:32px;}

.preview_img_layer {display:none;position:fixed;width:100%;top:0;left:0;height:100%;z-index:106 !important;}
.preview_img_layer .mask_editor {z-index:-1;display:block;}
.preview_img_layer .img_layer {}
.preview_img_layer .img_layer .popup {display:block;vertical-align:middle;text-align:left;width:995px;height:630px;position:absolute;top:50%;left:50%;margin-left:-497px;margin-top:-292px;}
.preview_img_layer .img_layer .popup .headline {height:60px;background:#efefef;color:#333333;font-weight:bold;font-size:20px;width:995px;display:inline-block;border:1px solid #d6d6d6;padding:15px;}
.preview_img_layer .img_layer .popup .top_notice {height:50px;background:#fff;color:#FF0000;font-weight:bold;font-size:20px;width:995px;display:inline-block;border:0px solid #d6d6d6;padding:15px;}
.preview_img_layer .img_layer .popup .content {background:#fff;border:1px solid #d6d6d6;border-top:0; padding:20px;}
.preview_img_layer .img_layer .popup .content .img {width:50%;float:left; /*padding:20px;*/ height:470px; overflow:auto; text-align:center;}
.preview_img_layer .img_layer .popup .content .img img {max-width:100%; /*padding: 20px;*/} /*20170116_김단희-파티클팝업 관련 수정*/
.preview_img_layer .img_layer .popup .content .img table {margin:0 auto;}
.preview_img_layer .img_layer .popup .content .info_meta {width:50%;float:left;overflow:auto; /*padding:20px;*/ padding-left:20px; height:470px;overflow-y:auto;} /*20170116_김단희-파티클팝업 관련 수정*/
.preview_img_layer .img_layer .popup .content .info_meta th {color:#30333c;padding:7px 7px 8px 15px;vertical-align:top;}
.preview_img_layer .img_layer .popup .content .info_meta td {color:#9d9c9c;padding:7px 7px 8px 7px; vertical-align:top; word-wrap: break-word; word-break: break-all;} /*20170116_김단희-파티클팝업 관련 수정*/
.preview_img_layer.particle .popup {width:620px;margin-left:-310px;height: 455px;margin-top: -227px;}
.preview_img_layer.particle .popup .headline {width:620px;}
.preview_img_layer.particle .popup iframe {width: 620px;height: 388px;background:#fff;}
.preview_img_layer.particle .popup.quiz {width:620px;margin-left:-310px;height: 600px;margin-top: -355px;}
.preview_img_layer.particle .popup.quiz iframe {width: 620px;height: 710px;background:#fff;}
.preview_vod_layer {display:none;position:fixed;width:100%;top:0;left:0;height:100%;z-index:101;}
.preview_vod_layer .mask_editor {z-index:-1;display:block;}
.preview_vod_layer .vod_layer {}
.preview_vod_layer .vod_layer .popup {display:block;vertical-align:middle;text-align:left;width:1195px;height:630px;position:absolute;top:50%;left:50%;margin-left:-597px;margin-top:-315px;}
.preview_vod_layer .vod_layer .popup .headline {height:60px;background:#efefef;color:#333333;font-weight:bold;font-size:20px;width:1195px;display:inline-block;border:1px solid #d6d6d6;padding:15px;}
.preview_vod_layer .vod_layer .popup .content {background:#fff;border:1px solid #d6d6d6;border-top:0; padding:20px;}
.preview_vod_layer .vod_layer .popup .content .vod {width:60%;float:left; /*padding:20px;*/ height:470px;}
.preview_vod_layer .vod_layer .popup .content .info_meta {width:40%;float:left;overflow:auto; /*padding:20px;*/ padding-left:20px; height:470px;overflow-y:auto;} /*20170116_김단희-파티클팝업 관련 수정*/
.preview_vod_layer .vod_layer .popup .content .info_meta th {color:#30333c;padding:10px 10px 10px 25px;vertical-align:top;}
.preview_vod_layer .vod_layer .popup .content .info_meta td {color:#9d9c9c;padding:/*10px 10px 10px 25px*/ 10px; vertical-align:top; word-wrap: break-word; word-break: break-all;} /*20170116_김단희-파티클팝업 관련 수정*/
.preview_vod_layer.particle .popup {width:620px;margin-left:-310px;height: 455px;margin-top: -227px;}
.preview_vod_layer.particle .popup .headline {width:620px;}
.preview_vod_layer.particle .popup iframe {width: 620px;height: 388px;background:#fff;}

#articleView div[name=particleTableTemplate] { overflow:hidden;}
#articleView div[name=particleTableTemplate] table { table-layout:fixed;min-width:initial !important; max-width:initial !important;}
#articleView div[name=particleTableTemplate] table th,
#articleView div[name=particleTableTemplate] table td { word-break:break-all; padding:6px; /* font-size:18px !important; */ vertical-align:top;}

#articleView .box div[name=componentImgTemplate] {padding:20px 30px 20px 20px;}
#articleView .box div[name=componentTextTemplate] {padding:20px 30px 20px 20px;}
#articleView .ab_box.box div[name=componentImgTemplate] {padding:0px;}
#articleView .ab_box.box div[name=componentTextTemplate] {padding:0px;}

#articleView .box .box .editor_bar {width:528px;}
#articleView .box .box:hover {}
#articleView .box .box .box_cont {min-height:0 !important;}
#articleView .box.ab_box .box_cont {font-size:1em;line-height:1.4;}
#articleView .box.ab_box figcaption {display:none;}

#articleView .ab_box_article {clear:both;position:relative;padding-top:17px;padding-bottom:16px;*zoom:1;padding: 42px 20px 24px 20px;border: 1px solid #dddddd;overflow: hidden;}
#articleView .ab_box_article div[name=componentTextTemplate] {padding:0;}
#articleView .ab_box_article div[name=componentTextTemplate] .box_cont {font-size:1em;}
#articleView .ab_box_article div[name=componentImgTemplate] {padding:0;margin-top: 8px;margin-bottom: 12px;}
#articleView .ab_box_article > div[name=componentTextTemplate]:first-child {margin-bottom: 17px;}
#articleView .ab_box_article > div[name=componentTextTemplate]:first-child .box_cont {color: #5d81c3;font-size: 1.375em;line-height: 1.5;font-weight:bold;}
#articleView .ab_box_article:before {content:'';display: block;position: absolute;top: 0px;left: 20px;width: 18px;height: 28px;background: #5d81c3;overflow: hidden;}

#articleView .ab_timeline_article {clear:both;position:relative;*zoom:1;padding: 42px 20px 24px;border: 1px solid #dddddd;overflow: hidden;}
#articleView .ab_timeline_article div[name=componentTextTemplate] {padding:0;}
#articleView .ab_timeline_article div[name=componentTextTemplate] .box_cont {font-size:1em;}
#articleView .ab_timeline_article div[name=componentTextTemplate] {padding:0;margin-top: 8px;margin-bottom: 12px;}
#articleView .ab_timeline_article > div[name=componentTextTemplate]:first-child {margin-bottom: 17px;}
/*#articleView .ab_timeline_article:before {content:'';display: block;position: absolute;top: 0px;left: 20px;width: 18px;height: 28px;background: #5d81c3;overflow: hidden;}*/

.ab_box { background:#f9f8f4 !important;padding:9px !important;border:1px solid #d9d3c1 !important;margin:27px 0 26px !important;}
/* 2017-08-29 인물사전 */
.ab_people {margin:25px 0;}
.ab_people_hd {position:relative;padding:9px 41px 12px 85px;border:1px solid #ebebeb;border-bottom:1px solid #737475;color:#231f20;font-weight:bold;font-size:15px;line-height:20px;letter-spacing:-.9px;}
.ab_people_hd:before {content:'';position:absolute;top:50%;right:10px;width:28px;height:28px;margin-top:-14px;background-image:url('https://images.joins.com/ui_joongang/news/pc/article/k_ab_term.png');background-position:0 -56px;}
.ab_people_hd a {display:block;margin:-9px -41px -12px -85px;padding:9px 41px 12px 85px;text-decoration:none;cursor:pointer;}
.ab_people_hd em {display:block;position:absolute;top:11px;left:20px;padding:3px 5px 4px;background:#cfc0aa;color:#fff !important;font-weight:normal;font-size:12px;line-height:1;font-family:Tahoma,Dotum,'돋움',sans-serif;overflow:hidden;}
.ab_people_hd strong {color:#3577bc;}
.ab_people_bd {margin-top:-1px;min-height:109px;padding:16px 20px 19px;border:1px solid #ebebeb;border-top:1px solid #737475;background:#f6f6f6;overflow:hidden;}
.ab_people_bd .thumb {position:relative;float:left;width:80px;height:104px;margin:4px 20px 0 0;overflow:hidden;}
.ab_people_bd ul {color:#3c3e40;font-size:13px;line-height:18px;}
.ab_people_bd .thumb + ul {margin-left:100px;}
.ab_people_bd li {position:relative;padding-left:60px;}
.ab_people_bd li em {position:absolute;top:0;left:0;color:#9a9a9a;}
/* 2017-07-17 용어사전 */
.ab_term {margin:25px 0;padding:0 !important;border:0 none;}
.ab_term_hd {position:relative;padding:11px 41px 10px 85px;border:1px solid #ebebeb;border-bottom:1px solid #737475;color:#a69886;font-weight:bold;font-size:15px;line-height:20px;cursor:default;}
.ab_term_hd:before {display: none; /* 수정 2023-05-30 lim.cheolho */ content:'';position:absolute;top:50%;right:12px;width:28px;height:28px;margin-top:-14px;background-image:url('https://images.joins.com/ui_joongang/news/pc/article/k_ab_term.png');}
.ab_term_hd .ab_term_label {display:block;position:absolute;top:11px;left:20px;padding:3px 5px 4px;background:#cfc0aa;color:#fff !important;font-weight:normal;font-size:12px;line-height:1;font-family:Tahoma,Dotum,'돋움',sans-serif;overflow:hidden;}
.ab_term_hd .ab_term_title {color:#231f20;}
.ab_term_bd {margin-top:-1px !important;padding:11px 20px 13px;border:1px solid #ebebeb;border-top:1px solid #737475;background:#f6f6f6;overflow:hidden;font-size:14px;line-height:20px;letter-spacing:-.9px;}
.ab_term_bd .ab_photo {max-width:538px;padding-top:5px !important;padding-bottom:5px !important;}
.ab_term_bd .ab_photo .caption {display:none;}
.ab_term_bd .photo_left {margin-right:15px !important;}
.ab_term_bd .photo_right {margin-left:15px !important;}
.ab_term_txt {color:#3c3e40 !important;font-size:14px !important;line-height:20px !important;}
.ab_term_txt a {color:#3577bc;}
.ab_term_off .ab_term_hd:before {background-position:0 0;}
.ab_term_off .ab_photo {display:none;}
.ab_term_off .ab_term_txt {max-height:40px;text-overflow:ellipsis;overflow:hidden;}
/*.ab_term_off .ab_term_txt {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}*/
.ab_term_on .ab_term_hd:before {background-position:0 -28px;}
.ab_term_on .ab_photo {display:block;}
.ab_term_on .ab_term_txt {height:auto;}
figure,.ab_vod {clear:both;position:relative;padding:/*27px 0 26px*/20px 0 10px 0; text-align:center;letter-spacing:0;}
figure,.ab_vod {zoom:1; margin:0;}
figure:after,.ab_vod:after {content:".";display:block;font-size:0;height:0px;line-height:0;clear:both;}
figure > img,.ab_vod .image {/*display:block;*/position:relative;} /*20170122_김단희-이미지 정렬처리로 누락*/
figure > img,.ab_vod .image img {/*width:100%;*/max-width:580px;vertical-align:top;} /*20170122_김단희-이미지 정렬처리로 누락*/
figure figcaption {margin-top:7px;color:#737475;font-size:12px;font-weight:normal;line-height:18px;font-family:Tahoma,Dotum,'돋움',sans-serif;letter-spacing:-0.02em;text-align:left;}
figure figcaption strong {display:block;font-weight:normal;text-align:center;}

#articleView .ab_sub_heading { clear:both;}
#articleView .ab_sub_heading .box_cont {clear: both;position: relative;margin-top: 17px;margin-bottom: 16px;padding-top: 12px; padding-bottom: 16px;border-top: 1px solid #444446;border-bottom: 1px solid #ebebeb;color: #3e3e40;font-size: 1.375em;line-height: 1.5;font-weight: bold;display:block;}


/*#articleView .ab_interview .box_cont {padding-left:83px;display:block;}*/
/*#articleView .ab_interview .box_cont .question {position:relative;padding-top:20px;font-size:1.063em;line-height:1.4;letter-spacing:-0.05em;color:#221815;font-weight:bold;}*/
#articleView .ab_interview {clear:both;margin-left:-31px;padding-bottom:3px;margin-left:0;}
#articleView .ab_interview .box_cont {ppadding:18px 0 18px;}

/*#articleView .ab_interview .box_cont .question:before {content:'';display:block;position:absolute;top:27px;left:-53px;width:38px;height:44px;background:url('../images/article/i_interview_q.png') 0 0 no-repeat;}*/
/*#articleView .ab_interview .box_cont .ask {margin-bottom:-3px;padding:7px 0 20px 0;font-size:1.063em;line-height:1.6;letter-spacing:-0.05em;color:#776446;}*/
#articleView .ab_subtitle {float:left;z-index:10;}
#articleView .ab_subtitle .box_cont {clear: both;float: left;margin: 27px 40px 27px 0;padding-left:28px;border-left: 4px solid #3c3e40;    position: relative;top: -2px;padding-left: 24px;color: #3C3E40;font-weight: bold;font-size: 1.188em;letter-spacing: -0.07em;line-height: 28px;}


.ab_interview .box_cont .question {min-height:27px;padding-left:28px;font-size:15px;line-height:1.8;letter-spacing:-0.05em;}
.ab_interview .box_cont .ask {min-height:27px;padding-left:28px;font-size:15px;line-height:1.8;letter-spacing:-0.05em;}
.question {/*background:url('https://images.joins.com/ui_joongang/news/pc/article/i_interview_q2.png') 0 8px no-repeat;*/color:#221815;font-weight:bold;}
.ask {margin-bottom:14px;/*background:url('https://images.joins.com/ui_joongang/news/pc/article/i_interview_qna.png') 0 -31px no-repeat;*/color:#776446;}


#articleView .ab_quotation {clear:both;padding:19px 0 22px;}
#articleView .ab_quotation .box_cont {position:relative;margin-left:0px;padding:0 37px 0 40px;color:#221815;font-weight:bold;font-size:1.188em;letter-spacing:-0.07em;line-height:1.6;display:block;}
#articleView .ab_quotation .box_cont:before {content:'';display:block;position:absolute;top:-4px;left:0;width:30px;height:30px;background:url('../images/article/i_quote.png') 0 0 no-repeat;}

#articleView .ab_emphasis {clear:both;padding:40px 200px 40px 200px;position:relative;text-align:center;}
#articleView .ab_emphasis .editor_bar   {text-align:left;}
#articleView .ab_emphasis .box_cont{font-size:20px;font-weight:bold;line-height:28px;text-align:center;}
#articleView .ab_emphasis .box_cont:before  {content:'';display:block;position:absolute;left:0;top:0;width:40px;height:40px;background:#333 url('https://images.joins.com/ui_joongang/news/pc/star/k_ab_emphasis_lt.png') 0 0 no-repeat;}
#articleView .ab_emphasis .box_cont:after   {content:'';display:block;position:absolute;right:0;bottom:0;width:40px;height:40px;background:#333 url('https://images.joins.com/ui_joongang/news/pc/star/k_ab_emphasis_rt.png') 0 0 no-repeat;}

#articleView .ab_paragraph_start {clear:both;padding:10px 30px 10px 20px;position:relative;text-align:left;}
#articleView .ab_paragraph_start .editor_bar   {text-align:left;}
#articleView .ab_paragraph_end {clear:both;padding:10px 30px 10px 20px;position:relative;text-align:left;}
#articleView .ab_paragraph_end .editor_bar   {text-align:left;}
#articleView .ab_paragraph_start .box_cont{text-align:left;}
#articleView .ab_paragraph_end .box_cont{text-align:left;}
#articleView .ab_paragraph_start .box_cont:before  {content:'';display:block;position:absolute;left:0;top:0;width:20px;height:20px;background:#333 url('https://images.joins.com/ui_joongang/news/pc/star/k_ab_emphasis_lt.png') 0 0 no-repeat;}
#articleView .ab_paragraph_end .box_cont:after   {content:'';display:block;position:absolute;right:0;bottom:0;width:22px;height:22px;background:#333 url('https://images.joins.com/ui_joongang/news/pc/star/k_ab_emphasis_rt.png') 0 0 no-repeat;background-size:20px;}


#articleView .ab_paragraph_all {clear:both;padding:10px 30px 10px 20px;position:relative;text-align:left;}
#articleView .ab_paragraph_all .editor_bar   {text-align:left;}
#articleView .ab_paragraph_all .box_cont{text-align:left;}
#articleView .ab_paragraph_all .box_cont:before  {content:'';display:block;position:absolute;left:0;top:0;width:20px;height:20px;background:#333 url('https://images.joins.com/ui_joongang/news/pc/star/k_ab_emphasis_lt.png') 0 0 no-repeat;}
#articleView .ab_paragraph_all .box_cont:after   {content:'';display:block;position:absolute;right:0;bottom:0;width:22px;height:22px;background:#333 url('https://images.joins.com/ui_joongang/news/pc/star/k_ab_emphasis_rt.png') 0 0 no-repeat;background-size:20px;}


#loanwordDicLayer .sub_info_box {border:0;}
.ab_photo .caption {font-size:0.875em;line-height:1.6;}
.ab_related dt {font-size:1.063em !important;line-height:1.46;}
.ab_related dd {font-size:0.938em !important;line-height:1.46;}
.ab_jplus_notice {font-size:0.875em !important;line-height:1.46;}
.ab_jplus dt {font-size:1.188em;line-height:1.46;}
.ab_jplus dd {font-size:0.938em;line-height:1.46;}

/*
.pictogram_bar {position:absolute;width:124px;top:140px;left:-130px;border-right:1px solid #fdaf17;display:none;}
.pictogram_bar input {float:left;margin-right:1px;margin-bottom:1px;}
*/

.particle_component01 {display:block;background:url('../images/new_design/bg_particle_component01.png') center center no-repeat;background-size:cover;height:40px;}
.particle_component02 {display:block;background:url('../images/new_design/bg_particle_component02.png') center center no-repeat;background-size:cover;height:40px;}
.particle_component03 {display:block;background:url('../images/new_design/bg_particle_component03.png') center center no-repeat;background-size:cover;height:40px;}
.particle_component04 {display:block;background:url('../images/new_design/bg_particle_component04.png') center center no-repeat;background-size:cover;height:40px;}
.particle_component05 {display:block;background:url('../images/new_design/bg_particle_component05.png') center center no-repeat;background-size:cover;height:40px;}
.particle_component06 {display:block;background:url('../images/new_design/bg_particle_component06.png') center center no-repeat;background-size:cover;height:40px;}
.particle_component07 {display:block;background:url('../images/new_design/bg_particle_component07.png') center center no-repeat;background-size:cover;height:40px;}
.particle_component08 {display:block;background:url('../images/new_design/bg_particle_component08.png') center center no-repeat;background-size:cover;height:40px;}
.particle_component09 {display:block;background:url('../images/new_design/bg_particle_component09.png') center center no-repeat;background-size:cover;height:40px;}
.particle_component10 {display:block;background:url('../images/new_design/bg_particle_component10.png') center center no-repeat;background-size:cover;height:40px;}

.particle_img01 {display:block;background:url('../images/new_design/bg_particle_picture01.png') center center no-repeat;background-size:cover;height:40px;}
.particle_img02 {display:block;background:url('../images/new_design/bg_particle_picture02.png') center center no-repeat;background-size:cover;height:40px;}
.particle_img03 {display:block;background:url('../images/new_design/bg_particle_picture03.png') center center no-repeat;background-size:cover;height:40px;}
.particle_img04 {display:block;background:url('../images/new_design/bg_particle_picture04.png') center center no-repeat;background-size:cover;height:40px;}
.particle_img05 {display:block;background:url('../images/new_design/bg_particle_picture05.png') center center no-repeat;background-size:cover;height:40px;}

.particle_movie01 {display:block;background:url('../images/new_design/bg_particle_movie01.png') center center no-repeat;background-size:cover;height:40px;}
.particle_movie02 {display:block;background:url('../images/new_design/bg_particle_movie02.png') center center no-repeat;background-size:cover;height:40px;}
.particle_movie03 {display:block;background:url('../images/new_design/bg_particle_movie03.png') center center no-repeat;background-size:cover;height:40px;}
.particle_movie04 {display:block;background:url('../images/new_design/bg_particle_movie04.png') center center no-repeat;background-size:cover;height:40px;}
.particle_movie05 {display:block;background:url('../images/new_design/bg_particle_movie05.png') center center no-repeat;background-size:cover;height:40px;}
.particle_movie06 {display:block;background:url('../images/new_design/bg_particle_movie06.png') center center no-repeat;background-size:cover;height:40px;}

.particle_sns01 {display:block;background:url('../images/new_design/bg_particle_sns01.png') center center no-repeat;background-size:cover;height:40px;}
.particle_sns02 {display:block;background:url('../images/new_design/bg_particle_sns02.png') center center no-repeat;background-size:cover;height:40px;}
.particle_sns03 {display:block;background:url('../images/new_design/bg_particle_sns03.png') center center no-repeat;background-size:cover;height:40px;}
.particle_sns04 {display:block;background:url('../images/new_design/bg_particle_sns04.png') center center no-repeat;background-size:cover;height:40px;}

.particle_graphic01 {display:block;background:url('../images/new_design/bg_particle_graphic01.png') center center no-repeat;background-size:cover;height:40px;}
.particle_graphic02 {display:block;background:url('../images/new_design/bg_particle_graphic02.png') center center no-repeat;background-size:cover;height:40px;}

.particle_data01 {display:block;background:url('../images/new_design/bg_particle_data01.png') center center no-repeat;background-size:cover;height:40px;}
.particle_data02 {display:block;background:url('../images/new_design/bg_particle_data02.png') center center no-repeat;background-size:cover;height:40px;}
.particle_data03 {display:block;background:url('../images/new_design/bg_particle_data03.png') center center no-repeat;background-size:cover;height:40px;}
.particle_data04 {display:block;background:url('../images/new_design/bg_particle_data04.png') center center no-repeat;background-size:cover;height:40px;}
.particle_data05 {display:block;background:url('../images/new_design/bg_particle_data05.png') center center no-repeat;background-size:cover;height:40px;}
.particle_data06 {display:block;background:url('../images/new_design/bg_particle_data06.png') center center no-repeat;background-size:cover;height:40px;}
.particle_data07 {display:block;background:url('../images/new_design/bg_particle_data07.png') center center no-repeat;background-size:cover;height:40px;}
.particle_data08 {display:block;background:url('../images/new_design/bg_particle_data08.png') center center no-repeat;background-size:cover;height:40px;}
.particle_data09 {display:block;background:url('../images/new_design/bg_particle_data09.png') center center no-repeat;background-size:cover;height:40px;}

.particle_audio01 {display:block;background:url('../images/new_design/bg_particle_audio01.png') center center no-repeat;background-size:cover;height:40px;}
.particle_audio02 {display:block;background:url('../images/new_design/bg_particle_audio02.png') center center no-repeat;background-size:cover;height:40px;}

/*######### add ######### */
.article_area {padding-top:20px; }

.editor_body { box-sizing: border-box; position:relative; float:left; width:610px; margin:10px 78px 10px 0; }

.j_editor_wrap {position:absolute; top:33px; left:-100px; width:80px; padding-top:10px; border:1px solid #d6d6d6; }
.j_editor_wrap .editor_cnt_wrap {}
.j_editor_wrap .editor_cnt_wrap .editor_cnt { color:#888; font-family:Dotum,'돋움'; font-size:12px; line-height:22px;}
.j_editor_wrap .editor_cnt_wrap .editor_cnt span { display:block; text-align:center;}
.j_editor_wrap .editor_cnt_wrap .editor_cnt .num { margin-bottom:3px; font-weight:bold;}
.j_editor_wrap .fontsize a { display:block; border-top:1px solid #d6d6d6;}
.j_editor_wrap.fixed { position:fixed; top:91px; left:50%; margin-left:-661px;}


/*.editor_body .editor_cnt {background:url('../images/common/bg_editor.png') right top no-repeat ; background-size: 13px 100%; margin-bottom:45px; }
.editor_body .editor_cnt span {display:block; color:#828282; text-align:right; }
.editor_body .editor_cnt .label {font-size:14px; }
.editor_body .editor_cnt .num {padding-right:10px; font-size:25px; }*/


.editor_body .fontsize {text-align:right; }

.editor_body .control_area {position:relative; padding-bottom:20px; margin-right:40px; border-bottom:1px solid #dedede; }
.editor_body .control_area.bottom {padding-top:20px; margin-bottom:20px; border-bottom:0; }
.editor_body .control_area.inner_box {border-bottom:0; }
.editor_body .control_area a {
  display: inline-block;
  height:28px;
  padding:0 8px;
  color:#444;
  font-size:13px;
  line-height: 26px;
  border:1px solid #d6d6d6;
}
.editor_body .control_area a:hover {color:#000; }
.editor_body .control_area a.on {position:absolute; right:0; top:0px; background: url(../images/contents/bg_save.png) no-repeat 10px center; padding-left:27px; font-weight:600; }
.editor_body .control_area.bottom a.on {top:20px; }

.article_view {
  position:relative;
  /*min-width: 580px;*/
  width:597px;
  height: calc(100vh - 100px);
  overflow-y:auto;
  overflow-x:hidden;
  margin-top:28px;
  padding:50px 0 170px 0;
  font-family:'굴림','gulim' !important;
}
.article_view img {max-width:100%; }

.box .editor_bar {display:none;}
.box:hover .editor_bar {display:block;}
.editor_body .box {position:relative; border:1px solid #fff; margin-bottom:0; }
.editor_body .box:hover {border:1px solid #e4e4e4 !important; /*20170114_김단희-index관련 추가*/ z-index: 99; background: #fff;}

#articleView .editor_bar {position:absolute; width:579px; height: 50px; top:-51px; left:0; }

.editor_bar {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height:50px;
  border-top:2px solid #828282 !important;
  background-color: #fff;
  box-sizing: border-box;
  padding: 6px;
}
.editor_bar button {
  font-size: 0px;
  display: inline-block;
  vertical-align: middle;
  border:0;
}

.editor_bar_tools {position: absolute;
  top: 6px;
  right: 6px;}

.editor_bar > button, .editor_bar_tools > button {background:#fff url(../images/new_design/edit_btns.png?20190920) no-repeat 0 0 ; width: 38px; height: 38px; }
.editor_bar > button {border:1px solid #e4e4e4; margin-right:5px; }
.editor_bar > button.btn-editor-default { min-width:50px; height:28px; margin-top:4px; padding:0 11px; border:1px solid #d6d6d6; background:#fff; color:#444; font-family: 'Malgun Gothic', '맑은고딕', dotum, Arial, AppleSDGothic; font-size:13px; font-weight: normal; line-height:26px; text-align:center; cursor:pointer;}
.editor_bar > button.btn-editor-default:hover { border:1px solid #e29908; background:#ffd86b;}

.editor_bar .btn_quote {background-position: 0 0; }
.editor_bar .btn_interview {background-position: -39px 0; }
.editor_bar .btn_line {background-position: -77px 0;}
.editor_bar .btn_vbar {background-position: -116px 0;}
.editor_bar .btn_imgbox {background-position: -153px 0}
.editor_bar .btn_box {background-position: -192px 0;}
.editor_bar .btn_textcolor {background-position: 0 0; }

.editor_bar .btn_quote:hover {background-position: 0 -38px; }

.editor_bar .btn_interview:hover {    background:  url('/resources/images/article/icon_q_sel.jpg') no-repeat 0 0 !important;   }
.editor_bar .btn_interview_ansr:hover {   background:  url('/resources/images/article/icon_a_sel.jpg') no-repeat 0 0 !important; }
.editor_bar .btn_interview.on:hover {    background:  url('/resources/images/article/icon_q_sel.jpg') no-repeat 0 0 !important;   }
.editor_bar .btn_interview_ansr.on:hover {   background:  url('/resources/images/article/icon_a_sel.jpg') no-repeat 0 0 !important; }
.editor_bar .btn_line:hover {background-position: -77px -38px;}
.editor_bar .btn_vbar:hover {background-position: -116px -38px;}
.editor_bar .btn_imgbox:hover {background-position: -153px -38px}
.editor_bar .btn_box:hover {background-position: -192px -38px;}
.editor_bar .btn_textcolor:hover {background-position: 0 -38px;}



.editor_bar .btn_interview {    background:  url('/resources/images/article/icon_q_nor.jpg') no-repeat 0 0;   }
.editor_bar .btn_interview_ansr {   background:  url('/resources/images/article/icon_a_nor.jpg') no-repeat 0 0; }

.editor_bar .btn_quote.on {background-position: 0 -38px; }
.editor_bar .btn_interview.on {    background:  url('/resources/images/article/icon_q_sel.jpg') no-repeat 0 0;   }
.editor_bar .btn_interview_ansr.on {   background:  url('/resources/images/article/icon_a_sel.jpg') no-repeat 0 0; }
.editor_bar .btn_line.on {background-position: -77px -38px;}
.editor_bar .btn_vbar.on {background-position: -116px -38px;}
.editor_bar .btn_imgbox.on {background-position: -153px -38px}
.editor_bar .btn_box.on {background-position: -192px -38px;}
.editor_bar .btn_textcolor.on {background-position: 0 -38px;}


.editor_bar .btn_image,
.editor_bar .btn_image_left,
.editor_bar .btn_image_right,
.editor_bar .btn_link,
.editor_bar .btn_image_editor,
.editor_bar .btn_expand,
.editor_bar .btn_bulk {width: 24px !important; height: 24px !important; border:0 !important; margin-top:6px; }
.editor_bar .btn_bigwide {width: 24px !important; height: 24px !important; border:0 !important; margin-top:6px; }
.editor_bar .btn_scroll {width: 24px !important; height: 24px !important; border:0 !important; margin-top:6px; }
.editor_bar .btn_watermark,
.editor_bar .btn_thumbnail {width: 24px !important; height: 24px !important; border:0 !important; margin-top:6px; }

.editor_bar .btn_image {background-position: -312px -8px;}
.editor_bar .btn_image_left {background-position: -350px -8px;}
.editor_bar .btn_image_right {background-position: -388px -8px;}
.editor_bar .btn_link {background-position: -426px -8px;}
.editor_bar .btn_image_editor {background-position: -463px -7px;}
.editor_bar .btn_expand { margin-top:3px; background-position:-576px -7px;}
.editor_bar .btn_bulk { margin-top:3px; margin-left:8px; background-position: -775px -7px;}
.editor_bar .btn_bigwide { margin-top:3px; margin-left:8px; background-position: -653px -7px;}
.editor_bar .btn_scroll { margin-top:3px; margin-left:8px; background-position: -614px -7px;}
.editor_bar .btn_thumbnail { margin-top:3px; margin-left:8px; background-position: -692px -7px;}
.editor_bar .btn_watermark { margin-top:3px; margin-left:8px; background-position: -733px -7px;}
.editor_bar .btn_none { display: none;}

.editor_bar .btn_image:hover,
.editor_bar .btn_image_left:hover,
.editor_bar .btn_image_right:hover,
.editor_bar .btn_link:hover,
.editor_bar .btn_image_editor:hover{
  background-color:#ffd86b !important;
  border:1px solid #e29908 !important;
  border-radius:2px;
}

.editor_bar .btn_expand.on,
.editor_bar .btn_expand:hover{ background-position-y: -45px; background-color: #fff !important; border: none !important;}

.editor_bar .btn_bulk.on,
.editor_bar .btn_bulk:hover{ background-position-y: -45px; background-color: #fff !important; border: none !important;}

.editor_bar .btn_bigwide.on,
.editor_bar .btn_bigwide:hover{ background-position-y: -45px; background-color: #fff !important; border: none !important;}

.editor_bar .btn_scroll.on,
.editor_bar .btn_scroll:hover{ background-position-y: -45px; background-color: #fff !important; border: none !important;}

.editor_bar .btn_thumbnail.on,
.editor_bar .btn_thumbnail:hover{ background-position-y: -45px; background-color: #fff !important; border: none !important;}

.editor_bar .btn_watermark.on,
.editor_bar .btn_watermark:hover{ background-position-y: -45px; background-color: #fff !important; border: none !important;}

.editor_bar .btn_image.on,
.editor_bar .btn_image_left.on,
.editor_bar .btn_image_right.on,
.editor_bar .btn_link.on,
.editor_bar .btn_image_editor.on {
  background-color:#ffd86b !important;
  border:1px solid #e29908 !important;
  border-radius:2px;
}

.editor_bar_tools .btn_move {background-position: -229px 0; }
.editor_bar_tools .btn_del {background-position: -268px 0; }
.editor_bar_tools .btn_move:hover {background-position: -229px -38px; }
.editor_bar_tools .btn_del:hover {background-position: -268px -38px; }

.editor_bar .btn_bold {background-position: -39px 0;}
.editor_bar .btn_italic {background-position: -39px 0;}
.editor_bar .btn_underline {background-position: -39px 0;}
.editor_bar .btn_left {background-position: -39px 0;}
.editor_bar .btn_center {background-position: -39px 0;}
.editor_bar .btn_right {background-position: -39px 0;}

.editor_bar .btn_bg {background-position: -39px 0;}

.editor_bar select {height:28px; font-size:11px; vertical-align: middle; margin-top:4px; margin-right:5px; }
.editor_bar .btn_caption {background:#fff; border:1px solid #bfbebe; width:40px; height:20px; line-height:12px; box-sizing: border-box; font-size:12px; color:#444; }

.editor_bar .ml20 { margin-left:20px;}
.editor_bar span.ovp-font,
.editor_bar input[type="checkbox"] + label.ovp-font {margin-top:8px; font-size:11px !important; color:#71747b;}
.editor_bar input[type="checkbox"] + label.ovp-font{padding-right:6px;}
.editor_bar span.ovp-font { vertical-align:-5px;}
.editor_bar span.ovp-font + select { margin:0 12px 0 10px; vertical-align:-5px;}
#articleView .editor_bar span.ovp-font + select { margin:0 5px; vertical-align:-5px;}


.sub_info_box {padding:14px; border:1px solid #d6d6d6; margin-bottom:20px; margin-right:30px; }
.sub_info_box .item {margin-bottom:10px; }
.sub_info_box .item > strong {display:inline-block; width:62px; font-size:14px; color:#231f20; line-height:36px;}
.sub_info_box .item > .input_area {display:inline-block; width:366px; padding:4px; border:1px solid #eaeaea; vertical-align:top; }
.sub_info_box .btn_gray {display:inline-block; width:110px; height:36px; line-height:34px; border:1px solid #d6d6d6; font-size:13px !important; color:#444; text-align:center; vertical-align:top; }

.dropdown button {padding:5px 30px 5px 10px; min-width:166px; width:auto !important; }
.dropdown button i {top:8px !important; right:8px !important; }
.text_list li {display:inline-block; }

#articleView div[name=particleTableTemplate] table td { word-break:break-all; padding:6px; /* font-size:18px !important; */ vertical-align:top;}



/* 20170209 fonsize 추가*/
.font10{font-size: 10%}
.font20{font-size: 10%}
.font30{font-size: 30%}
.font40{font-size: 40%}
.font50{font-size: 50%}
.font60{font-size: 60%}
.font70{font-size: 70%}
.font80{font-size: 80%}
.font90{font-size: 90%}
.fontDefault{font-size: 100%}
.font110{font-size: 110%}
.font120{font-size: 120%}
.font130{font-size: 130%}
.font140{font-size: 140%}
.font150{font-size: 150%}
.font160{font-size: 160%}
.font170{font-size: 170%}
.font180{font-size: 180%}
.font190{font-size: 190%}
.font200{font-size: 200%}
.font210{font-size: 210%}
.font220{font-size: 220%}
.font230{font-size: 230%}
.font240{font-size: 240%}
.font250{font-size: 250%}
.font260{font-size: 260%}
.font270{font-size: 270%}
.font280{font-size: 280%}
.font290{font-size: 290%}
.font300{font-size: 300%}
#editor p {font-size: inherit}
#editor em {font-style:italic;}
#editorpopup .editor_title  {height:auto; padding:0; background:#f2f2f2; font-size:100% !important;}
#editorpopup .editor_title .editor_titlewrap { height:46px; padding-top:10px; border-bottom:1px solid #e4e4e4; text-align:center;}
/* 20170209 fonsize 추가*/


/* 추가 2023-04-13 lim.cheolho */
.module_qna.v2 .tt_q,
.tag_interview .tag_question {
    position: relative;
    margin-top: 10px;
    color: #221815;
    background: none;
    font-weight: bold;
    min-height: 18px;
    padding: 0 0 0 28px;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: -0.05em;
}
.module_qna.v2 .tt_q:after,
.tag_interview .tag_question:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 18px;
  height: 20px;
  background: url(https://images.joins.com/ui_joongang/news/pc/article/i_interview_qna.png)  no-repeat 50% 0 / 18px auto;
  transform: translate3d(0, -50%, 0);
}
.module_qna.v2 .tt_a,
.tag_interview .tag_answer {
    position: relative;
    margin-top: 10px;
    margin-bottom: 14px;
    background: none;
    color: #776446;
    min-height: 18px;
    padding: 0 0 0 28px;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: -0.05em;
}
.module_qna.v2 .tt_a:after,
.tag_interview .tag_answer:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 18px;
  height: 20px;
  background: url(https://images.joins.com/ui_joongang/news/pc/article/i_interview_qna.png)  no-repeat 50% 100% / 18px auto;
  transform: translate3d(0, -50%, 0);
}
@media screen and (max-width: 511px) {
  .module_blockquote.v2 .module_qna .tt_q,
  .tag_interview .tag_question {
    margin-top: 19px;
  }
  .module_blockquote.v2 .module_qna .tt_a,
  .tag_interview .tag_answer {
    margin-top: 19px;
    margin-bottom: 22px;
  }
}

/* //CSS */