/****************** style *********************/
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700&subset=korean');
/*********** list page ***********/
.sol_media_board_area {max-width:1200px;}
@media screen and (max-width:1200px) {
.sol_media_board_area {max-width:100%;}
}
.media_board_area {float:none; clear:both; width:100%; margin: 0 auto; padding-bottom: 50px; font-family: "Nanum Gothic", "맑은 고딕", Malgun Gothic; text-align:left;}
/*.media_board_area * {float:none;}*/
.media_board_area .pc_area {display: block;}
.media_board_area .mobi_area {display: none;}
.media_board_area_tbl {margin:0 auto;}
/* ul,li:float fix (오래된 교회들 css 충돌)*/
section.media_board_area ul, section.media_board_area li {float:none;}
/*** 미디어보드 상단 ***/
.media_board_header {position: relative; width:100%;}
.media_board_tit {display:block;}
.media_board_tit .link {display:block; height:80px; color:#333; line-height:90px; font-size:30px; font-weight:600;}
.media_board_config {margin-bottom:10px; font-size:13px; text-align: right;}
.media_board_config > td {padding:5px 0;}
.media_board_config .media_board_btn_config {font-size:13px;}
.media_board_config .c_red {color: red;}
.media_board_config .c_green {color: #006400;}
.media_board_config .c_blue {color: #0064CD;}
/* 미디어보드 카테고리 */
.media_board_cate_list {margin-bottom: 30px; margin-top: 10px;}
/* 카테고리 A형 */
.cate_type_a {font-size: 0;}
.cate_type_a > .tab {float:none; display: inline-block; width:16.66%; font-size: 15px; background-color: #f4f4f4; box-sizing: border-box; text-align: center; border-left: 1px solid #dedede; border-bottom: 1px solid #dedede; border-top:1px solid #dedede;}
.cate_type_a > .tab.tab_last {border-right: 1px solid #dedede;}
.cate_type_a > .tab:last-of-type {border-right: 1px solid #dedede;}
.cate_type_a > .tab .link {display: block; padding: 12px 0; text-align:center;}
.cate_type_a > .tab .link:hover {color: #fff; background-color: #333333;}
.cate_type_a > .tab .link.active {color: #fff; background-color: #333333;}
/* 카테고리 B형 */
.cate_type_b {padding: 6px; font-size: 0; border: 1px solid #dedede; background-color: #f4f4f4; box-sizing: border-box; text-align: center;}
.cate_type_b.left {text-align:left;}
.cate_type_b.right {text-align:right;}
.cate_type_b > .tab {float:none; position: relative; display: inline-block; padding: 0 15px; font-size: 14px; line-height: 1.8;}
.cate_type_b > .tab:before {content: ""; display: block; position: absolute; top: 6px; right: 0; width: 1px; height: 15px; background-color: #666;}
.cate_type_b > .tab:last-of-type:before {display: none;}
.cate_type_b > .tab .link {display: block; color: #333;}
.cate_type_b > .tab .link:hover {font-weight: bold; color: #ea881e;}
.cate_type_b > .tab .link.active {font-weight: bold; color: #333;}
/* 카테고리 모바일 */
.cate_type_mobi {display: block; width: 200px; margin-left: auto; margin-right: 0; margin-bottom: 0px; padding: 10px; font-size: 14px; border: 1px solid #ccc; border-radius: 3px;}
/* 검색어 입력 */
.media_board_srch {position: absolute; top: 15px; right: 0; width: auto; padding: 0px; margin: 0 auto 10px; box-sizing: border-box; border-radius: 50px; text-align:right; font-size:13px;}
.media_board_srch.top8 {top:8px;}
.media_board_srch.static {position:static;}
.media_board_srch_txt {width: 50%; height: auto; margin-left:3px; padding:5px 10px; border: 1px solid #ccc;; font-size: 13px; background:#fff;}
.media_board_srch.static .media_board_srch_txt {width: 20%;}
.media_board_btn_srch {display: inline-block; padding:5px; border:1px solid #ccc; vertical-align:middle; border-top-right-radius:3px; border-bottom-right-radius:3px; cursor:pointer; background: #fff;}
.media_board_btn_srch:hover {background-color:#666; color:#fff;}
.srch_icon {color: #666; font-size:15px;}
.media_board_btn_srch:hover .srch_icon {color:#fff;}
.media_board_srch_slct {padding:3px 5px 5px; border:1px solid #ccc; color:#666; box-sizing:border-box; vertical-align:middle; border-top-left-radius:3px; border-bottom-left-radius:3px;}
/*** 미디어보드 컨텐츠 ***/
.media_board_cont {}
/* 미디어보드 타입 : 기본형 */
.media_board_list_type_area {width: 100%; margin-bottom: 25px; text-align: center;}
.media_board_list_tbl {width: 100%; table-layout:fixed;}
.media_board_list_tbl tr:hover {background-color: #efefef;}
.media_board_list_tbl thead th {padding: 14px 0; background-color: #333; color: #fff; font-size: 13px;}
.media_board_list_tbl thead th.num {width: 60px;}
.media_board_list_tbl thead th.sbj {}
.media_board_list_tbl thead th.word {width: 110px;}
.media_board_list_tbl thead th.name {width: 120px;}
.media_board_list_tbl thead th.date {width: 100px;}
.media_board_list_tbl thead th.count {width: 60px;}
.media_board_list_tbl tbody td {padding: 14px 0; color: #666; font-size: 13px; border-bottom: 1px solid #ccc; text-align: center;}
.media_board_list_tbl tbody td:nth-of-type(2) {padding-left: 10px; color: #333; font-weight: bold; text-align: left;}
.media_board_list_tbl tbody td.num {width: 60px;}
.media_board_list_tbl tbody td.sbj {}
.media_board_list_tbl tbody td.word {width: 110px;}
.media_board_list_tbl tbody td.name {width: 120px;}
.media_board_list_tbl tbody td.date {width: 100px;}
.media_board_list_tbl tbody td.count {width: 60px;}
.media_board_list_tbl tbody td > i {padding-right: 3px; color: #ccc}
.media_board_list_sbj {overflow:hidden; display:inline-block; width:90%;/*width:auto; max-width: 90%;*/ /*white-space:nowrap;*/ text-overflow:ellipsis; color: #333; line-height:1.5; vertical-align:middle; letter-spacing:-1px;}
.media_board_list_chk {width: 15px; height: 15px; vertical-align: middle;}
.media_board_list_cate {margin-right: 5px; color: #ea881e;}
.icon_noti {display:inline-block; padding-right:5px; vertical-align:middle;}
/* 미디어보드 타입 : 대표형 2 */
.media_board_list_type_area.type02 {padding: 20px 25px; background-color:#fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.3);}
.media_board_list_type_area.type02 .media_board_list_tbl {}
.media_board_list_type_area.type02 .media_board_list_tbl thead th {position:relative; padding:15px; background-color:transparent; color:#111; border-bottom:1px solid #aaaaaa; font-size:14px;}
.media_board_list_type_area.type02 .media_board_list_tbl thead th:before {content:''; position:absolute; top:50%; right:0; height:15px; width:1px; background-color:#aaaaaa; transform:translateY(-50%);}
.media_board_list_type_area.type02 .media_board_list_tbl thead th:last-of-type:before {display:none;}
.media_board_list_type_area.type02 .media_board_list_tbl thead tr:hover {background-color:transparent;}
.media_board_list_type_area.type02 .media_board_list_tbl tbody tr:hover {background-color:#f2f9f9;}
.media_board_list_type_area.type02 .media_board_list_sbj {color:#666;}
/* 미디어보드 타입 : 앨범형 */
.media_abm_list {width: 100%; margin-top: 10px; font-size: 0;}
.media_abm_list.right {text-align: right;}
.media_abm_list_item {display: inline-block; width: calc((100% - 40px) / 5); margin-right: 10px; margin-bottom: 40px; box-sizing: border-box; font-size: 14px; vertical-align: top;}
.media_abm_list_item:nth-of-type(5n) {margin-right: 0;}
.media_abm_img_area {overflow: hidden; position: relative; display: block; width: 100%; height: 0; padding-top: 56.25%;}
.media_abm_img_area .thumbnail {overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.media_abm_img_area .centered {position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: translate(50%,0%);}
.media_abm_img {display: block; position: absolute; top: 0; left: 0; transform: translate(-50%,0%); width: auto; height: 100%;}
.media_abm_img_area .thumbnail.youtube .centered {transform: translate(50%,50%);}
.thumbnail.youtube .media_abm_img {transform: translate(-50%,-50%);}
.media_abm_img.portrait {width: 100%; height: auto;}
.media_abm_icon_play_area {position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; z-index:999;}
.media_abm_icon_play_efct {opacity: 0; transition: opacity 0.3s;}
.media_abm_icon_play {position: absolute; top: 50%; left: 50%; width: 53px; height: 53px; margin-left: -26.5px; margin-top: -26.5px; z-index: 999;}
.media_abm_img_area:hover .media_abm_icon_play_efct {opacity: 1;}
.media_abm_info {padding-top: 20px; text-align:left;}
.media_abm_item_chk {display: inline-block; width: 15px; height: 15px; vertical-align: middle;}
.media_abm_cate {font-size: 14px; font-weight: bold; color: #ea881e;}
.media_abm_sbj {font-size: 15px; font-weight: bold; color: #333; line-height: 1.4;}
.media_abm_chpt {font-size: 12px; color: #666; line-height: 2;}
.media_abm_info_btm {padding: 12px 0; color: #666; font-size: 0px; line-height:1.3;}
.media_abm_info_btm .btm_info {position: relative; display: inline-block; padding: 0 8px; font-size: 12px;}
.media_abm_info_btm .btm_info:first-of-type {padding-left: 0;}
.media_abm_info_btm .btm_info:before {content: ''; position: absolute; top: 2px; right: 0; display: block; width: 1px; height: 10px; border-right: 1px solid #aaa;}
.media_abm_info_btm .btm_info:last-of-type:before {display: none;}
.media_abm_view {color: #117cc1;}
@media screen and (max-width:1020px) {
.media_abm_list_item {width: calc((100% - 30px) / 4);}
.media_abm_list_item:nth-of-type(5n) {margin-right: 10px;}
.media_abm_list_item:nth-of-type(4n) {margin-right: 0px;}
}
@media screen and (max-width:768px) {
.media_abm_list_item {width: calc((100% - 20px) / 3);}
.media_abm_list_item:nth-of-type(4n) {margin-right: 10px;}
.media_abm_list_item:nth-of-type(3n) {margin-right: 0px;}
.media_abm_cate {font-size: 13px;}
.media_abm_sbj {font-size: 13px;}
.media_abm_info_btm .btm_info {padding: 0 5px;}
.media_abm_item_chk.m_none {display: none;}
.media_board_list_sbj {width:100%;}
}
@media screen and (max-width:600px) {
.media_abm_list_item {width: calc((100% - 3px) / 2); margin-right: 3px;}
.media_abm_list_item:nth-of-type(5n) {margin-right: 3px;}
.media_abm_list_item:nth-of-type(3n) {margin-right: 3px;}
.media_abm_list_item:nth-of-type(2n) {margin-right: 0px;}
}
@media screen and (max-width:380px) {
.media_abm_list_item {width: 100%; margin-right: 0;}
.media_abm_info_btm .btm_info {display:block; padding:0;}
.media_abm_info_btm .btm_info:before {display:none;}
}
/* 앨범형2 */
.media_abm_list_item.type02 {width: calc(33.333% - 8px); margin:0 4px;}
.media_abm_list_item.type02 .media_abm_img_area {padding-top:100%;}
.media_abm_list_item.type02 .media_abm_thumb_sbj {position: absolute; top: 50%; left: 0; transform: translate(-50%,-50%); width: 100%; padding: 0 1em; color:#fff; text-align:center; word-break:keep-all; line-height:1.4; font-size:26px; font-weight:600; text-shadow:1px 1px 3px rgba(0,0,0,0.7);}
.media_abm_list_item.type02 .media_abm_info {padding-top:10px; padding-bottom:20px;}
.media_abm_list_item.type02 .media_abm_info_btm {padding-top:5px; padding-bottom:5px;}
.media_read_video_area.abm_type02 {height:430px; width:430px;}
.media_read_video_area.abm_type02 .media_read_video_cover_sbj {position: absolute; top: 50%; left: 0; transform: translate(-50%,-50%); width: 100%; padding: 0 1em; color:#fff; text-align:center; word-break:keep-all; line-height:1.4; font-size:26px; font-weight:600; text-shadow:1px 1px 3px rgba(0,0,0,0.7);}
.media_read_info.abm_type02 {width:calc(100% - 430px);}
.media_list_btm_area.abm_type02 .media_abm_img_area {padding-top:100%;}
.media_list_btm_area.abm_type02 .media_abm_img_sbj {position: absolute; top: 50%; left: 0; transform: translate(-50%,-50%); width: 100%; padding: 0 1em; color:#fff; text-align:center; word-break:keep-all; line-height:1.4; font-size:15px; font-weight:600; text-shadow:1px 1px 3px rgba(0,0,0,0.7);}
@media screen and (max-width:768px) {
.media_abm_list_item.type02 {width: calc(50% - 4px); margin:0 2px;}
.media_abm_list_item.type02 .media_abm_thumb_sbj {font-size:25px;}
.media_abm_list_item.type02 .media_abm_sbj {font-size:20px;}
.media_abm_list_item.type02 .media_abm_chpt {font-size:15px;}
.media_abm_list_item.type02 .media_abm_info_btm .btm_info {font-size:15px;}
.media_board_read_cont .media_read_video_area.abm_type02 {padding-bottom:100%;}
}
@media screen and (max-width:500px) {
.media_abm_list_item.type02 {width: 100%; margin:0 0px;}
.media_abm_list_item.type02 .media_abm_thumb_sbj {font-size:30px;}
}
/*** 미디어보드 하단 ***/
.media_board_bottom {}
/* 미디어보드 하단 버튼 */
.media_board_btn_area {margin:20px 0; font-size:0;}
.media_board_btn {float:none; display:inline-block; margin-right: 3px; padding: 5px 10px; background-color: #fff; border: 1px solid #ccc; font-size: 12px; color: #444; cursor: pointer;}
.media_board_btn:hover {color: #fff; background-color: #333;}
.media_board_btn > i {margin-left: 3px;}
.media_board_btn.btn_write {float: right;}
.media_board_btn.bg_blue {background-color: #4374D9;}
.media_board_btn.fnt_white {color: #fff;}
/* 미디어보드 페이지 네비게이션 */
.media_board_page_navi {font-size: 0; text-align: center;}
.media_board_page_navi > li {float:none; overflow: hidden; display: inline-block; width: 30px; height: 30px; margin: 0 3px; border-radius: 100%; box-sizing: border-box; line-height: 30px;}
.media_board_page_navi .btn_page {display: inline-block; width: 100%; height: 100%; font-size: 13px; font-weight: bold; color: #333; vertical-align: middle; line-height:30px;}
.media_board_page_navi .btn_page.active {background-color:#ea881e; color:#fff;}
.media_board_page_navi .btn_page > i {display: inline-block; line-height: 30px;}
.media_board_page_navi .btn_page.page_txt_more {}
.media_board_page_navi > li:hover .btn_page {background-color:#ea881e; color:#fff;}
.media_board_page_navi > li:hover .btn_page.page_txt_more {background-color:transparent; color:#333;}
.media_board_page_navi.mobi {display:none;}
/* 미디어보드 전체 페이지 네비게이션 */
.media_board_page_navi_all {width:100%; padding-top:20px; font-size:0; box-sizing:border-box; text-align:center; color:#333;}
.navi_all_btn {display:inline-block; width:calc(8% - 6px); margin:0 3px; padding:10pt 0; background-color:#fafafa; border:1px solid #ddd; border-radius:4px; box-sizing:border-box; font-size:16px; color:#333; cursor:pointer;}
.navi_all_btn:hover {background-color:#fff;}
.navi_all_btn.btn_drct {width:calc(46% - 6px);}
.navi_all_btn.disabled {border:1px solid #eee; color:#ccc; cursor:auto;}
.navi_all_list {display:none; padding-top:3px; font-size:0; text-align:left;}
.navi_all_list > li {overflow:hidden; display:inline-block; width:calc(10% - 6px); margin:3px; background-color:#fafafa; border:1px solid #ddd; border-radius:4px; box-sizing:border-box; font-size:16px; text-align:center;}
.navi_all_list > li:hover {background-color:#ea881e; font-weight:bold; border:1px solid #ea881e;}
.navi_all_list > li:hover .all_list_btn {color:#fff;}
.all_list_btn {display:block; width:100%; padding:6pt 0; color:#333;}
.all_list_btn.active {background-color:#ea881e; font-weight:bold; color:#fff;}
@media screen and (max-width:1020px) {
.media_board_area .pc_area {display: none;}
.media_board_area .mobi_area {display: block;}
.media_board_area .mobi_area.icon_noti {display: inline-block; vertical-align: middle; font-size: 13px;}
.media_board_list_sec i.mobi_area {display:inline-block;}
.media_board_srch {top:20px;}
/* 미디어보드 타입 : 기본형 */
.media_board_list_tbl {width: auto; max-width:none; min-width:100%; table-layout:fixed;}
.media_board_list_tbl thead th:nth-of-type(1) {display: none;}
.media_board_list_tbl tbody td > i.mobi_area {display: inline-block;}
.media_board_list_tbl tbody td > i.mobi_area.hide {display:none;}
.media_board_list_tbl tbody td:nth-of-type(1) {display: none;}
}
@media screen and (max-width:768px) {
.media_board_tit {text-align:center;}
.media_board_btn_area {margin: 10px 0 20px; text-align:center;}
.media_board_srch {position: static; width: 100%; padding:0px 0; text-align:center;}
.media_board_config {display: none;}
.media_board_btn.btn_write {float: none;}
.cate_type_mobi {width: 70%; margin: 0px auto;}
/* 미디어보드 타입 : 기본형 */
.media_board_list_tbl {display: block; width: 100%;}
.media_board_list_tbl thead {display: block; width: 100%;}
.media_board_list_tbl thead th {display: none; font-size:13px;}
.media_board_list_line {/*display: block;*/ display: flex; flex-wrap: wrap; width: 100%; padding: 0 10px; text-align:right; box-sizing: border-box;}
.media_board_list_line:last-of-type {border-bottom:1px solid #aaa;}
.media_board_list_tbl tbody {display: block; width: 100%;}
.media_board_list_tbl tbody td {display: block; width: 100%; border: 0;}
.media_board_list_tbl tbody td:nth-of-type(2) {width:100%; padding: 10px 10px 0px 10px; border-top: 1px solid #999; font-size: 14px; line-height: 1.5;}
.media_board_list_tbl tbody td:nth-of-type(3) {display: inline-block; width: auto; text-align: left; padding: 10px 2px; font-size: 12px;}
.media_board_list_tbl tbody td:nth-of-type(4) {display: inline-block; width: auto; text-align: left; padding: 10px 2px; font-size: 12px;}
.media_board_list_tbl tbody td:nth-of-type(5) {display: inline-block; width: auto; text-align: left; padding: 10px 2px; font-size: 12px;}
.media_board_list_tbl tbody td:nth-of-type(6) {display: inline-block; width: auto; text-align: left; padding: 10px 2px; font-size: 12px;}
/* 대표형 2 */
.media_board_list_type_area.type02 {padding:3px 0px;}
.media_board_list_type_area.type02 .media_board_list_tbl tbody td:nth-of-type(2) {border-top:1px solid #ccc;}
.media_board_list_type_area.type02 .media_board_list_tbl tbody tr:first-of-type td:nth-of-type(2) {border-top:0;}
/* 미디어보드 페이지 네비게이션 */
.media_board_page_navi {display:none;}
.media_board_page_navi.mobi {display:block;}
/* 미디어보드 전체 페이지 네비게이션 */
.navi_all_btn {width:calc(14% - 6px);}
.navi_all_btn.btn_drct {width:calc(43% - 6px);}
}
@media screen and (max-width:500px) {
/* 미디어보드 전체 페이지 네비게이션 */
.navi_all_btn {width:calc(20% - 6px); font-size:13px;}
.navi_all_btn.btn_drct {width:calc(40% - 6px);}
.navi_all_list > li {font-size:13px;}
}
/*********** list page end ***********/
/*********** read page ***********/
.media_board_read_cont {position: relative; width: 100%; padding: 20px 0; border-top: 1px solid #666;}
/* 영상 영역 */
.media_read_video_area {float: left; position: relative; width: 520px; height: 292px; margin-bottom: 30px; box-sizing: border-box;}
.media_read_video_area.hide {display:none;}
.media_read_video_cont {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.media_read_video_cover {overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; z-index: 99;}
.media_read_video_cover:hover .media_read_icon_play {transform: scale(1.2);}
.media_read_icon_play {position: absolute; top: 50%; left: 50%; width: 54px; height: 54px; margin-top: -27px; margin-left: -27px; transition: transform 0.3s; cursor:pointer; z-index: 99999;}
.media_read_video_cover .thumbnail {overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.media_read_video_cover .centered {position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: translate(50%,0%);}
.media_read_video_cover_img {display: block; position: absolute; top: 0; left: 0; transform: translate(-50%,0%); width: auto; height: 100%;}
.media_read_video_cover .thumbnail.youtube .centered {transform: translate(50%,50%);}
.media_read_video_cover .thumbnail.youtube .media_read_video_cover_img {transform: translate(-50%,-50%);}
.media_read_video_cover_img.portrait {width: 100%; height: auto;}
.media_read_video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9;}
.media_read_video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9;}
.media_read_video_ifr {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999;}
.media_read_video_cont > video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:#000; z-index: 9;}
.media_read_video_cont > audio {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9;}
.media_read_video_cont > iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:#000; z-index: 999;}
.media_read_video_cont > video.media_read_video_out_mp4 {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999;}
/* 영상 정보 */
.media_read_info {float: right; width: calc(100% - 520px); padding-left: 24px; padding-top: 10px; box-sizing: border-box;}
.media_read_info.w_100 {width:100%; padding:10px;}
.media_read_info_tit {margin-bottom: 10px; font-size: 23px; font-weight: 600; color: #333; line-height: 1.5; word-break:keep-all;}
.media_read_info_chpt {font-size: 20px; color: #76a4de;}
.media_read_info_txt {margin-top: 20px; margin-bottom: 40px; padding-top: 20px; border-top: 1px solid #ccc; font-size: 0px; color: #666; line-height: 1.4;}
.media_read_info_txt > span {position: relative; display: inline-block; font-size: 18px; padding: 0 15px; vertical-align:top;}
.media_read_info_txt > span:first-of-type {padding-left: 0;}
.media_read_info_txt > span:before {content: ''; position: absolute; top: 5px; right: 0; display: block; width: 1px; height: 18px; background-color: #666;}
.media_read_info_txt > span:last-of-type:before {display: none;}
.media_read_info_txt .view {color: #117cc1;}
/* 영상 버튼 */
.media_read_vod_btn_area {}
.media_read_vod_btn {overflow: hidden; display: inline-block; height: 26px; padding: 0; margin-bottom: 10px; border: 0; background-color: #526271; color: #fff; border-radius: 3px; text-align: center; font-size: 0px; cursor: pointer; vertical-align: top;}
.media_read_vod_btn_view {padding: 0; border: 0; background-color: transparent; color: #fff; cursor: pointer;}
.media_read_vod_btn .icon {padding-left: 5px; padding-top: 7px; font-size: 12px;}
.media_read_vod_btn img.icon {display: inline-block; width: 20px; height: 15px; margin: 5px 0 0 0; padding: 0 0 0 5px;}
.media_read_vod_btn.btn_ytube {background-color: #d03133;}
.media_read_vod_btn.btn_vimeo {background-color: #1ab7ea;}
.media_read_vod_btn.btn_audio {background-color: #7b79bb;}
.media_read_vod_btn.btn_etc {background-color: #e77e22;}
.media_read_vod_btn.btn_mp3 {background-color: #79aabb;}
.media_read_vod_btn.btn_kakao {background-color: #fddf01; color:#333;}
.media_read_vod_btn.btn_kakao .txt {color:#333;}
.media_read_vod_btn.btn_kakao .icon {color:#333;}
.media_read_vod_btn.btn_naver {background-color: #2db400;}
.media_read_vod_btn:hover {box-shadow: 1px 1px 1px rgba(0,0,0,0.5);}
.media_read_vod_btn_down {display: inline-block; height: 100%; padding: 5px 4px; background-color: rgba(0,0,0,0.2); vertical-align: top; font-size: 12px; border: 0; cursor: pointer;}
.media_read_vod_btn_down i {color: #fff;}
.media_read_vod_btn .txt {display: inline-block; height: 100%; padding: 5px; font-size: 12px; vertical-align: top; color:#fff;}
/* 내용 */
.media_read_cont {clear: both; padding: 20px; margin-bottom: 30px; background-color: #f4f4f4;; line-height: 1.7; font-size: 15px; color: #666;}
.media_read_cont img {max-width: 100%; height:auto !important;}
.media_read_cont iframe {max-width: 100%;}
.media_read_cont_btn_cls {margin-bottom: 20px; text-align: right; border-top: 1px solid #666;}
.media_read_cont_btn_cls > .btn {display: inline-block; padding: 5px; cursor: pointer; background-color: #888888; color: #fff; font-size: 13px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
/* 댓글 */
.media_read_cmnt {padding-bottom: 25px; font-size: 14px;}
/*
.cmnt_fst_rgstd {padding: 10px 0; border-top: 1px solid #ddd;}
.cmnt_fst_rgstd:last-of-type {border-bottom:1px solid #ddd;}
.cmnt_name {padding: 0 10px; font-weight: bold; color: #333;}
.cmnt_txt {padding: 0 10px; color: #666; line-height: 1.7;}
.cmnt_date {color: #bbb;}
.cmnt_btn_area {padding: 10px 70px 0; box-sizing: border-box;}
.cmnt_btn {padding: 2px 7px; margin-right: 3px; background-color: #fff; border: 1px solid #ccc; cursor: pointer;}
.cmnt_btn:hover {background-color: #f7f7f7;}
.cmnt_btn_reg {position: absolute; top: 10px; right: 10px;}
*/
.cmnt_fst_rgstd {padding: 10px 0; border-top: 1px solid #ddd;}
.cmnt_name {display:inline-block; width:120px; padding: 0 10px; font-size:14px; font-weight: bold; color: #333; line-height: 1.5; vertical-align:top;}
.cmnt_txt {display:inline-block; width:calc(100% - 200px); padding: 0 10px; font-size:14px; color: #666; line-height: 1.5; vertical-align:top; border-left:1px solid #ddd;}
.cmnt_date {display:block; width:100%; text-align:right; color: #ccc; font-size:12px; vertical-align:top;}
.cmnt_btn_area {padding: 10px 10px 0; box-sizing: border-box;}
.cmnt_btn {padding: 2px 7px; margin-right: 3px; background-color: #fff; border: 1px solid #ccc; cursor: pointer;}
.cmnt_btn:hover {background-color: #f7f7f7;}
.cmnt_btn_reg {position: absolute; top: 10px; right: 10px;}
.cmnt_scd_rgst {position: relative; padding: 10px 0; border-top: 1px solid #ddd; background-color: #f7f7f7;}
.cmnt_reply_line {display: inline-block; width: 10px; height: 10px; margin: 10px 28px 0 28px; border-left: 2px solid #999; border-bottom: 2px solid #999; vertical-align: top;}
/*.cmnt_cont {width: calc(100% - 140px); padding: 5px; height: 50px; vertical-align: top;}*/
.cmnt_cont {width: calc(100% - 280px); padding: 5px; height: 50px; vertical-align: top;}
.cmnt_scd_rgstd {padding: 10px 0; border-top: 1px solid #ddd;}
.cmnt_scd_rgstd .cmnt_btn_area {padding: 10px 0 0 140px;}
.cmnt_fst_rgst {position: relative; padding: 20px 0; border-top: 2px solid #eee;}
.cmnt_fst_rgst .cmnt_btn_reg {top: 40px;}
.cmnt_name_val {width: 80px; margin: 0 10px; vertical-align: top;}
.cmnt_fst_rgst .cmnt_cont {width: 75%;}
/* sns 버튼 */
.media_board_btn_sns {margin-bottom: 20px; text-align: center;}
.media_board_btn_sns .link {display: inline-block; margin: 0 2px; transition: transform 0.3s;}
.media_board_btn_sns .link.btn_sns_item {display:inline-block; vertical-align:middle; cursor: pointer;}
.media_board_btn_sns .link:hover {transform: rotate(15deg);}
/* 하단 리스트 */
.media_list_btm_area {position: relative;}
.media_list_btm_area .media_abm_list {width: calc(100% - 80px); margin: 0 auto;}
.media_list_btm_area .media_abm_list_item {width: calc((100% - 30px) / 4); margin-right: 10px; margin-bottom: 10px;}
.media_list_btm_area .media_abm_list_item:last-of-type {margin-right: 0;}
.media_list_btm_btn_prev {position: absolute; top: 27%; left: 7px; margin-top: -7px; font-size: 22px; color: #333; cursor: pointer;}
.media_list_btm_btn_next {position: absolute; top: 27%; right: 7px; margin-top: -7px; font-size: 22px; color: #333; cursor: pointer;}
/* 가로사이즈 작은 컨텐츠 class : mini */
.mini .media_read_info_tit {font-size: 18px;}
.mini .media_read_info_chpt {font-size: 16px;}
.mini .media_read_info_txt > span {font-size: 15px; padding: 0 10px;}
.mini .media_read_info_txt > span:before {height: 13px;}
.mini .media_read_video_area {width:420px; height:235.8px;}
.mini .media_read_info {width:calc(100% - 420px);}
.mini .media_read_info.w_100 {width:100%;}
@media screen and (max-width:1020px) {
.media_read_info_tit {font-size: 18px;}
.media_read_info_chpt {font-size: 16px;}
.media_read_info_txt > span {font-size: 15px; padding: 0 10px;}
.media_read_info_txt > span:before {height: 13px;}
}
@media screen and (max-width:768px) {
.media_board_read_cont {padding-top: 0;}
.media_board_read_cont .media_read_info {float: none; width: 100%; padding: 10px 10px 0px 10px; margin-bottom: 10px; border-bottom: 1px solid #cecece;}
.media_board_read_cont .media_read_video_area {float: none; width: 100%; height:0; padding-bottom: 54.05%;}
.media_board_read_cont .media_read_info_txt {margin-top: 10px; margin-bottom: 10px; padding-top: 0px; border: 0;}
.media_board_read_cont .media_read_info_chpt {font-size: 14px;}
.media_board_read_cont .media_read_info_txt > span {font-size: 14px;}
.media_board_read_cont .media_read_info_txt > span:before {height: 10px;}
.media_board_read_cont .media_read_cont {padding:5px; font-size: 14px;}
.media_list_btm_area .media_abm_list_item {width: calc((100% - 3px) / 2); margin-right: 3px;}
.media_list_btm_area .media_abm_list_item:nth-child(2n) {margin-right: 0;}
.media_list_btm_btn_prev, .media_list_btm_btn_next {top:50%;}
}
@media screen and (max-width:450px) {
.media_read_info_tit {font-size: 16px;}
.media_read_info_chpt {font-size: 13px;}
.media_read_info_txt > span {font-size: 13px;}
.media_read_cont {font-size: 13px;}
}
/*********** read page end ***********/
/*********** write page ***********/
.media_board_write_cont {width: 100%;}
.media_write_tbl_col:first-of-type {width: 15%;}
.media_write_tbl_col:last-of-type {width: 85%;}
.ipt_size_sngl {width: 200px;}
.ipt_size_dobl {width: 400px;}
.media_write_chk {width: 15px; height: 15px;}
.media_write_radio {}
.media_write_tbl .txt {margin-right: 10px; font-size: 13px;}
/* 쓰기 정보 */
.media_write_tbl_info {width: 100%; border-top: 1px solid #666; font-size: 13px;}
.media_write_tbl_info th {padding: 12px 0; background-color: #f4f4f4; border-bottom: 1px solid #cecece; color: #333; text-align: center; font-size: 14px;}
.media_write_tbl_info td {padding: 12px; border-bottom: 1px solid #cecece;}
.media_write_info_slct {padding: 5px; border: 1px solid #ccc; font-size: 13px;}
.media_write_info_ipt {padding: 5px; border: 1px solid #ccc; font-size: 13px;}
.media_write_info_btn_img {display: inline-block; margin-right: 10px; padding: 6px 20px; border: 1px solid #dcdcdc; border-radius: 6px; text-shadow: 0px 1px 0px #fff; font-size: 15px; font-weight: bold; color: #666; background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%); cursor: pointer; vertical-align: middle;}
.media_write_info_btn_img:hover {color: #999; background: linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);}
.media_write_info_btn_img_del {border: 1px solid #ccc; background-color: #fff; padding: 5px; font-size: 12px; cursor: pointer;}
.media_write_info_btn_img_del > i {padding-right: 4px;}
.media_write_info_img_list {padding: 10px 0; box-sizing: border-box;}
section.media_board_area .media_write_info_img_list > li {float: left; width: calc((100% - 30px) / 4); margin-right: 10px; margin-bottom: 10px; border-radius: 3px; cursor: pointer;}
section.media_board_area .media_write_info_img_list > li:nth-of-type(4n) {margin-right: 0;}
.media_write_info_img_list_area {position: relative; overflow: hidden; display: block; width: 100%; height: 0; padding-bottom: 68%;}
.media_write_info_img_list_area .icon_chk {display:none; position:absolute; top:8px; left:10px; font-size:30px; color:orange; text-shadow:1px 1px 1px rgba(0,0,0,0.9); z-index:999;}
.media_write_info_img_list_area .icon_chk.show {display:block;}
.media_write_info_img_list .thumbnail {overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 3px;}
.media_write_info_img_list > li.noimg .thumbnail {border:1px solid #ddd;}
.media_write_info_img_list .centered {position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: translate(50%, 50%);}
.media_write_info_img {display: block; position: absolute; top: 0; left: 0; transform: translate(-50%, -50%); width: auto; height: 100%;}
.media_write_info_img.portrait {width: 100%; height: auto;}
.media_write_info_img_list .txt {height:29px; padding: 5px 0; text-align: center; font-size: 13px;}
/* 영상 정보 */
.media_write_txt {padding-top: 30px; padding-bottom: 10px; font-size: 13px; color: #777;}
.media_write_tbl_video {width: 100%; margin-bottom: 10px; border-top: 1px solid #cecece; font-size: 13px;}
.media_write_tbl_video .media_write_tbl_col:nth-of-type(2) {width: 15%;}
.media_write_tbl_video .media_write_tbl_col:last-of-type {width: 70%;}
.media_write_tbl_video th {padding: 12px 5px; background-color: #f3f6fb; border: 1px solid #cecece; color: #333; text-align: center; font-size: 14px;}
.media_write_tbl_video th:first-of-type {border-left:0;}
.media_write_tbl_video td {padding: 12px; background-color: #fff; border: 1px solid #cecece; color: #333; text-align: left; line-height: 1.5;}
.media_write_tbl_video td:last-of-type {border-right:0;}
.media_write_tbl_video .txt {vertical-align: middle;}
.media_write_video_ipt {padding: 5px; border: 1px solid #ccc; font-size: 13px;}
.media_write_tbl .tag {width:95px; height:25px; border:0; border-radius:3px; line-height:25px; cursor:default; box-shadow:1px 1px 1px rgba(0,0,0,0.5);}
.media_write_tbl .tag.youtube {background-color:#d03133; color:#fff;}
.media_write_tbl .tag.vimeo {background-color:#1ab7ea; color:#fff;}
.media_write_tbl .tag.kakao {background-color:#fddf01; color:#333;}
.media_write_tbl .tag.naver {background-color:#2db400; color:#fff;}
.media_write_tbl .tag.etc_video {background-color:#e77e22; color:#fff;}
.media_write_tbl .tag.etc_audio {background-color:#F29661; color:#fff;}
.media_write_tbl .tag .icon {padding-right:3px;}
/* 에디터 영역 */
.media_write_editor {width: 100%; padding-bottom: 10px;}
/* 댓글 및 doc 저장 */
.media_wrtie_tbl_btm {width: 100%; border-bottom: 1px solid #666; font-size: 13px;}
.media_wrtie_tbl_btm th {padding: 12px 0; background-color: #f4f4f4; border-top: 1px solid #cecece; font-size: 14px; color: #333; text-align: center;}
.media_wrtie_tbl_btm td {padding: 12px; border-top: 1px solid #cecece; color: #333;}
.media_wrtie_tbl_btm .txt {vertical-align: middle;}
.media_board_btn_area.write {text-align: center;}
@media screen and (max-width:1020px) {
section.media_board_area .media_write_info_img_list > li {float: left; width: calc((100% - 20px) / 3); margin-right: 10px;}
section.media_board_area .media_write_info_img_list > li:nth-of-type(4n) {margin-right: 10px;}
section.media_board_area .media_write_info_img_list > li:nth-of-type(3n) {margin-right: 0px;}
}
@media screen and (max-width:768px) {
.media_write_tbl_col:first-of-type {width: 25%;}
.media_write_tbl_col:last-of-type {width: 75%;}
.media_write_tbl {font-size: 12px;}
.media_write_tbl th {font-size: 12px;}
.media_write_tbl td {line-height: 1.5;}
.media_write_tbl .txt {font-size: 12px;}
.ipt_size_sngl {width: 100%;}
.ipt_size_dobl {width: 100%;}
section.media_board_area .media_write_info_img_list > li {width: calc((100% - 3px) / 2); margin-right: 3px; margin-bottom: 3px;}
section.media_board_area .media_write_info_img_list > li:nth-of-type(4n) {margin-right: 3px;}
section.media_board_area .media_write_info_img_list > li:nth-of-type(3n) {margin-right: 3px;}
section.media_board_area .media_write_info_img_list > li:nth-of-type(2n) {margin-right: 0px;}
.media_write_info_btn_img {margin-bottom: 10px;}
.media_write_info_file {margin-bottom: 10px;}
}
@media screen and (max-width:360px) {
.media_write_tbl_col:first-of-type {width: 30%;}
.media_write_tbl_col:last-of-type {width: 70%;}
.media_write_info_file {width: 80%; word-break: break-all;}
}
/*********** write page end ***********/
.c_red {color:red; font-size:13px;}
/* sms */
/*sms layer*/
.sms_pop *{margin:0; padding:0;}
.sms_pop{position:fixed; background:#fff; width:250px; height:500px; right:8%; display:none; bottom:100px; z-index:999999; box-shadow: 0px 0px 7px #999;}
.sms_head{width:100%; display:block; margin:0;}
.sms_tit{margin:0 15px; border-bottom:1px #d3d3d3 solid; color:#000; font-size:16px; display:block; text-align:center; padding:10px 0;}
.close_btn{
position:absolute; top:0; right:-31.28px;
display:block;
border-top-right-radius:5px;
border-bottom-right-radius:5px;
padding:10px; background:#dddddd;
line-height:120%; color:#828282 !important;}
.sms_body{margin:5px 15px;}
.sms_user{overflow:hidden;}
.f_left{float:left;}
.f_right{float:right;}
.su_left{margin-top:1px; font-size:13px; font-family:'nanum Gothic',san-serif;}
.sms_ta{margin-top:10px; border-radius:5px; background:#f0f0f0; border:1px #d1d1d1 solid; box-sizing:border-box;}
.sms_ta02{margin-top:10px; border-radius:5px; background:#ffd7c1; border:1px #d7b8a4 solid; box-sizing:border-box;}
.send_num{margin:10px 0;}
#send_num{padding:3px; margin-left:15px;}
.sms_input:focus{outline:none !important;}
.sms_info{width:100%; overflow:hidden; padding: 5px 5%; background:#dddddd;}
.sms_info02{width:90%; overflow:hidden; padding: 5px 5%; background:#fcb38a;}
.sb_wrap{overflow:hidden; padding:7px 0; border-bottom: 1px #d3d3d3 solid;}
#sms_form label{margin-right:15px;}
#num_name{width:110px; padding:3px;}
.sms_add_btn{height:26px; border:1px #d1d1d1 solid; background:#ddd; padding:0 6px; color:#797979; border-left:none !important; cursor:pointer; vertical-align:middle;}
.sms_ul li{list-style:none !important; font-family:'nanum Gothic',san-serif; color:#000;}
/*.sms_ul li i{font-size:18px; font-weight:bold; position:relative; top:4px; margin-right:10px; color:#898989;}*/
.sms_list{height:80px; border-bottom:1px #d3d3d3 solid;}
.sms_ul{height:60px; overflow:hidden;}
.user_list{float:left; width:70%;}
.sb_btn{
display:block;
padding:6px 0;
width: 46%;
text-align:center;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #afbbcb), color-stop(1, #6e849d));
background: -moz-linear-gradient(top, #afbbcb 0%, #6e849d 100%);
background: -webkit-linear-gradient(top, #afbbcb 0%, #6e849d 100%);
background: -o-linear-gradient(top, #afbbcb 0%, #6e849d 100%);
background: -ms-linear-gradient(180deg, #afbbcb 0%, #6e849d 100%);
background: linear-gradient(180deg, #afbbcb 0%, #6e849d 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#afbbcb', endColorstr='#6e849d', gradientType=0);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) ;
-webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) ;
-moz-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) ;
font-size: 12px;
font-weight: normal;
line-height: 11px;
color: #fff !important;
border: solid #6E849D 1px;
border-radius: 3px; -webkit- border-radius: 3px; -moz- border-radius: 3px;
}
.css-button{
/*start ------------*/
display:block;
padding:4px 0;
width: 40px;
text-align:center;
border: solid #6E849D 1px;
border-radius: 3px; -webkit- border-radius: 3px; -moz- border-radius: 3px;
font-style: normal;
color: #fff !important;
font-size: 12px;
font-weight: normal;
line-height: 11px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) ;
-webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) ;
-moz-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) ;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #afbbcb), color-stop(1, #6e849d));
background: -moz-linear-gradient(top, #afbbcb 0%, #6e849d 100%);
background: -webkit-linear-gradient(top, #afbbcb 0%, #6e849d 100%);
background: -o-linear-gradient(top, #afbbcb 0%, #6e849d 100%);
background: -ms-linear-gradient(180deg, #afbbcb 0%, #6e849d 100%);
background: linear-gradient(180deg, #afbbcb 0%, #6e849d 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#afbbcb', endColorstr='#6e849d', gradientType=0);
}
.sms_footer{display:block; width:100%; padding:15px 0; text-align:center; background: linear-gradient(180deg, #40577a 0%, #324356 100%); color:#fff !important;}
.sms_footer:hover{ background:#324356; }
/* 미디어보드 배너 */
.media_board_bann_list {font-size:0;}
.media_board_bann_list > li {display:inline-block; width:160px; height:50px; margin:0 2px; font-size:13px; vertical-align:top;}
.media_board_bann_list .link {display:block; width:100%; height:100%;}
.media_board_bann_img {display:block; width:100%; height:100%;}
/* 이미지형 게시판 리뉴얼 */
.media_i_tbl {width: 100%; border-collapse: collapse; border-spacing: 0px;}
.media_i_tbl tbody td {height: 200px; box-sizing: border-box; border-bottom: 1px solid #ddd; text-align: center;}
.media_i_tbl tbody tr:first-child {border-top: 2px solid #ccc;}
.media_i_tbl tbody .media_i_noti td {height:50px;}
.media_i_noti .media_i_td_cont > a {display:inline-block; margin-bottom:0;}
.media_i_item_chk {margin: 0 auto;}
.media_i_img_area:hover .media_abm_icon_play_efct {opacity:1;}
.media_i_img_wrap {position:relative; overflow: hidden; width:296px; height:166.5px; margin: 0 auto; box-sizing:border-box; text-align:center; vertical-align:middle; border-radius:0px; box-shadow: 1px 1px 1px #999;}
.media_i_img_wrap:before {content: ""; position: absolute; top: -20px; left: -100px; display: block; width:40px; height: 120%; -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg); background-color: rgba(255,255,255,0.2); z-index: 999; transition: all 0.7s;}
/*.media_i_img_wrap:hover:before {left: 300px;}*/
.media_i_img_wrap a {position:relative; display:block; width:100%; height:100%;}
.media_i_img_wrap a .thumbnail {
position: relative;
padding-top: 56.25%;
overflow:hidden;
}
.media_i_img_wrap a .thumbnail .centered {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: translate(50%, 0%);
-ms-transform: translate(50%, 0%);
transform: translate(50%, 0%);
}
.media_i_img_wrap a .thumbnail .centered img {
position: absolute;
top: 0;
left: 0;
-webkit-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
width:auto;
height:100%;
}
.media_i_img_wrap a .thumbnail.youtube .centered {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: translate(50%, 50%);
-ms-transform: translate(50%, 50%);
transform: translate(50%, 50%);
}
.media_i_img_wrap a .thumbnail.youtube .centered img {
position: absolute;
top: 0;
left: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width:auto;
height:100%;
}
.media_i_img_wrap a .thumbnail .centered img.portrait {width:100%; height:auto;}
.media_i_icon_play {position: absolute; top: 50%; left: 50%; display: block; width: 54px; height: 54px; margin-left: -27px; margin-top: -27px; transition: all 0.2s; z-index: 999;}
.media_i_img_wrap:hover .media_i_icon_play_efct {opacity: 1;}
.media_i_img_wrap .media_i_icon_play_efct {opacity: 0; transition: all 0.3s;}
.media_i_tbl tbody td.media_i_td_cont {padding-left: 30px; text-align: left;}
.media_i_td_cont > a {display: block; text-decoration: none;}
.media_i_item_tit {margin-bottom: 18px; font-size: 18px; font-weight: bold; color: #333;}
.media_i_item_tit:hover {color: #666}
.media_i_item_txt {margin-bottom: 18px; font-size: 14px; font-weight: normal; color: #888; line-height:1.5;}
.media_i_item_txt:hover {color: #666;}
.media_i_item_name {position: relative; padding-right: 10px; font-size: 14px; font-weight: normal; color: #888;}
.media_i_item_name .c_black {color: #333;}
.media_i_item_date {position: relative; padding-left: 10px; padding-right: 10px; font-size: 14px; font-weight: normal; color: #888;}
.media_i_item_date .c_black {color: #333;}
.ab_c_item:before {content: ""; position: absolute; top: 3px; right: 0px; display: block; width: 1px; height: 13px; background-color: #888;}
.ab_c_item:last-of-type:before {display:none;}
.ab_c_item i {color:#ccc;}
.media_i_item_inq {position: relative; padding-left: 10px; padding-right: 10px; font-size: 14px; font-weight: normal; color: #888;}
.media_i_item_inq .c_blue {color: #117cc1;}
.media_i_item_like {padding-left: 10px; font-size: 14px; font-weight: normal; color: #888;}
.media_i_item_like .c_blue {color: #117cc1;}
.ab_c_item .m_appear {display:none;}
@media screen and (max-width:1020px) {
.media_i_tbl tbody .media_i_noti td:first-of-type .media_board_list_num {display: none;}
.media_i_item_chk {display:none;}
}
@media screen and (max-width:768px) {
.ab_c_item:before {display:none;}
.ab_c_item .m_appear {display:inline-block;}
.media_i_tbl colgroup {display:none;}
.media_i_tbl tbody .media_i_noti td:first-of-type {display: none;}
.media_i_tbl tbody td {display: block; width: 100%; height: auto; padding: 10px 0; border-bottom: 0;}
.media_i_tbl tbody tr {border-bottom: 2px solid #ccc;}
.media_i_tbl tbody tr.media_i_line {display: flex; flex-wrap: wrap;}
.media_i_td_cont {border-top: 1px solid #eee;}
.media_i_tbl tbody td.media_i_td_cont {padding: 10px;}
.media_i_item_tit {font-size: 15px;}
.media_i_item_txt {font-size: 13px;}
}
@media screen and (max-width:1020px){
.m_none {display:none;}
}
/* 영상 팝업 재생 영역 */
.vod_popup_area {display:none; position:fixed; bottom:0; right:0; width:100%; height:100%; z-index:9999999;}
.btn_vod_popup_cls {position:absolute; top:-40px; right:0; width:50px; height:35px; padding:7px; background-color:rgba(0,0,0,0.6); border-radius:5px; box-sizing:border-box; font-size:18px; font-weight:bold; color:#fff; text-align:center; cursor:pointer; line-height:1;box-shadow:1px 1px 1px rgba(255,255,255,0.2);}
.btn_vod_popup_mini {position:absolute; top:-40px; right:110px; width:50px; height:35px; padding:7px; background-color:rgba(0,0,0,0.6); border-radius:5px; box-sizing:border-box; text-align:center;cursor:pointer; box-shadow:1px 1px 1px rgba(255,255,255,0.2);}
.btn_vod_popup_mini .icon {display:inline-block; height:100%;}
.btn_vod_popup_max {position:absolute; top:-40px; right:55px; width:50px; height:35px; padding:7px; background-color:rgba(0,0,0,0.6); border-radius:5px; box-sizing:border-box; text-align:center;cursor:pointer; box-shadow:1px 1px 1px rgba(255,255,255,0.2);}
.btn_vod_popup_max .icon {display:inline-block; height:100%;}
.vod_popup_wrap {position:absolute; bottom:50%; right:50%; width:1025px; height:554px; transform:translate(50%,50%);}
.vod_popup_area.mini {width:384px; height:207px; bottom:30px; right:30px;}
.vod_popup_area.mini .vod_popup_bg {display:none;}
.vod_popup_area.mini .vod_popup_wrap {width:100%; height:100%;}
.vod_popup_area.max {}
.vod_popup_area.max .vod_popup_bg {}
.vod_popup_area.max .vod_popup_wrap {margin:0; width:100%; height:93%;}
.vod_popup_ifr {width:100%; height:100%;}
.vod_popup_video {width:100%; height:100%;}
.vod_popup_audio {width:100%; position:relative;}
.vod_popup_bg {width:100%; height:100%; background-color:rgba(0,0,0,0.85);}
#movie_view_wrapper {width:100% !important; height:100% !important;}
@media screen and (max-width:1200px){
.vod_popup_area.mini {width:200px; height:108px; bottom:10px; right:10px;}
.vod_popup_wrap {width:100%; margin:0; height:0; padding-bottom:54.05%;}
.vod_popup_ifr {position:absolute; top:0; left:0;}
.vod_popup_video {position:absolute; top:0; left:0;}
.vod_popup_audio {position:absolute; top:0; left:0;}
}
/* 환경설정 */
.top_tit_img {display:block; max-width: 100%; margin:0 auto;}
.cnfg_ipt_size_sngl {width: 200px;}
.cnfg_ipt_size_dobl {width: 200px;}
.media_config_cont {width: 100%;}
.media_cnfg_tit {position: relative; margin-bottom: 10px; padding-left: 10px; font-size: 16px; font-weight: bold; box-sizing: border-box; color: #26456a;}
.media_cnfg_tbl {overflow: hidden; width: 100%; margin-bottom: 30px; border-top: 1px solid #ccc; border-radius: 10px; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); box-sizing: border-box; font-size: 14px;}
.media_cnfg_tbl_col:first-of-type {width: 15%;}
.media_cnfg_tbl_col:last-of-type {width: 85%;}
.media_cnfg_tbl th {padding: 10px 0; border-bottom: 1px solid #9ab0cb; background-color: #5b799e; text-align: center; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); line-height: 2;}
.media_cnfg_tbl tr:last-of-type th {border-bottom: 0;}
.media_cnfg_tbl td {padding: 15px; font-size: 13px; color: #333; border-bottom: 1px solid #ddd; line-height: 2;}
.media_cnfg_tbl tr:last-of-type td {border-bottom: 0;}
.media_cnfg_tbl td * {vertical-align: middle;}
.media_cnfg_tbl td .txt {display: inline-block; margin-right: 5px; color:#333;}
.media_cnfg_tbl td .divide {display: inline-block;}
.media_cnfg_tbl td input {margin-right: 0;}
.media_cnfg_tbl td input.media_cnfg_ipt {height: 30px; margin-right: 5px; padding: 5px; font-size: 15px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 3px;}
.media_cnfg_slct {height: 30px; margin-right: 5px; padding: 5px; font-size: 15px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 3px;}
.media_cnfg_slct.cnfg_ipt_size_sngl {width: 60px;}
.media_cnfg_chk {width: 16px; height: 16px;}
.media_cnfg_btn {height: 30px; padding: 5px 10px; margin:0 2px; box-sizing: border-box; border-radius: 3px; background-image: linear-gradient(90deg, #fdfbfb 0%, #ebedee 100%); box-shadow: 1px 1px 0px rgba(0,0,0,0.4); border: 1px solid #ccc; color: #333; cursor: pointer;}
.media_cnfg_btn:hover {background-image: linear-gradient(90deg, #ebedee 0%, #fdfbfb 100%);}
.media_cnfg_icon_type {display: inline-block; margin-left: 5px;}
.media_cnfg_btn_area {text-align: center;}
.div_margin {margin: 8px 0;}
@media screen and (max-width:768px) {
.media_cnfg_tbl_col:first-of-type {width: 20%;}
.media_cnfg_tbl_col:last-of-type {width: 80%;}
.media_cnfg_tbl th {font-size: 12px;}
.media_cnfg_tbl td {font-size: 12px;}
}
@media screen and (max-width:500px) {
.media_cnfg_tbl_col:first-of-type {width: 25%;}
.media_cnfg_tbl_col:last-of-type {width: 75%;}
.cnfg_ipt_size_sngl {width: 50%;}
.cnfg_ipt_size_dobl {width: 50%;}
.media_cnfg_slct {font-size: 12px;}
.media_cnfg_tbl td input.media_cnfg_ipt {font-size: 12px;}
.media_cnfg_file {width: 100px;}
}
/* 카테고리 */
.media_cate_cnfg_tbl {overflow: hidden; width: 100%; margin-bottom: 30px; border-top: 1px solid #ccc; border-radius: 10px; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); box-sizing: border-box; font-size: 14px;}
.media_cate_cnfg_tbl_col:nth-of-type(1) {width: 5%;}
.media_cate_cnfg_tbl_col:nth-of-type(2) {width: 20%;}
.media_cate_cnfg_tbl_col:nth-of-type(3) {width: 45%;}
.media_cate_cnfg_tbl_col:nth-of-type(4) {width: 15%;}
.media_cate_cnfg_tbl_col:nth-of-type(5) {width: 15%;}
.media_cate_cnfg_tbl th {padding: 10px 0; border-bottom: 1px solid #9ab0cb; background-color: #5b799e; text-align: center; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); line-height: 1.5;}
.media_cate_cnfg_tbl td {padding: 10px; font-size: 13px; color: #333; border-bottom: 1px solid #ddd; line-height: 1.5; text-align: center;}
.media_cate_cnfg_btn {height: 30px; padding: 5px 10px; margin:0 2px; box-sizing: border-box; border-radius: 3px; background-image: linear-gradient(90deg, #fdfbfb 0%, #ebedee 100%); box-shadow: 1px 1px 0px rgba(0,0,0,0.4); border: 1px solid #ccc; color: #333; cursor: pointer;}
.media_cate_cnfg_btn:hover {background-image: linear-gradient(90deg, #ebedee 0%, #fdfbfb 100%);}
.media_cate_cnfg_regi_area {overflow: hidden; text-align: center;}
.media_cate_cnfg_regi_area .txt {display: block; float: left; width: 20%; height: 30px; line-height: 30px; font-size: 15px; font-weight: bold; margin-bottom: 5px; color:#333;}
.media_cate_cnfg_regi_area .media_cate_cnfg_ipt {display: block; float: left; width: 78%; height: 30px; margin-right: 5px; margin-bottom: 5px; padding: 5px; font-size: 15px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 3px;}
.media_cate_cnfg_regi_area .c_red {float: left; padding: 5px 0;}
.media_cate_cnfg_btn_area {padding: 10px 0; text-align: center;}
@media screen and (max-width:768px) {
.media_cate_cnfg_tbl th {font-size: 12px;}
.media_cate_cnfg_tbl td {padding: 5px; font-size: 12px;}
.media_cate_cnfg_btn {font-size: 11px;}
.media_cate_cnfg_tbl_col:nth-of-type(3) {width: 35%;}
.media_cate_cnfg_tbl_col:nth-of-type(4) {width: 20%;}
.media_cate_cnfg_tbl_col:nth-of-type(5) {width: 20%;}
.media_cate_cnfg_regi_area .txt {width: 30%; font-size: 12px;}
.media_cate_cnfg_regi_area .media_cate_cnfg_ipt {width: 65%;}
.media_cate_cnfg_regi_area .txt.m_none {display: none;}
.media_cate_cnfg_regi_area .c_red {font-size: 11px;}
}
/* 기본이미지 */
.media_def_image_tbl {overflow: hidden; width: 100%; margin: 0 auto 30px; border-top: 1px solid #ccc; border-radius: 10px; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); box-sizing: border-box; font-size: 14px;}
.media_def_image_tbl_col:nth-of-type(1) {width: 30%;}
.media_def_image_tbl_col:nth-of-type(2) {width: 50%;}
.media_def_image_tbl_col:nth-of-type(3) {width: 20%;}
.media_def_image_tbl th {padding: 10px 0; border-bottom: 1px solid #9ab0cb; background-color: #5b799e; text-align: center; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); line-height: 1.5;}
.media_def_image_tbl td {padding: 10px; font-size: 13px; color: #333; border-bottom: 1px solid #ddd; line-height: 1.5; text-align: center;}
.media_def_image_tbl td * {vertical-align: middle;}
.media_def_image_ipt {width: 50%; height: 30px; margin-right: 5px; padding: 5px; font-size: 15px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 3px;}
.media_def_image_btn {height: 30px; padding: 5px 10px; margin:0 2px; box-sizing: border-box; border-radius: 3px; background-image: linear-gradient(90deg, #fdfbfb 0%, #ebedee 100%); box-shadow: 1px 1px 0px rgba(0,0,0,0.4); border: 1px solid #ccc; color: #333; cursor: pointer;}
.media_def_image_btn:hover {background-image: linear-gradient(90deg, #ebedee 0%, #fdfbfb 100%);}
.media_def_image_btn_area {text-align: center;}
.media_def_image_area {position: relative; overflow: hidden; display: block; width: 100%; height: 0; padding-bottom: 56.08%;}
.media_def_image_area .thumbnail {overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 3px;}
.media_def_image_area .centered {position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: translate(50%, 50%);}
.media_def_img {display: block; position: absolute; top: 0; left: 0; transform: translate(-50%, -50%); width: auto; height: 100%;}
.media_def_img.portrait {width: 100%; height: auto;}
@media screen and (max-width:768px) {
.media_def_image_ipt {width: 60%;}
.media_def_image_tbl td {padding: 5px;}
.media_def_image_btn {font-size: 12px;}
}
/* 기본이미지 등록 */
.media_def_image_regi_tbl {overflow: hidden; width: 100%; margin: 0 auto 10px; border-top: 1px solid #ccc; border-radius: 10px; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); box-sizing: border-box; font-size: 14px;}
.media_def_image_regi_tbl_col:nth-of-type(1) {width: 25%;}
.media_def_image_regi_tbl_col:nth-of-type(2) {width: 55%;}
.media_def_image_regi_tbl_col:nth-of-type(3) {width: 20%;}
.media_def_image_regi_tbl th {padding: 10px 0; border-bottom: 1px solid #9ab0cb; background-color: #5b799e; text-align: center; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); line-height: 1.5;}
.media_def_image_regi_tbl td {padding: 10px; font-size: 13px; color: #333; border-bottom: 1px solid #ddd; line-height: 1.5; text-align: center;}
.media_def_image_regi_tbl td * {vertical-align: middle;}
.media_def_image_regi_ipt {width: 100%; height: 30px; margin-right: 5px; padding: 5px; font-size: 15px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 3px;}
.media_def_image_regi_btn {height: 30px; padding: 5px 10px; margin:0 2px; box-sizing: border-box; border-radius: 3px; background-image: linear-gradient(90deg, #fdfbfb 0%, #ebedee 100%); box-shadow: 1px 1px 0px rgba(0,0,0,0.4); border: 1px solid #ccc; color: #333; cursor: pointer;}
.media_def_image_regi_btn.plus {display: block; width: 50px; margin: 0 10px 30px auto; box-sizing: border-box;}
.media_def_image_regi_btn:hover {background-image: linear-gradient(90deg, #ebedee 0%, #fdfbfb 100%);}
.media_def_image_regi_btn_area {text-align: center;}
.media_def_image_regi_txt {font-size: 13px; color: #333; line-height: 1.5; margin-bottom: 30px;}
@media screen and (max-width:768px) {
.media_def_image_regi_file {width: 150px;}
}
/* 기본형 이전, 다음글 */
.media_list_pn {border-top: 2px solid #cfcfcf; border-bottom: 2px solid #cfcfcf;}
.media_list_pn > li {float:none; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; padding: 13px 0; font-size: 14px; line-height: normal;}
.media_list_pn > li:first-of-type {border-bottom: 1px solid #ccc;}
.media_list_pn > li > .link {color: #333;}
.media_list_pn > li:hover > .link {font-weight: bold;}
.media_list_pn span {font-size:12px;}
.media_list_pn .pn_cate {display: inline-block; padding: 0 20px; color: #777;}
.media_list_pn .pn_cate i {padding-right: 5px; font-size: 12px;}
.media_list_pn .pn_date {float: right; padding: 0 20px; color: #777;}
.media_list_pn .pn_name {float: right; padding: 0 20px; color: #777;}
.media_list_pn .no_link {padding-left:20px; color:#aaa; box-sizing:border-box;}
/* 댓글 */
.reply_rgst_area {display: block; width: 99%; margin: 0 auto 10px; box-sizing: border-box; border: 1px solid #ddd; border-radius: 5px;}
.reply_top {position:relative; display: block; width: 100%; padding: 10px 15px 10px 35px; box-sizing: border-box;}
.reply_top .icon {position:absolute; top:20px; left:15px; display: inline-block; margin-right:0px; vertical-align: middle; font-size: 13px; color: #ccc;}
.reply_top .ipt_txt {display: inline-block; width: 130px; height: 30px; padding: 5px 5px; margin-right: 15px; border: 0; font-size: 13px; vertical-align: middle; font-weight: bold; color: #444; border: 1px solid #ddd; border-radius:3px;}
.reply_top .ipt_txt.readonly {padding:0 5px; border: 0;}
.reply_top .ipt_radio {display: inline-block; width: 15px; height: 15px; vertical-align: middle;}
.reply_main {display: block; width: 100%; padding: 0px 10px; box-sizing: border-box;}
.reply_main .ipt_txa {display: block; width: 100%; height: 70px; padding: 5px; border: 0; resize: none; font-size: 14px; color: #333; line-height:1.4;}
.reply_foot {display: block; width: 100%; padding: 10px; box-sizing: border-box; text-align: right;}
.reply_foot .btn_rgst {padding: 6px 10px; border: 1px solid #ccc; box-shadow: 1px 1px 1px rgba(0,0,0,0.1); background-color: #fff; border-radius: 3px; font-size: 13px; color: #333; cursor: pointer;}
.reply_foot .btn_rgst:hover {box-shadow: inset 1px 1px 1px rgba(0,0,0,0.4);}
/* 댓글의 댓글 */
.reply_rgst_area.re {width:calc(100% - 140px); margin-bottom:10px;}
@media screen and (max-width:768px) {
.reply_rgst_area {width:calc(100% - 15px);}
.reply_rgst_area.re {width:calc(100% - 70px);}
.reply_top .ipt_radio {width:20px; height:20px;}
}
@media screen and (max-width:500px) {
.reply_rgst_area.re {width:calc(100% - 30px);}
.reply_top .ipt_txt {width:calc(100% - 50px);}
}
/* reference button */
.btn_reference {position:relative; display:inline-block; vertical-align:middle;}
.btn_reference .icon {font-size:16px; color:#999;}
.btn_reference .txt {display:none; position:absolute; top: 20px; left:0; width:200px; padding:15px; background:#fff; border-radius:10px; box-shadow:1px 1px 3px rgba(0,0,0,0.4); line-height:1.5;}
.btn_reference:hover .txt {display:block;}