@charset "utf-8";
#article *{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.corruptImg{text-align: center; padding: 20px 0 30px;}
.corruptImg img{display: block;margin: 0 auto;width: 420px;height: auto;}

/*.article view */
#article{ position:relative;border: 1px solid #cecece;border-top: #2682c5 solid 3px ;}
.news_header{}/*h2,date*/
.news_content{}/*content*/
.news_footer{}/*link,comment*/

#article .main_bnr { margin:0 0 20px 20px; position:relative}
#article .main_bnr { padding:15px; width:167px; height:160px; }
#article .main_bnr .cont{ margin:13px 0;}
#article .main_bnr .cont a{border:solid 1px #DDD;}
#article .news_header {border-bottom:solid 1px #EEE; padding: 40px 33px ;overflow: hidden;}
#article .news_header h2  {font-size: 1.4em; color:#333;line-height: 140%;font-weight: 600;}
#article .news_header h2 a {color:#333;}
#article h4	{font-size: 18px; color:#333; margin-bottom:14px;}
#article .date         { color:#767676;padding-top: 5px;}
#article .date span.bar {color:#999; padding:0 6px 0 0; margin-left:5px; border-left:solid 1px #aaa; display:inline-block; height:10px;vertical-align: middle;}
#article .date 	em	{ font-style:normal; font-family: 'arial';}

