@charset "utf-8";

/* 공통 */
.ico_new{display:inline-block; width:15px; height:15px; line-height:16px; margin:0 5px 0 5px; font-size:10px; font-weight:400; text-transform:uppercase; text-align:center; color:#fff; background:#d42c6f;}
.ico_file{width:16px; height:16px; margin:3px 0 0 0; font-size:0; text-indent:-999px; background:url(/money/images/common/file.gif) no-repeat; background-size:contain;}
.in_sm{width:48px;}
.in_md{width:150px;}
.bdL{border-left:1px solid #ddd !important;}
.ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.board_total{float:left; padding:10px 0 27px 10px; color:#747474; box-sizing:border-box;}

/* board_search */
.board_search{float:right; width:458px; text-align:center;}
.board_search fieldset{display:block; position:relative; width:100%; padding:0 81px 0 137px; box-sizing:border-box;}
.board_search .search{padding:0 10px 0 0; text-align:center;}
.board_search select{position:absolute; top:0; left:0; width:130px; height:42px; padding:0 0 0 10px; border:1px solid #d7d7d7; box-sizing:border-box;}
.board_search .btn{position:absolute; top:0; right:0; height:42px; width:74px; min-width:0; padding:0; border-radius:0; color:#fff; font-size:16px; font-weight:800; background:#3a73bd;}
.board_search input[type="text"]{width:100%; height:42px; padding:0 0 0 10px; border-color:#d7d7d7; box-sizing:border-box;}
.board_search select:focus,
.board_search input[type="text"]:focus{box-shadow:1px 1px 4px rgba(0,0,0,0.15);}

@media all and (max-width:768px){
	.board_total{padding:12px 0 8px 0; font-size:14px;}
	.board_search{width:100%; margin:0 0 20px;}
}
@media all and (max-width:568px){
	.board_search fieldset{padding:0 75px 0 107px;}
	.board_search select{width:100px;}
	.board_search .btn{width:68px;}
}
@media all and (max-width:400px){
	.board_total{font-size:13px;}
}

/* pagingNav */
#pagingNav{clear:both; width:100%; margin:50px 0 20px; text-align:center;}
#pagingNav a{position:relative; display:inline-block; width:37px; height:37px; line-height:37px; margin:0 0 5px -1px; font-size:15px; color:#636363; vertical-align:top; text-align:center; transition:0.3s; border:1px solid #d0d1d6;}
#pagingNav a:hover,
#pagingNav a:focus{z-index:1; border-color:#3a72bd; background-color:#f5faff;}
#pagingNav a.num_current,
#pagingNav a.num_current:hover,
#pagingNav a.num_current:focus{color:#fff; font-weight:400; border-color:#3a72bd; background:#3a72bd; text-decoration:underline;}
#pagingNav .num_first,
#pagingNav .num_prev,
#pagingNav .num_right,
#pagingNav .num_last{font-size:0; text-indent:-999px; background:url(/money/images/board/ico_board.gif) no-repeat 10px 12px;}
#pagingNav .num_first{margin:0 20px 0 0;}
#pagingNav .num_prev{background-position:9px -16px;}
#pagingNav .num_right{background-position:17px -41px;}
#pagingNav .num_last{margin:0 0 0 20px; background-position:12px -68px;}

@media all and (max-width:1024px){
	#pagingNav{margin:40px 0 15px;}
}
@media all and (max-width:768px){
	#pagingNav{margin:35px 0 15px;}
}
@media all and (max-width:568px){
	#pagingNav{margin:30px 0 10px;}
	#pagingNav a{width:27px; height:27px; line-height:27px;}
	#pagingNav .num_first{margin:0 10px 0 0; background-position:6px 7px;}
	#pagingNav .num_last{margin:0 0 0 10px; background-position:6px -73px;}
	#pagingNav .num_right{background-position:11px -47px;}
	#pagingNav .num_prev{background-position:4px -21px;}
}

.table_info{display:none; padding:0 0 5px; font-size:13px; line-height:120%; color:#bd0360;}
.table_wrap{overflow-x:auto; width:100%; margin:0 0 30px 0; box-sizing:border-box;}
@media all and (max-width:568px){
	.table_info{display:block; clear:both; width:100%;}
	.table_wrap .board_view{width:567px;}
	.table_wrap .normal_list{width:567px;}
}

/* normal table */
.normal{width:100%; margin:0 0 30px; border-collapse:collapse; text-align:center;}
.normal th,
.normal td{padding:8px 5px; border:1px solid #ddd;}
.normal th{background:#f7f7f7;}
.normal .con{padding-left:15px; text-align:left; word-break:keep-all;}

/* normal_list */
.normal_list{width:100%; border-collapse:collapse; border-top:3px solid #78a1d5;  text-align:center; background:#fff;}
.normal_list th{padding:11px 5px; border:1px solid #b7b7b7; border-right:none; border-top:none; box-sizing:border-box; font-weight:700; color:#404040; background:#f0f0f0;}
.normal_list tbody > tr > td:first-child,
.normal_list th:first-child{border-left:none;}
.normal_list td{padding:11px 5px 11px 10px; border:1px solid #b7b7b7; border-right:none; border-top:none; color:#747474; word-break:break-all;}

/* board_list */
.board_list{clear:both; width:100%; margin:0 0 30px 0; color:#414040;  border-collapse:collapse; border-top:2px solid #5f8dc9; font-size:15px; font-weight:300;}
.board_list tbody tr{transition:background 0.3s;}
.board_list tbody tr:hover{background:#f8f8f8;}
.board_list th{position:relative; padding:15px 5px 13px; text-align:center; font-weight:700; border-bottom:1px solid #cfd1d6; background:url(/money/images/board/bg_th.gif) repeat-x 0 100%;}
.board_list th:before{content:''; display:block; position:absolute; bottom:0; left:0; width:1px; height:100%; background:url(/money/images/board/bg_th_list.gif) no-repeat 100% 100%;}
.board_list th:first-child:before{display:none;}
.board_list td{padding:12px 5px; text-align:center; border-bottom:1px solid #cfd1d6; line-height:150%; background:none;}
.board_list .none{padding:30px 0;}
.board_list .notice{font-weight:800; color:#3259a9;}
.board_list .taL,
.board_list .con,
.board_list .sbj{padding-left:12px; text-align:left;}

@media all and (max-width:568px){

	.ico_lock{width:17px;}

	.board_list {background:none;}
	.board_list colgroup,
	.board_list thead,
	.board_list td:first-child,
	.board_list td:nth-child(5){display:none;}

	.board_list tr{padding:10px 0 10px;border-bottom:1px solid #d4d4d4;}
	.board_list td{display:block; position:relative; float:left; padding:0 0 10px 7px; line-height:135%; border:none; box-sizing:border-box; text-align:left; color:#737373;}
	.board_list td.sbj,
	.board_list td.con{width:100%; padding:12px 2px 4px 7px; font-size:103%; font-weight:800; color:#565656;}
	.board_list td:after{content:'|'; display:inline-block; overflow:hidden; line-height:14px; padding:3px 5px 0 10px; vertical-align:top; color:#cfd1d6;}
	.board_list td.sbj:after,
	.board_list td.con:after,
	.board_list td:last-child:after{display:none;}

	.board_view{background:none;}
	.board_view .sb_hit,
	.board_view .con_hit,
	.board_view colgroup{display:none;}
	.board_view thead th:last-child{font-size:110%; text-shadow:0 1px 0 #f3f3f3; background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 65%, rgba(237,237,237,1) 100%);}
	.board_view tr:first-child th,
	.normal tr:first-child th{width:20%;}

	.bbs_list td{width:100%; padding:0 0 0 7px; color:#565656;}
	.bbs_list td:first-child,
	.bbs_list td:nth-child(5){display:block;}
	.bbs_list td.con{padding-top:0; font-weight:100;}
	.bbs_list td:first-child{padding:12px 2px 0 7px; font-weight:800;}
	.bbs_list td:before{content:attr(data-cell-header); display:inline-block; padding:0 5px 0 0; vertical-align:top; color:#565656;}
	.bbs_list td:after{display:none;}
	.bbs_list td:last-child{padding:0 0 12px 7px;}
}
@media all and (max-width:400px){
	.board_list {font-size:14px;}
}

/* board_view*/
.board_view{clear:both; width:100%; margin:0 0 25px; border-collapse:collapse; border-top:2px solid #5f8dc9;}
.board_view thead th{padding:13px 5px; color:#555; text-align:center; font-weight:700; border-bottom:1px solid #cfd1d6; background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 65%, rgba(237,237,237,1) 100%);}
.board_view tbody th{border:1px solid #cfd1d6; background:#f7f7f7;}
.board_view tbody th:first-child{border-left:none;}
.board_view td{padding:12px 0; line-height:150%; color:#666; text-align:center; border-bottom:1px solid #cfd1d6; background:none;}
.board_view td img{max-width:100%; vertical-align:middle;}
.board_view .comment{background:#f7f7f7; text-align:left; padding:10px;}
.board_view .comment textarea{width:98%; height:200px;} /* 글쓰기 내용 */
.board_view .taL,
.board_view .con{padding-left:13px; text-align:left;}
.board_view .pic{width:650px; margin:10px auto 0 auto; padding:3px; text-align:center; background:#fff; border:1px solid #ccc;}
.board_view .pic img{width:650px;}

.photo {clear:both; width:100%;}
.photo li{display:inline-block; width:32.8%; padding:0 5px; margin:0 0 40px 0; box-sizing:border-box; vertical-align:top;} 
.photo li *{display:block;}
.photo li a{max-width:350px; height:320px; margin:0 auto; border:1px solid #d9d9d9; background:#fff;}
.photo li a .img{overflow:hidden; text-align:center;}
.photo li a .img img{display:inline; width:100%; max-height:233px; transition:all 0.3s ease-in-out;}
.photo li a:hover img,
.photo li a:focus img{transform:scale(1.1);}
.photo li a .txt{padding:12px 0 12px 12px; text-align:left; border-top:1px solid #d9d9d9;}
.photo li a .txt .title{overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; font-weight:800;}
.photo li a .txt .date{color:#838383; font-size:95%;}

@media all and (max-width:768px){
	.photo li{width:49.3%;}
	.photo li a{height:auto;}
}


/* photo_list */
.photo_list{clear:both; width:100%; border-top:3px solid #d9d9d9;}
.photo_list li{width:100%; border-bottom:1px solid #d9d9d9; border-top:none; box-sizing:border-box;}
.photo_list li *{display:block;}
.photo_list a{width:100%; padding:45px 0; box-sizing:border-box; text-decoration:none;}
.photo_list .img,
.photo_list .txt{display:inline-block; vertical-align:top;}
.photo_list .img{overflow:hidden; width:36.66%; text-align:center;}
.photo_list .img img{display:inline; width:100%; max-height:249px; transition:0.3s ease;}
.photo_list .txt{width:60.33%; padding:0 0 0 3%; font-size:17px; color:#676767; box-sizing:border-box;}
.photo_list .tit{overflow:hidden; width:100%; line-height:110%; font-size:30px; font-weight:900; color:#3d3d3d; text-overflow:ellipsis; white-space:nowrap;}
.photo_list .con{overflow:hidden; width:100%; height:84px; line-height:28px; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.photo_list .author{padding:15px 0 18px; color:#969595; font-size:15px; line-height:100%;}
.photo_list .author *{display:inline-block; vertical-align:top;}
.photo_list .author .user{padding:0 10px 0 0; margin:0 10px 0 0; border-right:1px solid #c5c2c2;}
.photo_list a:hover .tit,
.photo_list a:focus .tit,
.photo_list a:hover .con,
.photo_list a:focus .con{text-decoration:underline;}
.photo_list a:hover .img img,
.photo_list a:focus .img img{transform:scale(1.08);}

@media all and (max-width:1024px){
	.photo_list .tit{font-size:26px;}
	.photo_list .txt{font-size:16px;}
}
@media all and (max-width:768px){
	.photo_list a{padding:35px 0;}
	.photo_list .tit{font-size:23px;}
	.photo_list .txt{font-size:15px;}
	.photo_list .con{height:72px; line-height:24px;}
	.photo_list .author{padding:10px 0 15px; font-size:14px;}
}
@media all and (max-width:568px){
	.photo_list a{padding:30px 0 23px;}
	.photo_list .img,
	.photo_list .txt{display:block; width:100%;}
	.photo_list .img{width:330px; margin:0 auto;}
	.photo_list .img img{max-height:185px;}
	.photo_list .txt{padding:15px 0 0 0; margin:20px 0 0 0; border-top:1px dashed #dbdbdb; text-align:center;}
	.photo_list .con{text-align:left;}
	.photo_list .tit{font-size:19px;}
}
@media all and (max-width:400px){
	.photo_list a{padding:27px 0 20px;}
	.photo_list .img{width:280px;}
	.photo_list .img img{max-height:159px;}
	.photo_list .txt{padding:13px 0 0 0; margin:18px 0 0 0; font-size:14px;}
	.photo_list .author{font-size:13px;}
	.photo_list .tit{font-size:18px;}
	.photo_list .con{height:66px; line-height:22px;}
}
@media all and (max-width:380px){
}

/* 통합검색*/
#sub_search{position:relative; padding:30px 0 0 0;}
#sub_search:before{content:''; display:block; position:absolute; top:0; left:54px; width:175px; height:98px; background:url(/ostv/images/kr/data/bg_search.png) no-repeat 95% 100%;}
#sub_search .search{width:100%; padding:60px 0; margin:0 0 30px 0; background:#f2f2f2;}
#sub_search .search *{display:inline-block;;}
#sub_search .search form,
#sub_search .search fieldset{width:100%; text-align:center;}
#sub_search .search label{margin:0 1em 0 0; line-height:39px; font-size:110%;}
#sub_search .search #word{width:30%; height:37px; line-height:37px; border:1px solid #c8c8ca;}
#sub_search .search button{width:60px; height:39px; background:#305299; color:#fff;}
#sub_search .total_search_result .titTxt{margin:0 0 8px 0; font-size:120%; font-weight:bold;}
#sub_search .total_search_result ul{padding:0 0 0 10px}
#sub_search .total_search_result li{display:block; padding:0 0 0 8px;}
#sub_search .total_search_result li:before{content:''; display:block; position:absolute; top:9px; left:0; height:3px; width:3px; background:#474747; border-radius:50%;}
#sub_search .total_search_result li strong{color:#0a58a5;}
#sub_search .total_search_result .none{width:100%; padding:20px 0; text-align:center; background:#fafafa; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
#sub_search .result h4{padding:0 0 5px 0; margin:0 0 8px 0; font-size:110%; font-weight:bold; border-bottom:1px solid #ccc;}

/* 생방송보기 */
#sub_live h4{padding:0; font-size:130%; line-height:200%;}
#sub_live h4:before{display:none;}
#sub_live h4 span{display:inline-block; padding:0 15px 0 0; font-size:260%; color:#f53e10;}
#sub_live .info_txt{margin:0 0 1em 0; font-size:95%;}
#sub_live .detail{float:left; width:100%; height:auto !important; min-height:180px; height:180px; padding:1.5em 0; border:1px solid #d4d4d4; background:#f2f2f2 url(/images/kr/assembly/bg_live.png) no-repeat 0% 100%; box-sizing:border-box;}
#sub_live .detail .list {width:60%; padding:3em 0 0 30%;}
#sub_live .detail .list li{padding:0 0 5px 0.7em; font-weight:bold; background:url(/ostv/images/common/bullet/bul_list.gif) no-repeat 0 0.5em;}