@charset "utf-8";

@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url(/common/font/NanumGothic-Regular.eot);
  src: url(/common/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(/common/font/NanumGothic-Regular.woff2) format('woff2'),
       url(/common/font/NanumGothic-Regular.woff) format('woff'),
       url(/common/font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothicBold';
  font-style: normal;
  font-weight: 700;
  src: url(/common/font/NanumGothic-Bold.eot);
  src: url(/common/font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(/common/font/NanumGothic-Bold.woff2) format('woff2'),
       url(/common/font/NanumGothic-Bold.woff) format('woff'),
       url(/common/font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothicExtraBold';
  font-style: normal;
  font-weight: 800;
  src: url(/common/font/NanumGothic-ExtraBold.eot);
  src: url(/common/font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(/common/font/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(/common/font/NanumGothic-ExtraBold.woff) format('woff'),
       url(/common/font/NanumGothic-ExtraBold.ttf) format('truetype');
}

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,textarea,p,th,td,input,select,textarea,button{margin:0;padding:0}
html,body{width:100%;height:100%;}
body{font-family:'NanumGothic',dotum,tahoma,sans-serif;font-size:12px;color:#000}
fieldset,img{border:0 none;vertical-align:top}
dl,ul,ol,menu,li{list-style:none}
button{overflow:visible;border:0 none;background-color:transparent;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
address,caption,em{font-style:normal}
a{color:#000;text-decoration:none}
a:focus,a:active,a:hover{color:#000;text-decoration:none;}
table{border-collapse:collapse;border-spacing:0}
hr{display:none}

/* common */
.blind,legend{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:100px;white-space:nowrap}
#skip{height:0}
#skip a{display:block;position:absolute;left:0;top:-100px;width:100%;height:1px;text-align:center}
#skip a:focus,#skip a:active{position:absolute;top:0;z-index:120;height:25px;padding:10px 0;background:#fff;font-weight:bold;color:#000;font-size:20px;text-decoration:none}

/* 레이아웃*/
#wrap {
	position:relative; overflow:hidden;
}
#header {
	border-top:2px solid #010000; border-bottom:1px solid #7f888e;
	    position: fixed;
    left: 0;
    width: 100%;
    z-index: 9999;
    background-color: #696d72;
}

#main_content {
	margin-top:34px;
}

#container{
	margin-top:120px;
}

/* 메인 */
.header_wrap {
	position:relative; width:1150px; margin:0 auto; height:80px;
}
.header_box h1 {
	padding-top:13px;
}
.header_p02 {
	position:absolute; right:100px; top:20px; font-size:18px; color:#ffffff; text-align:center; width: 300px;
	/**/
}

.header_p03 {
	position:absolute; left:270px; bottom:0px;    top: 0px;
    padding-top: 28px;
}

.header_p03 span.live_span, .header_p03 a{
		color:white;
	}

.header_p03 span.live_span {
	cursor:pointer;	
}
.header_p03 span.live_span,.header_p03 a, #subHeader > p  {
	position:relative; display:inline-block; width:124px; height:20px; font-size:18px; font-family:'NanumGothicBold'; text-align:center; padding-bottom:30px;
}

#subHeader > p{
	padding-bottom:15px;
}

#subHeader > p a{
    padding-bottom: 10px;
    font-size: 15px;
}
.main_contents {
	width:1150px; margin:0 auto 0px auto;
}
.main_contents:after {
	display:block; clear:both; content:'';
}
.main_con01 {
	position:relative; width:210px; float:left; margin-right:40px; min-height:620px;
}
.main_vod {
	width:210px; text-align:center; border-bottom:2px solid #e5e5e5; font-size:24px; color:#3a3a3a; font-family:'NanumGothicBold'; padding-bottom:12px;
}
.main_vod span {
	display:block;font-size:12px; color:#999999; margin-top:4px;
}
.vod_list li {
	position:relative; height:50px; line-height:50px; border-bottom:1px solid #f4f4f4; color:#666; font-size:15px; letter-spacing:-1px; cursor:pointer;
}
.vod_list li a {
	display: inline-block;
    width: 100%;
}
.vod_list li.vod_list_on a {
	color:#1b4794; font-family:'NanumGothicBold';
}
.vod_list li span {
	position:absolute; right:18px;font-size:14px; font-family:'NanumGothicExtraBold';
}
.live_vod {
	width:145px; height:47px; background:url('/common/images/tv_icon.gif') 0 0 no-repeat; margin-top:28px; padding:17px 0px 0px 68px; font-size:14px; color:#1b4794; font-family:'NanumGothicBold'; cursor:pointer;
}
.live_vod span {
	font-size:11px; color:#767676; font-family:'NanumGothic';  
}
.main_con02 {
	float:left; width:665px;position:relative;
}
.main_con03 {
	overflow:hidden;
}
.video_con {
	position:absolute; z-index:100;
}
.video_con_1 {
	position:relative; 
}
.video_sns {
	border:1px solid #ececec; box-sizing: border-box; width:100%; min-height:450px;
}
.video_sns_ul {
	padding-left: 20px;
    padding-right: 20px;	
}
.video_sns_ul:after {
	display:block; clear:both; content:''; 
}
.video_sns_ul li {
	float:left; padding-left:47px; padding-right:18px; border-left:1px solid #d5d5d5; font-size:14px; color:#373737; height:26px; line-height:26px; letter-spacing:-1px; 
}
.video_sns_ul li:first-child {
	border-left:0px;
}
.video_sns_ul li span {
	font-size:14px; color:#2c62c0; margin-left:6px; letter-spacing:0px;
}
.video_sns_ul li.sns_ul_li01 {
	background:url('../img/main/m_sns_icon01.jpg') 0 0 no-repeat; padding-left:30px; width:86px;
}
.video_sns_ul li.sns_ul_li02 {
	background:url('../img/main/m_sns_icon02.jpg') 15px 0 no-repeat; width:89px;
}
.video_sns_ul li.sns_ul_li03 {
	background:url('../img/main/m_sns_icon03.jpg') 15px 0 no-repeat;  width:75px; cursor:pointer;
}
.video_sns_ul li.sns_ul_li04 {
	background:url('../img/main/m_sns_icon04.jpg') 15px 0 no-repeat; width:50px;  padding-right:0px; cursor:pointer;
}
.m_sns_con {
	padding-bottom:15px; 
}
.sns_dl {
	border-top:1px solid #ececec; margin-top:19px; min-height:169px;
	padding-left: 20px;
    padding-right: 20px;
    overflow-y: auto;
    height: 169px;
}
.sns_dl dt {
	font-size:18px; color:#373737; font-family:'NanumGothicBold'; margin-top:15px;
}
.sns_dl dd {
	font-size:14px; color:#666666; line-height:22px; margin-top:10px;
	margin-bottom: 20px;
}
.sns_dl_1 {
	border-top:0px; width:90%; margin:19px auto 0px auto;
}
.sns_dl_1 dt {
	border-bottom:1px solid #ececec;  font-size:22px;  font-family:'NanumGothic'; padding-bottom:10px;
}
.m_sns_write {
	position:relative; width:500px; padding-top:15px; margin:19px auto 0px auto; border-top:1px solid #ececec; padding-bottom:15px; display:none;
}
.m_sns_write_ul {
	width:500px; 	
}
.m_sns_write_ul li {
	position:relative; margin-bottom:5px;
}
.sns_name {
	font-size:14px; color:#000000;  font-family:'NanumGothicBold';	
}
.sns_time {
	font-size:14px; color:#666666; margin-left:15px;
}
.s_write_con_span {
 display:inline-block; width:100%; margin-left:25px;	font-size:14px; color:#666666; overflow:hidden; margin-top:10px; width:475px;
}
.sns_p {
width:100%; text-align:right;padding-bottom:5px; 
}
.sns_delete {
	display:inline-block; margin-left:10px; top:0px; width:50px; height:18px; border:1px solid #ddd; line-height:16px; color:#999999; text-align:center; cursor:pointer;
}
.m_sns_write_arrow {
	position:absolute; right:0px; top:19px; width:30px; border-left:1px solid #dfdfe1; border-right:1px solid #dfdfe1; text-align:center; height:39px;
}
.m_arrow_p01 {
	padding-top:7px; cursor:pointer;
}
.m_arrow_p02 {
	margin-top:7px; cursor:pointer;
}
.m_sns_input01 {
	width:480px; height:26px; border:1px solid #ddd; margin-top:5px; padding:0px 10px; color:#999999;
}
.m_sns_input02 {
	width:137px; height:26px; border:1px solid #ddd; margin-top:5px; padding:0px 10px; color:#999999;
}
.m_sns_input03 {
	width:237px; height:26px; border:1px solid #ddd; margin-top:5px; padding:0px 10px; color:#999999; margin-left:3px;
}
.m_sns_input04 {
	width:50px; display:inline-block; margin-left:10px; width:50px; height:18px; border:1px solid #ddd; line-height:16px; color:#999999; cursor:pointer;
}
.m_sns_acc {
	display:inline-block; width:75px; height:28px; background:#757575; line-height:30px; text-align:center; color:#fff; font-size:14px; margin-left:4px; cursor:pointer;
}






.search_p {
	position:relative; padding:5px 0px 0px 18px; border:1px solid #ececec; width:262px; height:28px; 
}
.search_span {
	display:inline-block; padding-right:17px; background:url('../img/main/arrow_icon.jpg') 35px 5px no-repeat; font-size:14px; color:#666666;  cursor:pointer;
}
.search_p input {
	border:1px solid #fff; width:160px; height:20px; margin-left:20px; color:#999999; letter-spacing:-1px;
}
.search_img {
	position:absolute; right:0px; top:-1px; cursor:pointer;
}
.video_list {
	margin-top:15px;
}
.video_list li{
	width:212px;
	height:240px;
	display:inline-block;
	border:1px solid #e7e7e7;
	box-sizing: border-box;
	margin:0px 5px;
	vertical-align:top;
	cursor:pointer;
}
.video_list li:nth-child(3n-5){
	margin-left:0px;
}
.video_list li:nth-child(3n){
	margin-right:0px;
}
.video_list li:nth-child(n+4){
	margin-top:15px;
}

.video_list li .thumbnail {
  position: relative;
  width: 100%;
  height: 120px;
  overflow: hidden;
}
.video_list li .thumbnail img {
	width:100%;
	height:100%;
    object-fit: cover;
}

.video_list li .contents{
	padding:15px;
}

.video_list li .contents .title{
    font-weight: bold;
    word-break: break-all;
    line-height: 17px;
    height: 52px;
    overflow-y: hidden;
}

.video_list li .contents .list_p01{
	margin-top:20px;
}

.video_list dl {
	padding-bottom:14px; border-bottom:1px solid #f4f4f4; margin-bottom:14px;
}
.video_list dl:after {
	display:block; clear:both; content:'';
}
.video_list dl dt {
	float:left; margin-right:20px; font-size:15px; color:#373737; font-weight:400; 
}
.video_list dl dd h3 {
	font-weight:400; font-size:12px; color:#373737; font-family:'NanumGothic'; 
}
.list_p01 {
	color:#999999; margin-top:5px;
}
.list_p01 span:first-child {
	display:inline-block; height:10px; line-height:10px; border-right:1px solid #dcdcdc; padding-right:8px; margin-right:8px;
}
.list_p02 {
	color:#999999; margin-top:0px;
}
.list_p03 {
	float:right;
}
.list_p03 a {
	color:#999999; font-size:13px; text-decoration:underline; padding-left:19px; background:url('../img/main/m_icon02.jpg') 0 0 no-repeat;
}
.video_list_pazing {
	text-align:center; margin-top:25px;
}
.video_list_pazing img {
	cursor:pointer;
}
.video_list_pazing span {
	display:inline-block; height:17px; line-height:17px; padding-top:3px; font-size:14px; color:#999999; font-family:'NanumGothicBold'; width:8px;  margin-left:10px; cursor:pointer;
}
.video_list_pazing span.pazing_span01 {
	margin-left:0px;
}
.video_list_pazing span.pazing_on {
	color:#1b4794; 
}
.video_list_pazing_1 {
	text-align:right; margin:12px 0px 6px 0px; 
}
.video_list_pazing_1 img {
	padding-top:6px;	
}
.main_text {
	border-top:1px solid #ececec; margin-top:25px;
}
.main_text_box {
	position:relative; width:1150px; margin:0 auto; padding:20px 0px; color:#999999; font-size:14px;
}
.main_arrow {
	position:absolute; right:0px; top:12px;
}
.main_arrow img{
	cursor:pointer;
}
#footer {
	padding:30px 0px; color:#999; font-size:13px; text-align:center; border-top:1px solid #ececec;
}




/* 공지사항 게시판 테이블 */
.notice_wrap h4 {
	font-size:36px; color:#3a3a3a; font-weight:400; padding-bottom:7px; border-bottom:1px solid #cccccc;
}
.notice_table caption, .notice_view caption {
	display:none;
}

.notice_table {
	width:100%; border-top:2px solid #605e5f; margin-top:30px;
}
.notice_table tr {
	height:50px;
}
.notice_table tr th {
	font-weight:400; font-size:14px; color:#666666; font-family:'NanumGothicBold';
}
.notice_table tr {
	border-bottom:1px solid #cccccc; 
}
.notice_table tr td {
	text-align:center; font-size:14px; color:#666666;
}
.notice_table tr td a {
	font-size:14px; color:#666666;
}
.notice_view {
	width:100%; border-top:2px solid #605e5f; margin-top:30px;
}
.notice_view tr {
	border-bottom:1px solid #cccccc;
}
.notice_view tr th {
	font-weight:400; font-size:14px; color:#666666; font-family:'NanumGothicBold'; background:#f7f7f7; border-right:1px solid #cccccc; padding:15px 0px;
}
.notice_view tr th.border_l {
	border-left:1px solid #ccc;
}
.notice_view tr td {
	padding:15px 26px; font-size:14px; color:#666666; line-height:18px;     word-break: break-all;
}
.notice_view tr td.td_bg {
	background:#f7f7f7; font-family:'NanumGothicBold';
}
.notice_view tr td.file_down a {
	font-size:13px; color:#1b4794; text-decoration:underline;
}
.filedown_span {
	display:inline-block; width:83px; height:28px; border:1px solid #dfdfdf; font-size:14px; font-family:'NanumGothicBold'; text-align:center; line-height:28px; margin-left:20px; cursor:pointer;
}
.notice_view_p {
	text-align:center; margin-top:24px;
}
.notice_view_p span {
	margin-left:2px;
}










/* 서브 */
.sub_title {
	font-size:28px; padding-bottom:16px;
}
.sub_con02 {
	min-width:900px; margin-right:0px; 
}
.sub_loca {
	padding:15px 0px; font-size:13px; color:#999999; border-bottom:1px solid #cccccc;
}
.sub_loca span {
	color:#333333; 
}
.notice_search {
	text-align:right; margin-top:28px;
}
.notice_select {
	width:163px; height:28px; border:1px solid #dddddd; margin-right:4px; color:#666666;
}
.notice_input {
	width:153px; height:26px; border:1px solid #dddddd; padding-left:10px;vertical-align: top;
}
.notice_span01 {
	display:inline-block; cursor:pointer; width:48px; height:30px; background:#7e7e7e; line-height:30px; text-align:center; color:#fff; vertical-align:top; font-size:14px;
}
.notice_span02 {
	display:block; cursor:pointer;  margin-top: 10px; top: 15px; right: 160px; color:#fff; vertical-align:top; font-size:16px; 
}

.notice_span03 {
	display:inline-block; cursor:pointer; width:65px; height:30px; background:#444444; line-height:30px; text-align:center; color:#fff; vertical-align:top; font-size:14px; 
}
.notice_span04 {
	display:inline-block; cursor:pointer; width:65px; height:30px; background:#7e7e7e; line-height:30px; text-align:center; color:#fff; vertical-align:top; font-size:14px; 
}
.acc_p {
	text-align:right; margin-top:23px;
}
.header_p03 a.notice_on {
	display:inline-block; 
}
.l_line {
	position:absolute; left:-1px; top:3px; width:1px; height:16px; background:#ddd;
}

#header .header_p03 #subHeader{
	display:none;
	margin-top:-10px;
}