.snstoss{ color:#777;  float: right;margin-top: -23px;font-size: 14px;}/*기사내보내기*/
.snstoss a {width: 19px;height: 19px;margin-left:1px;line-height:19px;font-size: 0;text-indent: -999em;display: inline-block;text-align: right;vertical-align: middle;}

/*news_content */
#article .news_content  { font-size:1em; line-height:1.5em;  color:#222; word-break:break-all;  margin-bottom:20px;padding: 35px 34px 10px;}
#article .news_content .news_ph { text-align:center;}
#article .news_content .news_ph img{ margin:0 auto; }
#article .news_content img{display: block;border: 0;margin: 0 auto 10px;height: auto ;}/* 모바일에서 min-width: 100%; width: auto;*/

/*cast_content*/
#article .cast_content{ text-align:center;padding: 35px 34px 10px;} 
.cast_content .player{ width:auto;margin:0  auto;height: auto;border: 1px solid #e0e0e0;position: relative;padding: 5px 3px 7px;background-color: #f0f0f1;margin-bottom: 10px;} 
.cast_content .player iframe{width:570px; height:350px;border:0;margin: 0;}
.cast_content .player iframe{border: 1px solid #e0e0e0;background-color: #fff;}
.cast_content .player p{text-align: right;color: #545455;padding: 5px 5px 4px 0;}
.cast_content .subtle{ }
.cast_content .cast_down{ height:52px; margin: 0 auto  10px auto}
.cast_content .subtle_box{ overflow:auto; width:auto; border:solid 1px #d3dce7; padding:5px 0 0 10px; height:150px; margin-bottom:10px;
 /*scrollbar-face-color :#ecf0f8;
 scrollbar-shadow-color :#ecf0f8;
 scrollbar-highlight-color :#ecf0f8;
 scrollbar-3dlight-color :#FFF;
 scrollbar-darkshadow-color :#FFF;
 scrollbar-track-color :#FFF;
 scrollbar-arrow-color :#a8bdef;*/} 
.cast_content .subtle_box .memo{ font-size:12px; line-height:1.8;  word-break:break-all; text-align:left}
.cast_content .player p.right{font-size: 0.875em;}
/* news_footer */
#article .news_footer .news_tag{background:url(/images/sub/flag_tag.gif) 0 0 no-repeat; padding-left:57px; line-height:20px;height:22px; margin-top:30px}
.news_call{background:#fbfbfc ;border-top: solid 1px #ececed;border-bottom: solid 1px #ececed;padding: 10px 35px;}
.news_call a{background: url('../img/icon/news_call.gif') 0 center no-repeat;padding-left: 25px;display: block;min-height: 18px;}
/* article_link */
.article_link{  padding:10px 35px; overflow:hidden;}
.article_link .for_sns{ float:left; }
.article_link .for_me{ float:right;}
.article_link a{ text-decoration:none; text-align:left; padding:0px 0 0 0; letter-spacing:0 ; display:inline-block;color: #676767;}
.article_link .for_sns a{ padding:0 25px;line-height:19px;}
.article_link .for_me a{ padding:0 0 0 22px; margin-left:7px;line-height:19px;}
*+html .article_link a {word-spacing:3px; padding-right:0;}
.article_link a.link_fb,
.snstoss a.sns_fb{background:url('../img/icon/sns_fb.gif') 0 center no-repeat; }
.article_link a.link_tw,
.snstoss a.sns_tw{background:url('../img/icon/sns_tw.gif') 0 center no-repeat; }
.article_link a.link_rs{background:url('../img/icon/sns_rs.gif') 0 center no-repeat; }
/*.article_link a.link_mail{background:url(/images/sub/icon_mail.gif) 0 0 no-repeat; }
.article_link a.link_print{background:url(/images/sub/icon_print.gif) 0 0 no-repeat; }*/
.article_link a.link_dn{background:url('../img/icon/news_video.gif') 0 center no-repeat; }
.article_link a.link_copy{background:url('../img/icon/news_copy.gif') 0 center no-repeat ;text-align: right;}
.article_link a:hover{ text-decoration:none;color: #09f;}

#article .news_footer a{font-size: 0.875em;}

/*blog bests*/
.article_best { border-bottom:solid 5px #e5e5e5; padding:10px 10px 20px 10px; margin-bottom:30px }
.article_best dt{ font-size:18pt; font-weight:bold; letter-spacing:-2px; margin-bottom:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:560px; }
.article_best .thm{ width:166px; height:112px}
.article_best dd{ line-height:1.6}
.article_best dd  a{color:#737373}
.article_best dt  a{color:#000}
.article_best dl{margin:0; overflow:hidden; padding:0;height:157px}
.article_banner{margin-bottom:30px}

/* 2017-06-01 */
.pBtnWrap{overflow: hidden;margin-top: 0;padding-bottom: 10px;text-align: right;position: relative;}
.pBtnWrap a{display: inline-block;padding: 0 12px;height:26px;line-height: 25px;font-weight: 400;border: 1px solid #cfcfcf;text-align: center;font-size: 14px;vertical-align: middle;background-color: #f5f5f6;}
.pBtnWrap a img{font-size: 0;line-height: 0;;margin-top: 8px;display: block;}

@media all and (max-width:1024px){/* 1024 이하 */
.corruptImg{text-align: center; padding: 20px 0 30px;}
.corruptImg img{width: 350px;}

#article{margin-bottom: 12px;}
#article .news_header { padding:2.3% 2.5%;}
#article .news_header h2  {font-size: 1.25em; line-height: 140%;font-weight: 400;}

#article .date         {padding-top: 3px;font-size: 0.875em;}
#article .date span.bar {display: none;}

.snstoss{ font-size:0.875em;margin-top: 0;}/*기사내보내기*/
.snstoss a {margin-bottom: 2px;}

/*news_content */
#article .news_content  { margin-bottom:10px;padding: 4% 2.5%;}
#article .news_content *{/* font-size: 1em !important; */line-height: normal !important;}
#article .news_content img{font-size: 0 !important;line-height: 0 !important;display: block;border: 0;margin: 0 auto 10px;height: auto ;max-width:580px;max-height:390px}



.news_call{padding: 1.2% 3%;font-size: 0.936em;}

/* article_link */
.article_link{  padding: 1.2% 3%;}
.article_link .for_sns a{ padding:0 18px 0 25px;font-size: 0.936em;}
.article_link .for_me a{  font-size: 0.936em;}


.cast_content .player iframe{width: 99%;height: 330px;overflow: hidden;}
 
}
@media all and (max-width:667px) {/* ipone s6 가로(667*375) */

.cast_content .player iframe{width: 99%;height: 298px;overflow: hidden;}
}
@media all and (max-width:640px) {/* 갤럭시 s6 s7 가로(640*360) */

#article .news_content img{font-size: 0 !important;line-height: 0 !important;display: block;border: 0;margin: 0 auto 10px;height: auto ;max-width:100%;max-height:100%}

.cast_content .player iframe{width: 99%;height: 285px;overflow: hidden;}

}

@media all and (max-width:568px) {/* ipone s5 가로(568*320) */

.cast_content .player iframe{width: 99%;height: 246px;overflow: hidden;}
}

@media all and (max-width:414px) {/* 모바일 세로이하*/
#article .news_header h2  {font-size: 1.15em; line-height: 135%;margin-bottom:8px;}

.corruptImg img{width: 300px;}
#article .news_header h2  {font-size: 1.075em; }

.news_call,
.article_link .for_sns a,
.article_link .for_me a{font-size: 0.875em;}
.article_link {padding-left: 0;padding-right: 0;padding-top: 0;}
.article_link .for_sns,
.article_link .for_me{ float:none;}
.article_link .for_me{text-align: right;border-top: 1px solid #ececed;padding-right: 10px;padding-bottom: 5px;padding-top: 5px;}
.article_link .for_sns a{line-height: 34px;padding-right: 0px;margin-left: 10px;}


#article .cast_content{ text-align:center;padding: 2.5%;} 
.cast_content .player iframe{width: 99%;height: 192px;}
.cast_content .player p{text-align: right;padding:0% 2% 0% 0;font-size: 0.785em;}
.cast_content .subtle_box{  height:100px; margin-bottom:0px;}



}

@media all and (max-width:375px) {/* 모바일 세로이하*/

#article .date,
.snstoss{ font-size:0.785em;letter-spacing: -0.5px;}
.snstoss{ margin-top: -38px;}


.cast_content .player iframe{width: 99%;height: 172px;}

}

@media all and (max-width:360px) {/* 모바일 세로이하*/

.cast_content .player iframe{width: 99%;height: 165px;}

}

@media all and (max-width:320px) {/* 모바일 세로이하*/
#article .news_header h2  {font-size: 0.936em; line-height: 130%;}

.cast_content .player iframe{width: 99%;height: 146px;}

}





/*********
from NEWS
************/
.sc_list li{margin-bottom: 10px;border: 1px solid #cfcfcf;position: relative;padding: 15px;padding-left: 125px;height: 95px;overflow: hidden;}
.sc_list li.nothing{border: 1px solid #e1e1e1; padding: 0;height: auto;text-align: center;font-size: 1.65em;color: #676767;line-height: 400px;}
.sc_list li p.list_desc {font-size: 0.933em;line-height: 140%;color: #707070;}
.sc_list li p.list_desc img{width: 144px;height:95px ;display: block;float: right;margin-top: -40px;margin-left: 10px;}

.list_tit {display: block;font-size: 1.133em;font-weight: normal;padding-bottom: 15px;padding-top: 5px;color: #2f2f2f;}
.list_date{position: absolute;font-style: normal;top: 15px;left: 15px;width: 93px;height: 93px;display: block;border: 1px solid #d0d0d0;background-color: #f4f4f4;}
.list_date span{font-size: 0.867em;text-transform: uppercase;text-align: center;display: block;color: #707070;line-height: 120%;letter-spacing: 3px;font-family: 'verdana';}
.list_date span.day{color: #000;letter-spacing: 0px;font-size: 0.933em;text-indent: -4px;font-weight: 500;}
.list_date span.year{padding-top: 22px;}

/* video */
.cast_List{width: auto;margin-left: -1.5%;}
.cast_List:after{clear: both;display: block;content: '';}
.cast_List li{float: left;width: 31.8%;margin-left:1.5%;position: relative;margin-bottom: 1.2%;}
.cast_List li img  { transition: all 0.2s ease 0s;}
.cast_List li:hover img,
.cast_List li:focus img{  transform: scale(1.04); }

.sc_list li.nothing,
.cast_List li.nothing{border: 1px solid #e1e1e1; padding: 0;height: auto;text-align: center;font-size: 1.4em;color: #676767;line-height: 470px;float: none;width: 100%;}
.cast_List a.lnk,
.sc_list a.lnk{z-index: 5;}

.cast_box{border: 1px solid #cfcfce;border-bottom:solid 2px #2682c5;height: 278px;padding: 12px;}
.cast_img{border:1px solid #dcdcdd;height: 193px;background:#202123 /* url('../img/thumb/blank_noImg_k.gif') no-repeat 30px 120px*/; position: relative;overflow: hidden;}
.cast_img .btnStart{transition:.25s ease-out;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background:transparent url('../img/icon/btn_start.png') no-repeat  center;z-index: 2;}
.cast_img img{width: 100%;height: auto;min-height: 193px;}
.cast_wrap{position: relative;margin-top: 12px;padding-left: 82px;}
.cast_wrap .list_date{left: 0;top: 0;width: 69px;height: 69px;}
.cast_wrap .list_date span{letter-spacing: 1px;line-height: 110%;}
.cast_wrap .list_date span.year{padding-top: 14px;}
.cast_wrap .list_date span.day{letter-spacing: 0px;font-size: 0.867em;text-indent: -2px;}
.cast_wrap .list_tit {display: block;font-size: 0.933em;padding-bottom: 0;padding-top: 12px;}

@media all and (max-width:1024px){/* 1024 이하 */
/***********
news
***********/
.sc_list li p.list_desc {font-size: 0.813em;line-height: 135%;}
.sc_list li p.list_desc img{width: 144px;height:95px ;display: block;float: right;margin-top: -40px;margin-left: 10px;}

.list_tit {display: block;font-size: 16px;font-weight: normal;padding-bottom: 15px;color: #2f2f2f;}
.list_date{position: absolute;font-style: normal;top: 15px;left: 15px;width: 93px;height: 93px;display: block;border: 1px solid #d0d0d0;background-color: #f4f4f4;}
.list_date span{font-size: 13px;text-transform: uppercase;text-align: center;display: block;color: #707070;line-height: 120%;letter-spacing: 3px;font-family: 'verdana';}
.list_date span.day{color: #000;letter-spacing: 0px;font-size: 14px;text-indent: -4px;font-weight: 500;}
.list_date span.year{padding-top: 22px;}

/***********
video
***********/
.cast_List{width: auto;margin-left: 0;}
.cast_List:after{clear: both;display: block;content: '';}
.cast_List li{float: none;width: 100%;margin-left:0;position: relative;margin-bottom: 1.2%;}
.sc_list li.nothing,
.cast_List li.nothing{border: 1px solid #e1e1e1; padding: 0;height: auto;text-align: center;font-size: 1.25em;color: #676767;line-height: 400px;float: none;width: 100%;}
.cast_box{height: auto;padding: 15px;position: relative;min-height: 98px;}
.cast_img{float: left;width: 160px;height: 98px; /* background:#5f5f5eurl('../img/thumb/blank_noImg_k.gif') no-repeat 10px 85%;background-size:45px auto ; */}
.cast_img .btnStart{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background:transparent url('../img/icon/btn_play.png') no-repeat  center;z-index: 2;}
.cast_img img{width: 100%;height: auto;min-height: 98px;}
.cast_wrap{margin-left: 180px;position: relative;margin-top: 0;padding-left: 0;height: auto;}
.cast_wrap .list_date{position: static;width: auto;height: auto;border: none;background: none;margin-bottom: 5px;}
.cast_wrap .list_date span{letter-spacing: 0;line-height: normal;display: inline;text-align: left;}
.cast_wrap .list_date span.year{padding-top:0;font-size:  0.938em;}
.cast_wrap .list_date span.day{letter-spacing: 0px;font-size: 0.938em;text-indent: 0;color: #707070;}
.cast_wrap .list_date span.yo{display: none;}
.cast_wrap .list_tit {font-size: 0.938em;padding-bottom: 0;padding-top: 0;line-height: normal;}




.cast_List li.first .cast_box{border: 1px solid #cfcfce;border-bottom:solid 2px #2682c5;height: auto;padding: 12px;min-height: 100%;}
.cast_List li.first .cast_img{float: none;border:1px solid #dcdcdd;margin: 0 auto;width: 391px;height: 238px;background:#5f5f5e /* url('../img/thumb/blank_noImg_k.gif') no-repeat 30px 120px */;position: relative;overflow: hidden;}
.cast_List li.first .cast_img .btnStart{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background:transparent url('../img/icon/btn_start.png') no-repeat  center;z-index: 2;}
.cast_List li.first .cast_img img{width: 100%;height: auto;min-height: 238px;position: relative;}
.cast_List li.first .cast_wrap{float: none;position: relative;padding-left: 82px;height: 69px;margin :0 auto;width: 311px;;margin-top: 12px;}
.cast_List li.first .cast_wrap .list_date{position: absolute;left: 0;top: 0;width: 69px;height: 69px;border: 1px solid #cecece;background-color: #f4f4f4;}
.cast_List li.first .cast_wrap .list_date span{letter-spacing: 1px;line-height: 110%;display: block;text-align: center;}
.cast_List li.first .cast_wrap .list_date span.year{padding-top: 14px;font-size: 12px;}
.cast_List li.first .cast_wrap .list_date span.day{letter-spacing: 0px;font-size: 13px;text-indent: -2px;}
.cast_List li.first .cast_wrap .list_tit {display: block;font-size: 15px;padding-bottom: 0;padding-top: 12px;}

}

@media all and (max-width:736px){
.sc_list li{padding-left: 15px;}
.sc_list li.nothing,
.cast_List li.nothing{font-size: 1.25em;line-height: 180px;}
.sc_list li p.list_desc  {font-size: 0.813em;line-height: 125%;}
.sc_list li p.list_desc img{}
.list_date{position: static;width: auto;height: auto;border: none;background: none;margin-bottom: 5px;}
.list_date span{letter-spacing: 0;line-height: normal;display: inline;text-align: left;}
.list_date span.year{padding-top:0;font-size:  0.938em;}
.list_date span.day{letter-spacing: 0px;font-size: 0.938em;text-indent: 0;color: #707070;}
.list_date span.yo{display: none;}
.list_tit {font-size: 0.938em;padding-bottom: 0;padding-top: 0;line-height: normal;}

}

@media all and (max-width:640px){/* 갤럭시 s6 s7 가로(640*360) */

.list_date{margin-bottom: 3px;margin: 0px;padding: 0 0 3px 0;}
.list_date span.year{font-size:  0.785em;}
.list_date span.day{font-size: 0.785em;}
.list_tit {font-size: 0.875em;padding: 0;margin: 0;height: auto;}
.sc_list li p.list_desc  {font-size: 0.785em;line-height: 140%;}
.sc_list li p.list_desc img{margin-top: -46px;}
}
@media all and (max-width:568px){/* iphone s4  가로(568*320) */

.list_date{margin-bottom: 3px;margin-top: -3px;padding: 0 0 0px 0;}
.list_date span.year{font-size:  0.785em;}
.list_date span.day{font-size: 0.785em;}
.sc_list .list_tit {font-size: 0.875em;padding: 0  0  0 0;margin: 0 155px 0 0;height: auto;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block;}
.sc_list li p.list_desc  {font-size: 0.785em;line-height: 125%;}
.sc_list li p.list_desc img{margin-top: -46px;}
}

@media all and (max-width:414px) {/* 모바일 세로이하*/

.sc_list li{margin-bottom: 5px;padding: 7px;padding-left: 7px;height: auto;}
.list_tit {font-size: 0.933em;margin-right: 7px;}
.sc_list li p.list_desc  {line-height: normal;font-size: 0.875em;letter-spacing:0;}

.sc_list li p.list_desc img{margin-left: 7px;margin-top: 2px;}


.cast_box{height: auto;padding: 10px;position: relative;min-height: 80px;}
.cast_img{float: left;width: 140px;height: 80px;}
.cast_img img{width: 100%;height: auto;min-height: 80px;}
.cast_wrap{margin-left: 150px;position: relative;margin-top: 0;padding-left: 0;height: auto;}
.cast_wrap .list_date{position: static;width: auto;height: auto;border: none;background: none;margin-bottom: 5px;}
.cast_wrap .list_date span.year,
.cast_wrap .list_date span.day{;font-size: 0.875em;}
.cast_wrap .list_tit {font-size: 0.938em;padding-bottom: 0;padding-top: 0;line-height: normal;}

/************************
video gallery first article
********************/
.cast_List li.first .cast_img{float: none;border:1px solid #dcdcdd;margin: 0 auto;width: 100%;height: 200px;/* background:#5f5f5e url('../img/thumb/blank_noImg_k.gif') no-repeat 30px 120px */;position: relative;overflow: hidden;}
.cast_List li.first .cast_img .btnStart{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background:transparent url('../img/icon/btn_start.png') no-repeat  center;z-index: -2;}
.cast_List li.first .cast_img img{width: 100%;height: auto;min-height: 238px;position: relative;}
.cast_List li.first .cast_wrap{margin :0 auto;width: auto;;margin-top: 10px;height: 59px;padding-left: 65px;}
.cast_List li.first .cast_wrap .list_date{position: absolute;left: 0;top: 0;width: 54px;height: 59px;border: 1px solid #cecece;background-color: #f4f4f4;}
.cast_List li.first .cast_wrap .list_date span.year{padding-top: 10px;font-size: 12px;}
.cast_List li.first .cast_wrap .list_tit {display: block;font-size: 0.936em;padding-top: 12px;}
}


.cast_img .btnStart{/* display: none; */}

/*--------------------
2025-11-26
---------------------*/
.cast_img .btnStart{opacity: .85;}
.cast_img:has(.btnStart) img{opacity:.2;}
.cast_List li:hover .cast_img .btnStart{opacity: 0;}
.cast_List li:hover .cast_img img{opacity: 1;}

.sc_list li{padding-right: 170px;}
.sc_list li .list_tit{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 0;}
.sc_list li p.list_desc img{float: none;position: absolute;right: 15px;top: 15px;margin-top: 0;margin-left: 0;}
.sc_list li p.list_desc { display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
@media (max-width:450px){
.sc_list li{padding-right: 15px;height: auto;padding-bottom: 10px;}
.sc_list li p.list_desc img{float: none;position: static;right: auto;top: auto;margin:5px auto 15px;width: 98.4%;height: auto;}
}
@media (max-width:1024px){
.cast_List{width: auto;margin-left: 0;display: flex;gap:1.5%;flex-wrap: wrap;}
.cast_List:after{display: none;}
.cast_List li{float: none;width: calc((100% - (1.5% * 2)) / 3);margin-left:0;flex:0 0 calc((100% - (1.5% * 2)) / 3);position: relative;margin-bottom: 1.5%;height: 100%;}
.cast_box{height: auto;padding: 10px;position: relative;min-height: 100%;}
.cast_img{float: none;width: auto;height: calc(193/296 * 100%);font-size: 0;}
.cast_img img{width: 100%;height: auto;min-height: 100%;}
.cast_wrap{margin-left: 0;position: relative;margin-top: 5px;padding-left: 0;height: auto;}
.cast_wrap .list_date{position: static;width: auto;height: auto;border: none;background: none;margin:0;}
.cast_wrap .list_date span{letter-spacing: 0;line-height: normal;display: inline;text-align: left;font-family: inherit;}
.cast_wrap .list_date span.year{padding-top:0;font-size:  0.845em;}
.cast_wrap .list_date span.day{letter-spacing: 0px;font-size: 0.845em;text-indent: 0;color: #707070;}
.cast_wrap .list_date span.yo{display: none;}
.cast_wrap .list_tit {font-size: 1em;padding-bottom: 0;padding-top: 0;margin: 0;line-height: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
}
@media (max-width:780px){
.cast_List li{float: none;width: calc((100% - 1.5%)/2);margin-left:0;flex:0 0 calc((100% - 1.5%)/2);position: relative;margin-bottom: 1.5%;height: 100%;}
}
@media (max-width:450px){
.cast_List{display: block;}
.cast_img{height: auto;}
.cast_List li{width: auto;height: auto;margin-bottom: 10px;}
.cast_wrap .list_tit{text-overflow: auto;white-space: normal;}
}
