@charset "utf-8";

@import url('/common/css/ctv.basic.css?ver=20150110');/*기본지정 및 레이아웃*/
@import url('/common/css/ctv.layout.css?ver=20150110');
@import url('/common/css/ctv.board.css?ver=20150110');
/*@import url('/common/css/nanumgothic.css?ver=2150110');*/
/*@import url('//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css');*/

.input {
	background:#fff; color: #454545; height:25px; padding:0 0 0 3px;
	border-top:#999 1px solid; border-right:#dbdbdb 1px solid; border-bottom:#dbdbdb 1pt solid; border-left:#999 1px solid;
}

.inputtext {
	background:#fff; color: #454545; height:25px; padding:0 0 0 3px;
	border-top:#999 1px solid; border-right:#dbdbdb 1px solid; border-bottom:#dbdbdb 1pt solid; border-left:#999 1px solid;
}

.focusField{
	background:#fff7d2; color:#454545; height:25px; padding:0 0 0 3px;
	border-top:#999 1px solid; border-right:#dbdbdb 1px solid; border-bottom:#dbdbdb 1pt solid; border-left:#999 1px solid;
}

.ronlyField{
	background:#ececec; color:#454545; height:25px; padding:0 0 0 3px; text-align:right;
	border-top:#999 1px solid; border-right:#dbdbdb 1px solid; border-bottom:#dbdbdb 1pt solid; border-left:#999 1px solid;
}

.inputOnly{
	background:#ececec; color: #6f6f6f; height:25px; padding:0 0 0 3px;
	border-top:#999 1px solid; border-right:#dbdbdb 1px solid; border-bottom:#dbdbdb 1pt solid; border-left:#999 1px solid;
}

.inputText {
	background:#fff; color: #454545; height:25px; padding:0 0 0 3px;
	border-top:#999 1px solid; border-right:#dbdbdb 1px solid; border-bottom:#dbdbdb 1pt solid; border-left:#999 1px solid;
}
.inputRight {
	background:#fff; color: #454545; height:25px; padding:0 0 0 3px; text-align:right;
	border-top:#999 1px solid; border-right:#dbdbdb 1px solid; border-bottom:#dbdbdb 1pt solid; border-left:#999 1px solid;
}
.inputMoney {
	font-family:tahoma; font-size:12px; background:#fff; color: #454545; height:25px; padding:0 0 0 3px; text-align:right;
	border-top:#999 1px solid; border-right:#dbdbdb 1px solid; border-bottom:#dbdbdb 1pt solid; border-left:#999 1px solid;
}
.inputMoneyOnly {
	font-family:tahoma; font-size:12px; background:#ececec; color: #454545; height:25px; padding:0 0 0 3px; text-align:right;
	border-top:#999 1px solid; border-right:#dbdbdb 1px solid; border-bottom:#dbdbdb 1pt solid; border-left:#999 1px solid;
}

ul.slist {position:relative; margin:0 20px 0 20px;}
ul.slist li.item {margin-bottom:8px;}
ul.slist li.txt {margin-bottom:14px;}