#header.subOn .header_p03 #subHeader{
	display:block;
}

#header.subOn{
	background-color:#536c8a !important;
	height:150px;
}


/* 마진 */
.m_l_3 {
	margin-left:3px;
}
.m_l_4 {
	margin-left:4px;
}
.m_l_7 {
	margin-left:7px;
}
.m_l_10 {
	margin-left:10px;
}
.m_l_15 {
	margin-left:15px;
}
.m_l_20 {
	margin-left:20px;
}
.m_r_5 {
	margin-right:5px;
}
.m_r_7 {
	margin-right:7px;
}
.m_r_10 {
	margin-right:10px;
}
.m_r_15 {
	margin-right:15px;
}
.m_r_22 {
	margin-right:22px;
}
.m_r_25 {
	margin-right:25px;
}
.m_t_10 {
	margin-top:10px;
}
.m_t_15 {
	margin-top:15px;
}
.m_t_18 {
	margin-top:18px;
}
.m_t_20 {
	margin-top:20px;
}
.m_t_25 {
	margin-top:25px;
}
.m_t_50 {
	margin-top:50px;
}
.m_b_5 {
	margin-bottom:5px;
}
.m_b_10 {
	margin-bottom:10px;
}
.m_b_15 {
	margin-bottom:15px;
}
.m_b_20 {
	margin-bottom:20px;
}
.m_b_40 {
	margin-bottom:40px;
}
.m_t_5 {
	margin-top:5px;
}
.m_t_30 {
	margin-top:30px;
}
.m_t_35 {
	margin-top:35px;
}
.m_t_40 {
	margin-top:40px;
}
.m_t_60 {
	margin-top:60px;
}