/* 채널 박스 */
.greenbox {background:#ecf6d8; border:1px solid #cbe49a;}
ul.channel {position:relative; margin:18px 25px 18px 25px;}
ul.channel li {display:inline-block; *display:inline; zoom:1; width:142px; background:url(/images/common/greend.gif) no-repeat 0 7px; padding-left:9px; height:20px; font-size:11px;}
ul.channel li a.now {color:#b26900; font-weight:bold;}

/* 뉴스 헤드라인 */
.headline {clear:both; position:relative;}
.headline .htitle {font-size:12pt; font-weight:bold; color:#51710b;}
.headline .htitle a {color:#51710b;}
.headline .hcomment {margin:4px 0 15px 0;}

/* 뉴스 도구 */
.newsv_title {margin:0 0 10px 0; font-size:20px; font-weight:bold; padding:10px 0 10px 0; border-bottom:1px solid #cbcbcb; border-top:1px solid #a9a9a9;}
.newsv_bot {border-top:1px solid #cbcbcb; padding-top:7px;}
.newsv_bot .abtn {float:left;}
.newsv_bot .abtn a {margin:0 4px 0 0; padding:0; cursor:pointer;}
.newsv_bot .mbtn {float:right;}
.newsv_bot .mbtn a {margin:0 0 0 2px; padding:0; cursor:pointer;}
.newsv_tool {position:relative; margin-left:20px;}
.newsv_tool img {margin:0 0 0 -4px; padding:0; cursor:pointer;}
.content_view {clear:both; font-size:13px; line-height:150%;}
.news_view {clear:both; font-size:16px; line-height:150%; word-break: break-all; word-wrap: break-word; min-height:250px; text-align: justify;}

.news_info {float:right; text-align:right;}

.news_relBox {float:right; width:200px; display:block; overflow:hidden; margin:0 -7px 5px 5px; border:1px solid #d8d8d8;}
.news_relHead {height:24px; border-bottom:1px solid #d8d8d8;}
.news_relHead img {margin:4px 8px 0 5px;}
.news_rel {position:relative; margin:8px;}
.news_rel li {background:url(/images/common/ico_relvideo.gif) no-repeat 0 0; font-size:11px; margin:2px 0 2px 0; line-height:20px; letter-spacing:-1px; padding-left:17px;}

/* 채널 편성표 */
.prCalendar {position:relative; float:left; width:227px; height:182px; background:url(/images/common/bg_cal.gif) no-repeat;}
.prWeekWrap {position:relative; float:right; width:435px; height:182px; background:url(/images/common/bg_week.gif) no-repeat;}
.prWeekWrap .prDate {position:relative; margin:81px 0 0 90px; padding:0; font-size:13px; font-weight:bold;}
.prWeekWrap .prWeek {position:relative; margin:50px 0 0 15px;}
.prWeekWrap .prWeek li {display:inline-block; *display:inline; zoom:1; width:49px; margin:0 0 0 10px;}
.prWeekWrap .prWeek li a {font-family:verdana; font-size:11px;}

/* 채널 프로그램 안내 */
.prPhoto {text-align:center;}
.prPhoto img {border:1px solid #9db955;}

div.chguide {position:relative; overflow:hidden;}
div.chguide * {font-size:11px;}

.ciul {positon:relative; margin:30px 0 0 20px;}
.ciul li {background:url(/images/common/ci_d.gif) no-repeat 0 4px; padding-left:19px; margin-bottom:10px;}

.rechead {position:relative;}
.rechead li {display:inline-block; height:105px; border-right:1px solid #787777; padding:0;}
.rechead li.last {border-right:0px}

.box2p {border:2px solid #696969;}
.ulresult {margin:18px 0 18px 22px;}
.ulresult li {margin:5px; 0 5px 0;}
.nobox {display:inline-block; text-align:center; width:28px; height:16px; font-weight:bold; color:#fff; background-color:#fa9006; margin-right:10px;}

img.img_b {border:1px solid #989a9a;}

.tour li {height:150px;margin-bottom:17px;}
.tour dl {clear:both; overflow:auto; text-align:left;}
.tour dl .imgbox {position:relative; float:left; margin:0 15px 0 0; width:200px; overflow:hidden;}
.tour dl .imgbox img {border:#989a9a 1px solid;}

.tour dl .dtitle {font-size:14px; font-weight:bold; margin:0 0 8px 0;}
.tour dl dd {position:relative; margin-left:215px; text-overflow:ellipsis; *margin-left:0;}

.map_print {position:absolute; width:58px; height:43px;}
.map_method {height:30px; border-bottom:1px solid #b3b3b3; padding-left:10px;}

ul.map_txt {position:relative; margin-left:10px;}
ul.map_txt li {position:relative; clear:both;}
ul.map_txt li.mtitle {background:url(/images/about/map_d.gif) no-repeat 0 5px; padding-left:12px; font-weight:bold; color:#cd8b18;}
ul.map_txt li.mtxt {margin:10px 0 30px 13px;}

div.terms table, div.terms td {border-collapse:collapse; border:1px solid #000;}

/* 합창단 */
div.chorusbox {border-top:2px solid #739a1c; padding:10px; padding-top:20px;}
div.chorusbox table {position:relative;}
div.chorusbox table td {text-align:left; padding:2px 0 10px 0;}
div.chorusbox table td.year {width:100px; font-weight:bold;}

/* auto complete */
div.autocompleteWrap {position:absolute; padding:0; z-index:900; background:#fff; width:380px; border:1px solid #4b66e3;}
div.autocompleteWrap div.autolist {overflow-y:auto; overflow-x:hidden; width:100%; max-height:220px;}
div.autocompleteWrap div.autolist ul.tbAutoList {width:100%; overflow:hidden;}
div.autocompleteWrap div.autolist ul.tbAutoList span {display:inline-block; margin:3px 4px 3px 4px;}
div.autocompleteWrap div.autolist ul.tbAutoList .aname {color:#0b61c2; font-weight:bold; width:60px;}
div.autocompleteWrap div.autolist ul.tbAutoList .agrade {width:40px;}
div.autocompleteWrap div.autolist ul.tbAutoList .ajikbun {width:50px;}
div.autocompleteWrap div.autolist ul.tbAutoList .aage {width:60px;}


/* 버튼 박스 - 중앙 위치 */
.btnCenterOuter {clear:both; display:block; margin:0 auto; width:300px; text-align:center;}
.btnMiddle {width:63px; height:26px; background:url(/images/btn/btn_middle.gif) no-repeat; text-indent:-10000px; cursor:pointer;}
.btnMOK {background-position:0 0; background-repeat:no-repeat;}
.btnMReg {background-position:-63px 0; background-repeat:no-repeat;}
.btnMSearch {background-position:-126px 0; background-repeat:no-repeat;}
.btnMModify {background-position:-189px 0; background-repeat:no-repeat;}
.btnMList {background-position:-252px 0; background-repeat:no-repeat;}
.btnMReply {background-position:-315px 0; background-repeat:no-repeat;}

.btnMCancel {background-position:0 -26px; background-repeat:no-repeat;}
.btnMClose {background-position:-63px -26px; background-repeat:no-repeat;}
.btnMDelete {background-position:-126px -26px; background-repeat:no-repeat;}
.btnMReject {background-position:-189px -26px; background-repeat:no-repeat;} /*접속차단*/
.btnMPrint {background-position:0 -52px; background-repeat:no-repeat;} /*인쇄*/
.btnMExcel {background-position:-63px -52px; background-repeat:no-repeat;} /*엑셀*/
.btnMSms {background-position:-126px -52px; background-repeat:no-repeat;} /*SMS*/

.btnGOk {background-position:0 -140px; background-repeat:no-repeat;}
.btnGReg {background-position:-63px -140px; background-repeat:no-repeat;}

.btnSmall {width:38px; height:21px; background:url(/images/btn/btn_middle.gif) no-repeat; text-indent:-10000px; cursor:pointer;}
.btnSSend {background-position:-183px -78px; background-repeat:no-repeat;}
.btnSReg {background-position:0 -78px; background-repeat:no-repeat;}
.btnSSearch {background-position:-39px -78px; background-repeat:no-repeat;}
.btnSAdd {width:34px; background-position:-78px -78px; background-repeat:no-repeat;}
.btnSDelete {width:34px; background-position:-113px -78px; background-repeat:no-repeat;}
.btnSSet {width:34px; background-position:-148px -78px; background-repeat:no-repeat;}

.btnLarge {width:80px; height:40px; background:url(/images/btn/btn_middle.gif) no-repeat; text-indent:-10000px; cursor:pointer;}
.btnLComment {background-position:0 -100px; background-repeat:no-repeat;}
.btnLReply {background-position:-80px -100px; background-repeat:no-repeat;}

/* Date Picker */
.datepicker_pop {width:173px; position:absolute; border:1px solid #959599; background:#fff; z-index:9999;}
.datepanel {position:relative; border:1px solid #959599; border-top:0; height:auto;}

/* Key Pad */
div.keypadWrap {position:relative; width:179px; height:158px; text-align:left; padding:3px 0 0 3px; background:url(/images/common/bg_keypad.png) no-repeat;};
div.keypadWrap div.keypad {position:relative; width:171px; height:140px; text-align:left; margin:0; padding:0;}
div.keypadWrap div.keypad ul {position:relative; margin:0; padding:0;}
div.keypadWrap div.keypad ul li {display:inline-block; *display:inline; zoom:1; width:57px; height:35px; margin:0; padding:0;}
div.keypadWrap div.keypad ul li img {margin:0; padding:0;}
div.keypadWrap div.keypad ul li img.key_btn {cursor:pointer;}

/* TAB */
.ptab {clear:both; position:relative; z-index:600; top:1px; height:28px; margin-top:6px; padding:0 10px 0 30px; overflow:hidden;}
.ptab .tab_left, .ptab .tab_right, .ptab .tab_mid {background:url(/images/common/bg_tab.gif) no-repeat;}
.ptab_pr {clear:both; position:relative; z-index:600; top:1px; height:28px; margin-top:6px; padding:0 10px 0 30px; overflow:hidden;}
.ptab_pr .tab_left, .ptab_pr .tab_right, .ptab_pr .tab_mid {background:url(/images/common/bg_tab_pr.gif) no-repeat;}

.ptab .tab_mid {background-repeat:repeat-x;}
.ptab .tab_left, .ptab .tab_right, .ptab .tab_mid, .ptab .t_text {float:left;}

.ptab .tab_div, .ptab .tab_divpop {position:relative; height:28px; float:left;}
.ptab .tab_mid {background-color:#fbfbfb; background-repeat:repeat-x; background-position:0 -250px; padding:0; height:28px;}
.ptab .tab_left {background-position:0 -200px; cursor:pointer; padding:0 0 0 60px; height:28px;}
.ptab .tab_right {background-position:right -350px; padding:0 60px 0 0; height:28px; display:block;}
.ptab .tab_text {display:block; white-space:nowrap; height:28px; text-align:center; font-size:12px; color:#767676;}
.ptab .t_text {position:relative; top:5px; padding:0; float:none; overflow:hidden; white-space:nowrap; font-size:12px !important; font-weight:bold;}

.ptab .tabL10 {padding-left:10px;}
.ptab .tabR10 {padding-right:10px;}
.ptab .tabL10 {padding-left:10px;}
.ptab .tabR10 {padding-right:10px;}
.ptab .tabL15 {padding-left:15px;}
.ptab .tabR15 {padding-right:15px;}
.ptab .tabL20 {padding-left:20px;}
.ptab .tabR20 {padding-right:20px;}
.ptab .tabL30 {padding-left:30px;}
.ptab .tabR30 {padding-right:30px;}
.ptab .tabL40 {padding-left:40px;}
.ptab .tabR40 {padding-right:40px;}
.ptab .tabL50 {padding-left:50px;}
.ptab .tabR50 {padding-right:50px;}

.tab_sel .tab_mid {background-position:0 -50px;}
.tab_sel .tab_left {background-position:0 0;}
.tab_sel .tab_right {background-position:right -150px;}
.tab_sel .t_text {font-weight:bold; color:#fff;}

/* 공통탭 수정 */
.cont_tabwrap {position:relative; clear:both; overflow:hidden; border-bottom:1px solid #bec6cf;}
.cont_tab {overflow:hidden;}
.cont_tab li{float:left; width:25%; margin:0 -1px 0 0; box-sizing:border-box;}
.cont_tab li.w50{float:left; width:50%;}
.cont_tab li.w25{float:left; width:24.9%;}
.cont_tab li.w33{float:left; width:33.3%;}
.cont_tab li a{display:block; border:1px solid #bec6cf; border-bottom:0; line-height:37px; text-align:center; font-size:13px; letter-spacing:-1px; color:#666; font-weight:bold;font-family:'Nanum Gothic','돋움',Dotum,AppleGothic,Arial,sans-serif; text-decoration:none;}
.cont_tab li a:hover, .cont_tab li a:focus, .cont_tab li a:active, .cont_tab li a.on {color:#fff; background:#626d77 url(/images/common2/tab_bg_on.png) no-repeat left top;}
#contentWrap>#scontents>.cont_tabwrap>.cont_tab>li>a {line-height:37px; text-decoration:none;}

/* Member Join */
ul.mjmenu {margin:60px 0 180px 0; white-space:nowrap; text-align:center; height:170px;}
ul.mjmenu li {display:inline; margin:0 35px 0 0;}

ul.mjstep {margin:0 0 30px 0;}
ul.mjstep li {display:inline; margin:0 5px 0 0;}

fieldset.mjagree {position:relative; margin:0 0 10px 0;}
fieldset.mjagree legend {display:block; padding:0 0 8px 0; font-size:14px; font-weight:bold;}
fieldset.mjagree .abox {position:relative; height:180px; padding:15px 15px 0 15px; margin:0 0 5px 0; border:1px solid #bcbcbc; overflow:auto;}
fieldset.mjagree .acheck {margin:0 0 20px 0;}
fieldset.mjagree .acheck input {vertical-align:middle;}
fieldset.mjagree .acheck label {position:relative; top:1px; padding:0 0 0 3px;}

div.mjnamecheck {position:relative; height:60px; margin:20px 0 20px 0; padding:30px 0 20px 0; background:#edecea;}
p.mjcheckinput {float:left; width:410px; margin-left:100px; _margin-left:30px;}
p.mjcheckinput span {display:inline-block; margin-bottom:10px;}
p.mjcheckinput label {display:inline-block; width:100px; margin-top:2px; font-weight:bold;}
div.mjnamecheck input.mjcheckbtn {float:left; margin-left:20px; border:none; vertical-align:top;}

div.mjsitebox {position:relative; background:#bcbcbc; padding-bottom:15px;}
div.mjsitebox table.mjsitetable {position:relative; margin:5px 15px 0 15px; padding:0;}
div.mjsitebox table.mjsitetable td {text-align:center; background:#fff; border-bottom:1px solid #bcbcbc; height:30px;}
div.mjsitebox table.mjsitetable td.aleft {text-align:left;}
div.mjsitebox table.mjsitetable td.acenter {text-align:center;}
div.mjsitebox table.mjsitetable td.buse {background:#fef7df;}
div.mjsitebox table.mjsitetable tr.title td {font-weight:bold;}

div.mjidbox {position:relative; background:#edecea; text-align:center; padding:15px 0 20px 0; border:1px solid #d9d9d9;}
div.mjid {position:relative; text-align:center; margin:10px 0 0 0;}
div.mjid input {vertical-align:middle;}

ul.mjidhelp {position:relative; margin:25px 0 0 0;}
ul.mjidhelp li {padding:5px 0 5px 35px; border-bottom:1px solid #c1c1c1; background:url(/images/join/ico_no.gif) no-repeat 0 0;}
ul.mjidhelp li.no1 {background-position:5px 7px; *background-position:5px 13px;}
ul.mjidhelp li.no2 {background-position:5px -23px;}
ul.mjidhelp li.no3 {background-position:5px -53px;}
ul.mjidhelp li.no4 {background-position:5px -83px;}

div.mjinputbox {position:relative; background:#f8f8f8; border:1px solid #eaeaea; padding:20px;}
div.mjinputbox input {vertical-align:middle;}
table.mjinput {position:relative;}
table.mjinput td {text-align:left; padding:5px;}
table.mjinput td.item {font-weight:bold;}


/* Log Box */
#contentWrap .logbox {positioin:relative; border:3px solid #739a1c; height:230px;}
#contentWrap .logbox .logleft {float:left; border-right:1px solid #e6e6e6; _width:343px; margin:40px 35px 40px 30px; _margin:40px 0 40px 20px;}
#contentWrap .logbox .logright {float:right; margin:40px 30px 40px 0; _margin:40px 15px 40px 0;}
#contentWrap .logbox .logleft .title {margin-bottom:23px;}
#contentWrap .joinmsg {margin-left:10px; color:#fc5602; font-size:11px;}
#contentWrap .logbox input {vertical-align:middle;}

ul.lostID {position: relative;}
ul.lostID li {display:inline;}
ul.lostID li input {vertical-align:middle;}

ul.lostPW {position: relative;}
ul.lostPW li {display:block; margin:7px 0 7px 0;}
ul.lostPW li input {vertical-align:middle;}

/* 캘린더 */
.calWrap {position:relative; width:208px; border:1px solid #a0bc56;}
.calWrap .calHead {position:relative; text-align:center; height:22px; margin-top:10px;}
.calWrap .calHead .calNavi a {padding:0 3px 2px 0; font-size:11px; cursor:pointer; color:#951015;}
.calWrap .calHead .calNavi a:hover {text-decoration:none;}
.calWrap .calHead .calDate {font-family:verdana; font-size:12px; font-weight:bold; text-align:center;}
.calWrap .calBody {text-align:center; clear:both;}
.calWrap .calBody .calWeek {height:25px; text-align:center; background:#a0bc56; color:#fff; padding:5px 0 0 9px;}
.calWrap .calBody .calWeek span {display:block; float:left; width:28px; text-align:center;}
.calWrap .calBody .calTable {position:relative; width:95%; margin:5px auto; background:#fff; border-spacing:0;}
.calWrap .calBody .calTable td {text-align:center; /*width:26px;*/ height:18px;}
.calWrap .calBody .calTable td span {cursor:pointer; display:block; *display:inline; zoom:1; /*width:24px; height:17px;*/}
.calWrap .calBody .calTable td a {font-size:13px; display:block; *display:inline; zoom:1; /*width:24px;*/ height:25px; padding-top:2px;}
.calWrap .calBody .calTable td a.sun {color:#d42828;}
.calWrap .calBody .calTable td a.sat {color:#1a75b5;}
.calWrap .calBody .calTable td a.cgreen {background:#d5d5d5;}

#micWrap {clear:both; border:3px solid #739a1c; padding:0 30px 30px 30px; zoom:1; overflow:hidden;}
#micWrap .mtitle {clear:both; border-bottom:2px solid #bfbfbf; margin:40px 0 20px 0; padding-bottom:8px;}
#micWrap .box {width:415px; height:160px; border:1px solid #d8d8d8; margin-bottom:25px;}
#micWrap td.item {padding:0 0 0 0; border:0; vertical-align:top;}
#micWrap td.mm {width:70px; color:#7a7a7a;text-align:justify;}
#micWrap ul.spec {position:relative;}
#micWrap ul.spec li {position:relative; display:inline-block; zoom:1; width:107px; height:100px; margin:10px 15px 0 0; text-align:center;cursor:pointer;}
#micWrap ul.spec li p {margin-top:6px; font-size:11px;}
#micWrap ul.spec li:last-child {margin-right:0;}


/* 141010 추가 */
.btn_close_pop {position:absolute; z-index:50; top:15px; right:20px; width:25px; height:24px; background:url(/images/common/btn_div_close.gif) no-repeat; cursor:pointer; text-indent:-9999px;}

.news_wrap {position:relative; height:33px; background:#f3f3f3; border:1px solid #eaeaea; margin-top:8px;}
.news_wrap .news_live {float:left; width:600px;}
.news_wrap .news_letter {float:right;}
.news_wrap:after {clear:both; content:""; display:block;}

.news_wrap .news_live .scrollwrap {position:relative; width:800px; height:33px; white-space:nowrap; overflow:hidden;}
.news_wrap .news_live .live_t {position:absolute; z-index:10; top:0; left:0; width:90px; height:33px; background:url(/images/common/news_left.png) no-repeat;}
.news_wrap .news_live .live_r {position:absolute; z-index:10; top:0; right:0; width:28px; height:33px; background:url(/images/common/news_right.png) no-repeat;}
.tickercontainer {width:800px; height:33px; margin: 0; padding: 0; overflow: hidden;}
.tickercontainer .mask {position: relative; line-height:33px; overflow: hidden;}
ul.newsticker {position: relative; list-style-type: none; margin:0; padding:0; margin-left:90px;}
ul.newsticker li {float: left; margin: 0; padding-right: 15px; padding-left:6px; background:url(/images/common/ico_dot_22.gif) no-repeat 0 16px;}

.news_wrap .news_letter {position:relative; text-align:left; width:370px;}
.news_wrap .news_letter .input_subs {width:250px; height:19px; padding:2px 0 1px 4px; border:1px solid #bebebe; background:#fff; margin:4px 10px 0 0;}
.news_wrap .news_letter .submit_subs {position:absolute; z-index:10; top:5px; right:115px; width:90px; height:22px; background:url(/images/common/submit_subs.gif) no-repeat; cursor:pointer;}
.news_wrap .news_letter .news_req {position:absolute; z-index:10; top:4px; right:50px; width:56px; height:24px; background:url(/images/btn/btn_newssuj2.gif) no-repeat; cursor:pointer;}
.news_wrap .news_letter .news_fb {position:absolute; z-index:10; top:4px; right:23px; width:24px; height:24px; background:url(/images/btn/btn_newsfb.gif) no-repeat; cursor:pointer;}
.news_wrap .news_letter .news_ytube {position:absolute; z-index:10; top:4px; right:0px; width:24px; height:24px; background:url(/images/btn/btn_newsyoutube.png) no-repeat; cursor:pointer;}

.sfile_wrap {display:inline-block; width:65px; height:25px; background:url(/images/btn/btn_file.gif) no-repeat; cursor:pointer; vertical-align:top;}
.sfile {width:65px; height:24px; vertical-align:top; cursor:pointer; opacity:0; filter:alpha(opacity=0);}

/* News Main */
.hline_wrap {position:relative; width:100%; height:auto; overflow:hidden; clear:both; background:#fff;}
.lof-slidecontent {float:left; position:relative; width:755px; height:360px; overflow:hidden;}
.lof-slidecontent .preload {display:none;}
.lof-slidecontent .button-previous {display:none;}
.lof-slidecontent .button-next {display:none;}
.lof-slidecontent .button-control {display:none;}

.main-slider-content {width:640px; height:360px;}
.lof-slidecontent .sliders-wrapper {position:relative; width:640px; height:100%; z-index:3; overflow:hidden;}
.lof-slidecontent .sliders-wrap-inner {padding:0; margin:0; position:absolute; z-index:4; overflow:hidden;}
.lof-slidecontent .sliders-wrap-inner li {float:left; position:relative; overflow:hidden; width:640px; height:360px;}

.lof-slidecontent .navigator-content {position:absolute; z-index:9; right:0; top:0; overflow:hidden;width:115px; height:360px;}
.lof-slidecontent .navigator-content .navigator-wrapper {position:relative; z-index:10; overflow:hidden;}
.lof-slidecontent .navigator-content .navigator-wrap-inner{position:absolute;width:115px; top:0; padding:0; margin:0;}
.lof-slidecontent .navigator-content .navigator-wrap-inner li {display:block; width:115px; height:72px; overflow:hidden;float:left; cursor:pointer;}
.lof-slidecontent .navigator-content .navigator-wrap-inner li div {position:relative;}
.lof-slidecontent .navigator-content .navigator-wrap-inner li div img{width:115px; height:72px;}
.lof-slidecontent .navigator-content .navigator-wrap-inner li.active p.outer {position:absolute; z-index:20; top:0; left:0; width:107px; height:64px; border:4px solid #739a1c;}

.hline_news{width:100%; height:100%; overflow:hidden;}
.hline_news dl{position:relative}
.hline_news dl dt{position:absolute;top:265px;left:15px;z-index:2; color:#fff;letter-spacing:-1px}
.hline_news dl dt a{display:block; font-size:24px;font-weight:bold;color:#fff; white-space:nowrap; word-wrap:break-word; word-break:break-all; text-overflow:ellipsis; overflow:hidden; width:605px;}
.hline_news dl .img{position:relative; width:100%; height:100%; overflow:hidden; text-align:center;}
.hline_news dl .img img{vertical-align:top; height:360px;}
.hline_news dl .img .bg_txt{
    position:absolute;bottom:0;left:0;z-index:1;width:640px;height:110px;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 30%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 30%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0);
}
.hline_news dl .img .tmp_border{position:absolute;top:0;left:0;width:638px;_width:640px;height:358px;_height:360px;border:1px solid #000;cursor:pointer;cursor:hand;filter:alpha(opacity=10);opacity:0.1}
.hline_news dl .txt{position:absolute;top:312px;left:15px;z-index:2;width:605px; font-size:13px; line-height:1.4; color:#eee; white-space:normal; word-wrap:break-word; word-break:break-all}

.rank_wrap{overflow:hidden;float:right; padding:12px 12px 0 12px; border:1px solid #dddddd;}
.rank_wrap .rank_t {margin:0 0 2px 0; border-bottom:1px solid #787878; padding-bottom:5px;}
.rank_wrap .rlist {padding-top:4px; font-size:12px;}
.rank_wrap .rlist li {position:relative; display:block; padding:7px 0 7px 0; border-bottom:1px solid #ededed;}
.rank_wrap .rlist li:last-child {border-bottom:none;}
.rank_wrap .rlist li a{float:left; display:block; overflow:hidden; width:166px; font-size:13px; color:#333; white-space:nowrap; word-wrap:break-word; word-break:break-all; text-overflow:ellipsis;}
.rank_wrap .rlist li a strong{letter-spacing:-1px}
.rank_wrap .rlist li:after {clear:both; content:""; display:block;}

.rank_wrap .rlist li .spr{float:left; display:inline-block; position:relative; overflow:hidden; font-size:10px; letter-spacing:-1px; width:17px;height:17px;margin:2px 4px 0 0; text-indent:-9999px;}
.rank_wrap .rlist li .spr span {position:absolute; display:inline-block; top:0; left:0; width:17px;height:17px;background:url(/images/common/news_spr.gif) no-repeat;}
.rank_wrap .rlist li .spr span.r2{background-position:0 -20px}
.rank_wrap .rlist li .spr span.r3{background-position:0 -40px}
.rank_wrap .rlist li .spr span.r4{background-position:0 -60px}
.rank_wrap .rlist li .spr span.r5{background-position:0 -80px}
.rank_wrap .rlist li .spr span.r6{background-position:0 -100px}
.rank_wrap .rlist li .spr span.r7{background-position:0 -120px}
.rank_wrap .rlist li .spr span.r8{background-position:0 -140px}
.rank_wrap .rlist li .spr span.r9{background-position:0 -160px}
.rank_wrap .rlist li .spr span.r10{background-position:0 -180px}

.tv {position:absolute; z-index:100; display:block; background:url(/images/common/ico_tv.png) no-repeat 0 0;}
.tv_s {width:24px; height:24px; left:3px; bottom:3px; background-position:0 0;}
.tv_m {width:28px; height:28px; left:5px; bottom:5px; background-position:0 -34px;}
.tv_l {width:45px; height:45px; left:12px; bottom:108px; background-position:0 -71px;}

.specialWrap fieldset {display:block; margin:0; padding:0;}
.specialWrap legend {display:block; text-align:left;}

.special {width:231px; margin:0; overflow:hidden; clear:both; border-left:1px solid #dfe1de; border-top:1px solid #dfe1de; line-height:0;}
.special li {display:inline; float:left; height:20px; border-right:1px solid #dfe1de; border-bottom:1px solid #dfe1de; line-height:0;}
.special li img {vertical-align:top;}
.special li.h37 {height:37px;}

/* 신규 상단 20150109 */
#tbody {background-color:#fff; background-image:none;}
#tOuter {background:#fff url(/images/common2/bg_t.gif) repeat-x;}

#headWrap {position:relative;width:100%; height:65px; background-color:#739a1c;}
#headWrap #head {position:relative; width:100%; height:65px; margin:0 auto;}
#headWrap #head .tlogo {
    position:relative; float:left; display:block; margin:18px 0 0 0; width:228px; height:48px; overflow:hidden; cursor:pointer;
    background-image:url(/images/common2/logo_ccs.gif); background-repeat:none; text-indent:-9999px;
}

#headWrap #head ul.gnb {position:relative; margin-left:300px;}
#headWrap #head ul.gnb li {display:inline-block; *display:inline; zoom:1;}
#headWrap #head ul.gnb li.gico {padding:0 50px 0 0; margin-top:40px;}
#headWrap #head ul.gnb li:last-child {padding:0;}
#headWrap #head ul.gnb li.gico a {font-size:16px; font-weight:700; color:#000; letter-spacing:-.5px; text-decoration:none;}
#headWrap #head ul.gnb li.gico a:hover, #headWrap #head ul.gnb li.gico a.on {color:#fff;}
#headWrap #head ul.gnb .tsearch {position:absolute; top:42px; right:0; width:180px; height:25px; padding:0 0 0 3px; border:0; background:#000;}
#headWrap #head ul.gnb .tsearch .tsinput {width:135px; height:18px; margin-top:2px; padding:1px 1px 0 4px; border:0; font-size:12px; line-height:12px; vertical-align:middle; ime-mode:active;}
#headWrap #head ul.gnb .tsearch .tsinput  {background:#fff;}
#headWrap #head ul.gnb .tsearch .tsbtn {margin-top:2px; border-left:0; vertical-align:middle; border:none;}

#headWrap #head .top_info {position:absolute; z-index:10; top:10px; right:5px; height:14px; text-align:right;}
#headWrap #head .top_info .top_newsdate {float:right; color:#ebf3d5; font-size:11px;}
#headWrap #head .top_info .top_close {position:relative; float:right; width:95px; height:14px; margin-left:10px; background:url(/images/common2/popopen.png) no-repeat center right; text-indent:-10000px; cursor:pointer;}
#headWrap #head .top_info .top_close.on {background-image:url(/images/common2/popclose.png);}
#headWrap #head .top_info:after {clear:both; display:block; content:'';}

#headQuick {position:relative;width:100%; height:83px; margin-top:18px; background:none;}
#headQuick #hquick {position:relative; width:100%; height:83px; margin:0 auto;}

#headQuick #hquick #quick {position:relative; margin-left:90px;}
#headQuick #hquick #quick li {float:left; position:relative; margin-right:45px;}
#headQuick #hquick #quick li a {position:relative; display:block; width:60px; text-decoration:none;}
#headQuick #hquick #quick li a img {display:block; height:60px;}
#headQuick #hquick #quick li a span {display:block; font-size:12px; letter-spacing:-.5px; color:#fff; text-align:center;}
#headQuick #hquick #quick li:last-child {margin:0;}
#headQuick #hquick #quick li .bnew {position:absolute; z-index:10; top:-13px; left:11px; display:block; width:38px; height:18px; background:url(/images/common2/ico_tnew.png) no-repeat;}

/* 신규 메인 20150109 */
.mb_title {clear:both; font-size:16px; font-weight:bold; padding:6px; margin-bottom:20px;}

#contentMainWrap{position:relative; width:980px;}
#contentMainWrap .mblock {clear:both; position:relative;}
#contentMainWrap .mblock:after {clear:both; content:""; display:block;}

#contentMainWrap .mblock .m_title {position:absolute; top:0; left:10px;}
#contentMainWrap .mblock .mblockWrap {position:relative; display:block; height:125px; *height:130px; margin:15px 0 5px 0;}
#contentMainWrap .mblock .mblockWrap .m_ul {position:relative; float:left; overflow:hidden;}
#contentMainWrap .mblock .mblockWrap .m_ul li {margin:10px 0 0 0; *margin:9px 0 0 0; overflow:hidden;}
#contentMainWrap .mblock .mblockWrap .m_ul li a.stit {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#contentMainWrap .mblock .mblockWrap .m_ul li.title {font-size:14px; font-weight:bold; color:#729a1d; margin:0 0 15px 0;}
#contentMainWrap .mblock .mblockWrap .m_event {position:absolute; top:-15px; right:0; width:610px; height:150px; overflow:hidden;}
#contentMainWrap .mblock .mblockWrap .m_ul li.mna span {display:inline-block; *display:inline; zoom:1; text-align:center; margin-right:1px;}
#contentMainWrap .mblock .mblockWrap .m_ul li.mna span img {margin-bottom:5px; border:1px solid #c8c8c8;}

#contentMainWrap .mblockWrap .bannerWrap {position:relative; height:125px; margin:0}
#contentMainWrap .mblockWrap .bannerWrap p {position:absolute; width:30px; height:105px; cursor:pointer; background:url(/images/common2/mbtn.gif) no-repeat; text-indent:-3000px;}
#contentMainWrap .mblockWrap .bannerWrap p.bprev {top:0; left:0; z-index:5; background-position:0 35px;}
#contentMainWrap .mblockWrap .bannerWrap p.bnext {top:0; right:0; z-index:5; background-position:10px -95px;}

#contentMainWrap .mblockWrap .bannerWrap .banner {position:relative; width:890px; height:155px; overflow:hidden; margin:0 0 0 35px;}
#contentMainWrap .mblockWrap .bannerWrap .banner ul {position:relative; overflow:hidden;}
#contentMainWrap .mblockWrap .bannerWrap .banner ul li {float:left; width:130px; *width:130px; padding:0;}
#contentMainWrap .mblockWrap .bannerWrap .banner ul li a {display:inline-block; *display:inline; zoom:1; width:105px; height:130px; font-size:11px; letter-spacing:-1px; line-height:110%; text-align:center; zoom:1;}
#contentMainWrap .mblockWrap .bannerWrap .banner ul li a img {display:block; width:110px; height:110px;}

#contentMainWrap .mblockWrap .m_people li {display:inline-block; margin-right:45px;}
#contentMainWrap .mblockWrap .m_people li:first-child {margin-left:7px;}
#contentMainWrap .mblockWrap .m_people li:last-child {margin-right:0;}

#contentMainWrap .mbanner .bannerWrap {position:relative; height:35px; margin:20px 0 0 0;}
#contentMainWrap .mbanner .bannerWrap p {position:absolute; width:30px; height:35px; cursor:pointer; background:url(/images/common2/mbtn.gif) no-repeat; text-indent:-3000px;}
#contentMainWrap .mbanner .bannerWrap p.bprev {top:0; left:0; z-index:2; background-position:5px 3px;}
#contentMainWrap .mbanner .bannerWrap p.bnext {top:0; right:0; z-index:2; background-position:0px -127px;}

#contentMainWrap .mbanner .bannerWrap .banner {position:relative; width:940px; height:37px; overflow:hidden; margin:0 0 0 55px;}
#contentMainWrap .mbanner .bannerWrap .banner ul {position:relative; overflow:hidden;}
#contentMainWrap .mbanner .bannerWrap .banner ul li {float:left; width:125px; height:37px; padding:0;}
#contentMainWrap .mbanner .bannerWrap .banner ul li img {border:1px solid #d1cdc5;}

#contentMainWrap .msitemap {clear:both; position:relative; height:195px; border-top:1px solid #9d9d9d; background:#efefef;}
#contentMainWrap .msitemap .m_title {position:absolute; top:13px; left:10px; z-index:100;}
#contentMainWrap .msitemap .mblockWrap {position:relative; display:block; height:125px; *height:130px; margin:15px 0 5px 130px;}
#contentMainWrap .msitemap .mblockWrap .m_ul {position:relative; float:left; overflow:hidden;}
#contentMainWrap .msitemap .mblockWrap .m_ul li {font-size:11px; margin:10px 0 0 0; *margin:9px 0 0 0; overflow:hidden;}
#contentMainWrap .msitemap .mblockWrap .m_ul li.title {font-size:12px; font-weight:bold; color:#729a1d; margin:0 0 15px 0;}

#contentMainWrap .mw260 {width:260px;}
#contentMainWrap .mw190 {width:190px;}

.mmap_wrap {clear:both; position:relative; background:#383838; padding:35px 0 45px; color:#fff; margin-top:100px;}
.mmap {position:relative; width:980px; margin:0 auto;}
.mmap h1 {text-align:center; font-size:24px; font-weight:bold;}
.mmap .d1 {position:relative; margin-top:30px;}
.mmap .d1:before {display:block; content:""; clear:both}
.mmap .d1:after {display:block; content:""; clear:both}
.mmap .d1 > li {float:left; width:110px; margin-right:100px;}
.mmap .d1 > li:last-child {margin:0;}

.mmap ul.d2 {margin:0;}
.mmap ul.d2 > li {overflow:hidden; margin:5px 0 0 0; font-size:15px;}
.mmap ul.d2 > li.tt {color:#739a1c; font-weight:bold; font-size:18px;}
.mmap ul.d2 > li:first-child{margin-top:0;}
.mmap ul.d2 > li > a {color:#fff;}
.mmap ul.d2:after {display:block; content:""; clear:both}

.mQuickWrap {position:relative; clear:both;}
.mQuickWrap > .qbanner {float:left; width:675px; height:235px; overflow:hidden;}
.mQuickWrap > .qmenu {float:right; width:297px; height:233px; border:1px solid #e4e4e4; overflow:hidden;}
.mQuickWrap > .qmenu > .qleft {float:left; width:37px; height:100%; background:#000; color:#fff; font-weight:bold; font-size:16px; text-align:center;}
.mQuickWrap > .qmenu > .qleft span {display:block;}
.mQuickWrap > .qmenu > .qright {float:left; width:260px; overflow:hidden;}
.mQuickWrap > .qmenu > .qright li {margin:15px 0; padding-left:17px;}
.mQuickWrap > .qmenu > .qright li a {display:inline-block; width:110px; height:95px; color:#000; text-decoration:none; text-align:center; font-weight:bold; line-height:200%;}

.mQuickWrap:after, .mQuickWrap > .qmenu:after {clear:both; display:block; content:"";}

/* 신규 서브메뉴 20150109 */
#snb {position:relative; float:left;width:210px; overflow:hidden; margin-top:5px;}
#snb p.gsnb_t {position:relative; margin-bottom:19px; background:url(/images/common2/sub_tb.gif) no-repeat; padding-left:35px; font-size:32px; font-weight:400; color:#444444;}
#snb > ul.newsnb {clear:both; position:relative; margin:0 0 0 21px; border:2px solid #5c5c5c; border-width:2px 0 2px 0;}
#snb > ul.newsnb > li > span {display:block; padding:11px 0px 12px 8px; line-height:140%; font-size:16px; letter-spacing:-1px; font-weight:bold; color:#666; border-top:1px solid #cfcfcf;}
#snb > ul.newsnb > li > span.on {color:#7ca01e;}
#snb > ul.newsnb > li > span > a {display:block; color:#666; text-decoration:none;}
#snb > ul.newsnb > li > span > a:hover {color:#7ca01e;}
#snb > ul.newsnb > li > span > a.on {color:#7ca01e;}
#snb > ul.newsnb > li:first-child span {border:0;}

#snb > ul.newsnb > li > ul.ssnb {margin:0 0 10px 1px; padding:8px 0 0; border-top:1px solid #cfcfcf;}
#snb > ul.newsnb > li > ul.ssnb > li > span {
    display:block; padding:4px 0 4px 8px; margin-left:8px; font-size:15px; color:#666; background:url(/images/common/bul_dash.png) no-repeat left 12px; 
    line-height:140%; text-decoration:none;
}
#snb > ul.newsnb > li > ul.ssnb > li > span > a {display:block; color:#666; text-decoration:none;}
#snb > ul.newsnb > li > ul.ssnb > li > span > a:hover {color:#4d4d4d; font-weight:bold}
#snb > ul.newsnb > li > ul.ssnb > li > span > a.on {color:#4d4d4d; font-weight:bold}
#snb > ul.newsnb .sno {font-size:11px; font-weight:normal;}

#contentWrap {position:relative; float:left;margin:5px 0 0 48px; width:940px !important; overflow:hidden;}

/* 신규 공통 20150109 */
.p_title {font-family:'Nanum Gothic','돋움',Dotum,AppleGothic,Arial,sans-serif; margin-bottom:30px;}
.p_title .category {float:left; display:inline-block; color:#000; font-size:26px; font-weight:bold; margin-top:2px;}
.p_title .stitle {float:left; display:inline-block; color:#444; font-size:26px; font-weight:bold; margin:2px 0 0 5px;}
.p_title .ptbtn {position:absolute; top:0px; right:12px;}

.p_title .p_path {float:right; display:inline-block; font-size:12px; color:#444; margin-top:10px;}
.p_title .p_path > .divi {font-size:10px; margin:0 1px; color:#999;}
.p_title:after {clear:both; display:block; content:"";}

.section {clear:cboth; position:relative;}

h1.s30 {position:relative;font-size:30px;}
h2.s23 {position:relative;font-size:23px; letter-spacing:-.06em;}
h2.s18 {position:relative;font-size:18px;}
.w5 {width:5%;}
.w10 {width:10%;}
.w15 {width:15%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w35 {width:35%;}
.w40 {width:40%;}
.w45 {width:45%;}
.w50 {width:50%;}
.w55 {width:55%;}
.w60 {width:60%;}
.w65 {width:65%;}
.w70 {width:70%;}
.w75 {width:75%;}
.w80 {width:80%;}
.w85 {width:85%;}
.w90 {width:90%;}
.w95 {width:95%;}
.w100 {width:100%;}

.white {color:#fff;}
.pink {color:#f80d70;}
.orange {color:#fc5602;}
.red {color:#d22d14;}
.blue {color:#0b61c2;}
.green {color:#739a1c;}
.brown {color:#b48d08;}
.violet {color:#d41ac9;}

hr.vert {border:0; border-top:1px solid #e1e1e1; display:block;}

.uldefault {position:relative;}
.uldefault li {background:url(/images/common2/li_d.png) no-repeat 0 8px; padding-left:8px; margin:3px 0 4px 0;}

.uldefault_w {position:relative;}
.uldefault_w li {background:url(/images/common2/li_dw.png) no-repeat 0 8px; padding-left:8px; margin:3px 0 4px 0;}

.ulinline {position:relative;}
.ulinline li {display:inline-block;}
.ulinline li:last-child {margin:0;}

.btn_full {border:1px solid #c9caca; font-size:16px; background:#fff url(/images/common2/arrow_r.gif) no-repeat 95% center; padding:15px; text-align:center; cursor:pointer;}

.s_cno {display:inline-block; background:url(/images/common2/s_circle.gif) no-repeat; width:20px; height:20px; font-size:14px; text-align:center; color:#fff; margin-right:2px;}

.btn_more {display:inline-block; padding:0 6px 1px; font-size:10px; line-height:1; color:#fff; text-align:center; white-space:nowrap; vertical-align:baseline; border-radius:.25em; background:#00acac; cursor:pointer;}

.tvpay_wrap {position:relative; padding:10px 0; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
.tvpay_wrap .tvpay_logo {float:left; width:250px;}
.tvpay_wrap .tvpay_req {float:right; width:470px;}
.tvpay_wrap .tvpay_req table {position:relative;}
.tvpay_wrap .tvpay_req table td {background:#444; color:#fff; padding:5px; font-size:14px; font-weight:bold; text-align:center; vertical-align:middle; width:130px; height:60px;}
.tvpay_wrap .tvpay_req table td.green {background:#7ca01e;}
.tvpay_wrap .tvpay_req table td span.white {display:inline-block; background:#fff; color:#444; width:100%; height:60px; line-height:50px;}
.tvpay_wrap .tvpay_req table td a.tv_req_btn {display:block; color:#fff; text-decoration:none; width:90%; height:55px; background:url(/images/common2/arr_green.gif) no-repeat right center;}
.tvpay_wrap .tvpay_req table td.g_phone {height:55px; background:#7ca01e url(/images/common2/arr_phone.gif) no-repeat 92% center;}
.tvpay_wrap:after {clear:both; display:block; content:"";}

.tvpay_link {position:relative; width:100%;}
.tvpay_link li {float:left; border:1px solid #4a4a4a; border-right:0; text-align:left;}
.tvpay_link li.w25 {width:24.8%;}
.tvpay_link li.w50 {width:49.6%;}
.tvpay_link li:last-child {border-right:1px solid #4a4a4a;}
.tvpay_link li a {display:inline-block; color:#444; text-decoration:none; width:85%; height:60px; vertical-align:middle; padding:20px 0 0; margin-left:17px; background:url(/images/common2/arr_circle.gif) no-repeat right center; letter-spacing:-1px;}
.tvpay_wrap:after {clear:both; display:block; content:"";}

.vod_mbox {position:relative; border:1px solid #9d9c9c;}
.vod_mbox td {text-align:center; font-size:13px; padding:25px;}
.vod_mbox td.bbr {border-bottom:1px solid #9d9c9c; border-right:1px solid #9d9c9c;}
.vod_mbox td.bb {border-right:1px solid #9d9c9c;}
.vod_mbox td.g1 {background:#f4f4f4;}
.vod_mbox td.g2 {background:#d3d3d3;}
.vod_mbox td.g3 {background:#8e8e8e; color:#fff;}
.vod_mbox td.w25 {width:24.8%;}
.vod_mbox td.w33 {width:33%;}
.vod_mbox td.w50 {width:49.6%;}

.tvpay_wrap .goods_title {float:left; width:25%; font-size:16px; font-weight:bold;}
.tvpay_wrap .goods_req {float:right; width:75%;}
.tvpay_wrap .goods_req .go_mbox {position:relative; border:5px solid #444;}
.tvpay_wrap .goods_req .go_mbox td {background:#444; color:#fff; text-align:center; font-size:14px; width:33.33%; height:65px;}
.tvpay_wrap .goods_req .go_mbox td.66 {width:66.66%;}
.tvpay_wrap .goods_req .go_mbox td.white {background:#fff; color:#444; font-weight:bold;}
.tvpay_wrap .goods_req .go_mbox td.black {line-height:140%; padding:0 10px;}
.tvpay_wrap .goods_req .go_mbox td.green {background:#7ca01e;}
.tvpay_wrap .goods_req .go_mbox td a.req_btn {display:block; color:#fff; text-decoration:none; font-weight:bold; width:90%; height:65px; background:url(/images/common2/arr_green.gif) no-repeat right center;}
.tvpay_wrap .goods_req .go_mbox td.aleft {text-align:left;}
.tvpay_wrap .goods_req .go_mbox td strong {display:block;}
.tvpay_wrap .goods_req .go_mbox td ul {position:relative;}
.tvpay_wrap .goods_req .go_mbox td ul li {color:#fff; font-size:12px; font-weight:normal; background:url(/images/common2/li_dw.png) no-repeat 0 8px; padding-left:8px; margin:0;}
.tvpay_wrap .goods_req .go_mbox td ul.uldefault_w {margin-left:10px;}
.tvpay_wrap .goods_req .go_mbox td ul.uldefault_w li {color:#444; font-size:12px; font-weight:normal; background:url(/images/common2/li_d.png) no-repeat 0 8px; padding-left:8px; margin:0;}

.ul_upthumb {position:relative; margin-top:5px; padding:0;}
.ul_upthumb li {position:relative; display:inline-block; margin-right:10px; padding:0; width:100px; text-align:center;}
.ul_upthumb li:last-child {margin-right:0;}
.ul_upthumb li img {display:block; width:100px; margin-bottom:5px;}

.headbanner {position:relative; width:100%; height:150px; background:#fff; display:none;}
.headbanner .inner {position:absolute; width:auto; height:auto; margin:0 auto; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.headbanner .inner ul.ul_hpop li {position:relative; height:auto; padding:0; text-align:center; background:url(/images/common2/bg_top_banner.gif) repeat-y 0 0;}
.headbanner .inner ul.ul_hpop li a {position:relative; display:block; height:auto;}
.headbanner .inner ul.ul_hpop li.w3 {width:33.33%;}
.headbanner .inner ul.ul_hpop li.w2 {width:50%;}
.headbanner .inner ul.ul_hpop li.w1 {width:100%;}
.headbanner .inner ul.ul_hpop li:first-child {background:none; border-left:none;}
.headbanner .inner ul.ul_hpop li img {max-height:150px;}
.headbanner .inner ul.ul_hpop:after {clear:both; display:block; content:"";}
.headbanner .inner ul.ul_hpop .aleft {text-align:left;}
.headbanner .inner ul.ul_hpop .aright {text-align:right;}
.headbanner .inner ul.ul_hpop .acenter {text-align:center;}
.headbanner .inner .ban_close {position:absolute; z-index:100; display:block; right:-175px; bottom:3px;}
.headbanner .inner .ban_close input, .headbanner .inner .ban_close img {vertical-align:middle;}

.video_player {position:relative; width:640px; height:360px; background:#000; overflow:hidden;}
.video_player .video_wrap {position:relative; margin:0 auto; text-align:left; width:100%; height:100%; overflow:hidden; background:#000;}
.video_player .video_screen {position:relative; width:100%; height:100%; overflow:hidden;}
.video_player .video {position:relative; width:100%; height:100%; max-width:100%;}
.video_player .video_preview {position:absolute; z-index:5; left:0; top:0; width:100%; height:100%; border:0; margin:0; padding:0; background:#000; cursor:pointer;}
.video_player .video_preview img {width:100%; height:100%;}
.video_player .video_btn_play {position:absolute; z-index:10; cursor:pointer; display:none; left:50%; top:50%; width:60px; height:60px; margin-left:-30px; margin-top:-30px; border:0; background:url(/images/common/video_btn_play.png) no-repeat; text-indent:-9999px; outline:0;}
.video_player .video_adskip {position:absolute; z-index:10; right:10px; bottom:10px; cursor:pointer; width:65px; height:28px; line-height:28px; color:#fff; font-size:.90em; border:1px solid rgba(255,255,255,.25); background-color: rgba(0,0,0,.4); text-align:center; display:none;}
.video_player .video_spinner {display:none; position:absolute; z-index:1000; right:0; left:0; top:0; bottom:0; line-height:0; text-align:center;}
.video_player .video_spinner .spinner {position:absolute; left:0; right: 0; bottom: 0; top: 0; margin:auto; font-size:2.5em; width:50px; height:50px; color:#fff;}

/* News Main */
.hline_wrap {position:relative; width:100%; height:auto; overflow:hidden; clear:both; background:#fff;}
.hline_wrap:after {clear:both; display:block; content:'';}
.hline_wrap .hline_head {position:relative; width:640px; height:360px; float:left; overflow:hidden;}
.hline_wrap .hline_ul_wrap {position:relative; width:535px; height:360px; float:left; margin-left:24px;}
.hline_wrap .hline_ul {position:relative;}
.hline_wrap .hline_ul:after {clear:both; display:block; content:'';}
.hline_wrap .hline_ul li {float:left; width:50%; margin-left:16px; width:251px; height:190px;}
.hline_wrap .hline_ul li a {display:block;}
.hline_wrap .hline_ul li a .img_box {position:relative; display:block; width:100%; text-align:center;}
.hline_wrap .hline_ul li a .img_thumb {position:relative; display:block; width:100%; overflow:hidden;}
.hline_wrap .hline_ul li a .img_thumb img {display:block; width:100%;}
.hline_wrap .hline_ul li a .desc {position:relative; display:block; padding-top:5px;}
.hline_wrap .hline_ul li a .desc .tit {display:block; line-height:27px; font-size:16px; color:#222; letter-spacing:-.6px; white-space:nowrap; word-wrap:break-word; word-break:break-all; text-overflow:ellipsis; overflow:hidden;}

.hlocal {position:relative; margin-top:50px;}
.hlocal:first-of-type {margin-top:30px;}
.hlocal .title {font-size:26px; font-weight:bold; color:#000;}
.hlocal_list {display:block; overflow:hidden; margin-left:-48px;}
.hlocal_list:after {clear:both; display:block; content:'';}
.hlocal_list li {position:relative; float:left; width:50%; padding-left:48px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.hlocal_list li a {display:block; height:140px; padding:20px 0 0; border-bottom:1px solid #dddee0; overflow:hidden;}
.hlocal_list li a .img_box {position:relative; display:block; width:214px; height:120px; overflow:hidden; float:right; margin-left:30px;}
.hlocal_list li a .img_box img {width:100%; height:auto;}
.hlocal_list li a .desc {display:block; padding-top:5px; letter-spacing:-.3px;}
.hlocal_list li a .desc .tit {display:block; font-size:19px; max-height:55px; color:#222; line-height:140%; margin-bottom:10px; word-wrap:break-word; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.hlocal_list li a .desc .comment {display:block; font-size:15px; color:#666; max-height:45px; word-wrap:break-word; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}

.news_rank {position:relative; margin-top:50px; padding:25px 0; border-top:1px solid #dddee0; border-bottom:1px solid #dddee0;}
.news_rank:after {clear:both; display:block; content:'';}
.news_rank .title {font-size:26px; font-weight:bold; color:#000; margin-bottom:25px;}
.news_rank .rank_thumb {position:relative; float:left; width:480px;}
.news_rank .rank_thumb ul {position:relative; margin-left:-16px;}
.news_rank .rank_thumb ul:after {clear:both; display:block; content:'';}
.news_rank .rank_thumb ul li {float:left; width:50%; margin-left:16px; width:230px; height:165px;}
.news_rank .rank_thumb ul li a {display:block;}
.news_rank .rank_thumb ul li a .img_box {position:relative; display:block; width:100%; text-align:center;}
.news_rank .rank_thumb ul li a .img_thumb {position:relative; display:block; width:100%; overflow:hidden;}
.news_rank .rank_thumb ul li a .img_thumb .rank {
    position:absolute; top:6px; left:6px; display:block; width:32px; height:32px; background-repeat:no-repeat; background-size:contain; background-position:50% 0;
}
.news_rank .rank_thumb ul li a .img_thumb img {display:block; width:100%;}
.news_rank .rank_thumb ul li a .desc {position:relative; display:block; padding-top:5px;}
.news_rank .rank_thumb ul li a .desc .tit {display:block; line-height:27px; font-size:16px; color:#222; letter-spacing:-.6px; white-space:nowrap; word-wrap:break-word; word-break:break-all; text-overflow:ellipsis; overflow:hidden;}

.news_rank .rank_list {position:relative; float:right; width:675px;}
.news_rank .list_vertical:first-of-type {float: left; width: 330px; margin-left: -4px;}
.news_rank .list_vertical:last-of-type {float: right; width: 330px;}
.news_rank .list_vertical li {margin-top:21px;}
.news_rank .list_vertical li:first-child {margin-top:0;}
.news_rank .list_vertical li a {display:block;}
.news_rank .list_vertical li .headline {
    position:relative; display:block; overflow:hidden; height:22px; padding-left:33px; font-size:16px; font-weight:normal; white-space:nowrap; word-wrap:break-word; word-break:break-all;text-overflow:ellipsis;
}
.news_rank .list_vertical li .headline .rank {
    position:absolute; top:50%; left:0; display:block; width:24px; height:22px; margin-top:-11px; background-repeat:no-repeat; background-size: auto 17px;background-position:50% 4px;
}

.news_date {position:relative; margin-top:50px; padding-bottom:50px; text-align:center; border-bottom:1px solid #dddee0;}
.news_date .input_news_date{
    display:inline-block; width:190px; height:39px; line-height:1; padding:0; border:0; font-size:32px; color:#000; vertical-align:bottom; text-align:center; font-family:'Noto Sans Medium';
    letter-spacing: -.75px; margin-top:-2px;
}
.news_date .ui-datepicker-trigger {margin-top:7px;}
.news_date .btn_nav {position:absolute; top:4px; width:28px; height:28px; border:1px solid #e6e6e6; text-align:center; background-color:#fff; cursor:pointer;}
.news_date .btn_nav.prev {left:420px;}
.news_date .btn_nav.next {right:420px;}
.news_date .btn_nav .ico {display:inline-block; width:8px; height:12px; margin-top:8px; background-image:url(/images/common/arrow_tit.png); background-repeat:no-repeat; vertical-align:top;}
.news_date .btn_nav.prev .ico {background-position: 0 -42px;}
.news_date .btn_nav.next .ico {background-position: 100% -42px;}

#headWrap #head .tlogo.bg7 {background-image:url(/images/common2/logo_ccs.png);}
#tOuter.bg7 {background-color:#fff !important; background:url(/images/common2/bg7.jpg) no-repeat; background-size:cover; border-bottom:1px solid #c8c8c8 !important;}
#headWrap.bg7 {background-color:transparent;}
#tlogin.bg7 {top:0; border:1px solid #c8c8c8;}