/* 공통 속성 */
.align_top {
	vertical-align:top;
}
.align_center {
	text-align:center;
}
.align_left {
	text-align:left;
}
.black_bg01 {
	position:absolute; width:100%; height:100%; left:0px; top:0px; background:#000; opacity:0.8; filter:alpha(opacity=80); display:none;
}
.font_b {
	font-weight:600;
}
.font_normal {
	font-weight:normal;
}
.mypage_table caption{
	display:none;
}
.mypage_table {
	width:100%; border-top:2px solid #605e5f; margin-top:30px;
}
.mypage_table tr th {
	height:60px; background:#f8fbfc; color:#666;  font-weight:400;  font-family:'NanumGothicBold'; font-size:15px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc;  background:#f7f7f7;
}
.mypage_table tr td {
	padding-left:20px;  border-bottom:1px solid #cccccc; 
}
.mypage_table tr td input {
	width:218px; height:18px; border:1px solid #e5e5e5; padding:10px;
}
.mypage_table tr td select {
	width:80px; height:38px; border:1px solid #e5e5e5;  
}
.mypage_button {
	margin-top:30px; text-align:center;
}
.mypage_button span {
	display:inline-block; height:50px; line-height:50px; cursor:pointer;
}
.mypage_button span.mypage_span01 {
	width:102px; background:#7e7e7e; color:#fff; font-size:16px;
}
.mypage_button span.mypage_span02 {
	width:101px; background:#f7f7f7; color:#696980; font-size:16px; border:1px solid #d5d5d5; height:48px; margin-left:13px;
}
.mypage_news {
	margin-top:50px; padding:15px 0px; text-align:center; font-size:16px; color:#797979; border:1px solid #e5e5e5; margin-bottom:40px;
}

.card-style{
	-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.08);
	-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.08);
	box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.08);
}

.card-style .card-title{
	height:65px;
	line-height:65px;
	border-bottom:1px solid #e5e5e5;
}

.card-style .card-title span{
	border-left:3px solid #3566a6;
	padding-left:15px;
	font-size:12pt;
	font-weight:bold;
}

.card-style ul{
	padding: 15px 0px;	
}

.card-style ul.vod_list li{
	font-size: 10pt;
	height: 35px;
    line-height: 35px;
    border-bottom:none;
}

.card-style ul.vod_list li a span{
	padding-left: 15px;
    position: inherit;
    right: auto;
    font-size: inherit;
    font-family: inherit;
}

.card-style ul.vod_list li.vod_list_on a span{
	color:#3566a6;
	border-left: 3px solid #3566a6;
}

.padding-20{
	padding:20px;
}

.padding-25{
	padding:25px;
}

.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.show .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0)}.modal-dialog-centered{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:calc(100% - (.5rem * 2))}.modal-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:800px;margin:1.75rem auto}.modal-dialog-centered{min-height:calc(100% - (1.75rem * 2))}