/* 1. Common Layout (except Visual Area) */

article.main {background: #dfe9f3;}

article.main .repos section {padding: 40px 0;}
article.main .repos section.even {background: #d1dae3;}

article.main .repos section .wrap {margin-top: 20px; *zoom: 1;}
article.main .repos section .wrap:first-child {margin-top: 0;}
article.main .repos section .wrap:after {content: ""; display: block; clear: both;}
article.main .repos section .wrap.basic {width: 1278px; border: solid 1px #d7d7d7; border-radius: 5px; background: #fff;}

article.main .repos section .ctrl {position: absolute; top: 0; right: -70px; width: 60px; line-height: 0; font-size: 0;}
article.main .repos section .ctrl a {width: 26px; height: 26px; margin-left: 4px; border: solid 1px #d7d7d7; border-radius: 5px; background: #fff; background-repeat: no-repeat; background-position: 50%;}
article.main .repos section .ctrl a:first-child {margin-left: 0;}
article.main .repos section .ctrl a:hover {border-color: #0053a1;}
article.main .repos section .ctrl a.up {background-image: url(../img/common/btnFlexUp.png);}
article.main .repos section .ctrl a.down {background-image: url(../img/common/btnFlexDown.png);}

article.main .repos section .head {position: relative; border-bottom: solid 1px #d7d7d7; text-align: right; line-height: 0; font-size: 0;}
article.main .repos section .head a {color:#333}
article.main .repos section .head .label {position: absolute; top: 0; left: 30px; line-height: 52px; font-size: 20px; font-weight: 500; color: #333;}
article.main .repos section .head .label.color {color: #0053a1;}
article.main .repos section .head .txt {vertical-align: middle; line-height: 1; font-size: 16px;}
article.main .repos section .head .more {width: 58px; height: 52px; background: url(../img/common/btnMore.png) no-repeat 50%; vertical-align: middle;}
article.main .repos section .head .more:hover {background-image: url(../img/common/btnMoreOn.png);}

article.main .repos section .body {position: relative; padding: 30px;}
article.main .repos section .body img {max-width: 100%;}

article.main .repos section .div {float: left; width: 425px; border-left: solid 1px #d7d7d7;}
article.main .repos section .div.first {width: 426px; border-left: 0;}

article.main.min .repos section .ctrl {display: none;}


/* 2. Visual Area */

article.main section.visual {height: 674px;}

article.main section.visual .prev,
article.main section.visual .next {display: none;}

article.main section.visual .wrap.top {z-index: 50;}

article.main section.visual .func {position: absolute; top: 165px; left: 55px; z-index: 50; line-height: 0; font-size: 0;}
article.main section.visual .func .resume {background-image: url(../img/main/btnVisualResume.png); display:none;}
article.main section.visual .func .resume,
article.main section.visual .func .pause {width: 23px; height: 23px; background-repeat: no-repeat; background-position: 50%; vertical-align: middle;}
article.main section.visual .func .pause {background-image: url(../img/main/btnVisualPause.png);}

article.main section.visual .func .pager {display: inline-block; margin-left: 12px; vertical-align: middle; *display: inline; *zoom: 1;}
article.main section.visual .func .pager a {width: 23px; height: 23px; background: url(../img/main/objVisualPager.png) no-repeat 50%;}
article.main section.visual .func .pager a:first-child {margin-left: 0;}
article.main section.visual .func .pager a.activeSlide {background-image: url(../img/main/objVisualPagerOn.png);}

article.main section.visual .slide,
article.main section.visual .slide > div {width: 100%; height: 674px;}
article.main section.visual .slide > div {background-repeat: no-repeat; background-position: 50% 0; cursor: move;}

article.main section.visual .slide .info {position: absolute; top: 130px; left: 0; width: 430px; padding: 80px 60px 50px; background: url(../img/main/bgVisual.png); line-height: 0; font-size: 0;}
article.main section.visual .slide .info .type {max-height: 46px; overflow: hidden; line-height: 1.3; font-size: 18px; font-weight: 500; color: #85a2bc;}
article.main section.visual .slide .info .subject {max-height: 96px; margin-top: 20px; overflow: hidden; line-height: 1.1; font-size: 44px; font-weight: 500; color: #fff; letter-spacing: -3px;}
article.main section.visual .slide .info .desc {max-height: 69px; margin-top: 20px; overflow: hidden; line-height: 1.4; font-size: 17px; color: #fff; letter-spacing: -1px;}
article.main section.visual .slide .info .desc em {font-weight: 400; color: #fbb70c;}
article.main section.visual .slide .info .btn {min-width: 135px; max-width: 389px; margin-top: 23px; padding: 0 67px 0 20px; border: solid 2px #86898d; background: url(../img/main/icnVisualDetail.png) no-repeat 100% 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 46px; font-size: 16px; font-weight: 500; color: #fff; text-transform: uppercase;}

article.main section.visual .keyword {position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; background: url(../img/main/bgKeyword.png); z-index: 50;}
article.main section.visual .keyword .label {position: absolute; top: 0; left: 0; width: 260px; padding-left: 60px; background: #0053a1 url(../img/main/icnKeyword.png) no-repeat 30px 50%; line-height: 60px; font-size: 18px; font-weight: bold; color: #fff; text-transform: uppercase; letter-spacing: 0;}
article.main section.visual .keyword .body {position: absolute; top: 19px; left: 350px; width: 770px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; font-weight: 500;}
article.main section.visual .keyword .body,
article.main section.visual .keyword .body a {color: #bac6d6;}
article.main section.visual .keyword .date {position: absolute; top: 23px; right: 30px; font-size: 13px; color: #bac6d6;}


/* 3. Donation */

article.main section.donate .div.first .body a {position: relative; background: #333; color: #ddd; text-decoration: none;}
article.main section.donate .div.first .body a,
article.main section.donate .div.first .body .thumb {width: 366px; height: 263px;}
article.main section.donate .div.first .body .subject {position: absolute; top: 15px; left: 17px; width: 295px; padding-left: 38px; background: url(../img/main/icnDonateSpot.png) no-repeat 0 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 29px; font-size: 14px;}
article.main section.donate .div.first .body .play {position: absolute; top: 94px; left: 145px; width: 75px; height: 75px; background: url(../img/main/icnPlayLarge.png) no-repeat 50%; line-height: 0; font-size: 0;}
article.main section.donate .div.first .body a:hover .subject {text-decoration: underline;}
article.main section.donate .div.first .body iframe {width: 366px; height: 263px; border: 0;}
article.main section.donate .div.first .body .video {width: 366px; height: 263px; border: 0;}

article.main section.donate .div.second .body .top {position: relative;}
article.main section.donate .div.second .body .top .prev,
article.main section.donate .div.second .body .top .next {position: absolute; top: 0; width: 12px; height: 263px; /*vai2018.09.23*/ padding: 0 15px; background-repeat: no-repeat; background-position: 50%; z-index: 10; line-height: 0; font-size: 0;}
article.main section.donate .div.second .body .top .prev {left: 0; background-image: url(../img/main/btnSlidePrev.png);}
article.main section.donate .div.second .body .top .next {right: 0; background-image: url(../img/main/btnSlideNext.png);}

article.main section.donate .div.second .body .top .slide > a {position: relative; background: #333; text-decoration: none;}
article.main section.donate .div.second .body .top .slide > a,
article.main section.donate .div.second .body .top .slide .thumb {width: 365px; height: 263px; /*vai2018.09.23*/}
article.main section.donate .div.second .body .top .slide .txt {position: absolute; top: 30px; left: 42px; width: 282px; z-index: 10;}
article.main section.donate .div.second .body .top .slide .txt .desc {height: 36px; margin-top: 4px; overflow: hidden; line-height: 18px; font-size: 14px; color: #ddd;}
article.main section.donate .div.second .body .top .slide .txt .desc.large,
article.main section.donate .div.second .body .top .slide .txt .subject {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.1; font-size: 22px; font-weight: 500; color: #fff;}
article.main section.donate .div.second .body .top .slide .txt .btn {display: inline-block; max-width: 242px; margin-top: 11px; padding: 0 20px; background: #0053a1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 32px; font-size: 13px; color: #fff; *display: inline; *zoom: 1;}
article.main section.donate .div.second .body .top .slide > a:hover .txt .btn {text-decoration: underline;}

article.main section.donate .div.second .body .top .slide > a.ars {text-align: center;}
article.main section.donate .div.second .body .top .slide > a.ars .mask {position: absolute; top: 0; left: 0; width: 365px; height: 167px; background: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); opacity: .2;}
article.main section.donate .div.second .body .top .slide > a.ars .subject {font-weight: 700; color: #333d49; color: rgba(51, 61, 73, 0.8);}
article.main section.donate .div.second .body .top .slide > a.ars .desc.large {font-size: 30px; font-weight: 700; color: #327ec6;}
article.main section.donate .div.second .body .top .slide > a.ars .btn {padding: 0 18px; border: solid 2px #333d49; border-color: rgba(51, 61, 73, 0.8); background: #ffb700; background-color: rgba(255, 183, 0, 0.8); line-height: 36px; font-size: 14px; font-weight: 700; color: #333d49; color: rgba(51, 61, 73, 0.8);}

article.main section.donate .div.second .body .bot {margin-top: 10px; text-align: center;}
article.main section.donate .div.second .body .bot li {width: 115px; padding-left: 10px;}
article.main section.donate .div.second .body .bot li a {display: block; height: 86px; padding: 0 5px; background-color: #333; background-repeat: no-repeat; background-position: 50%; line-height: 86px; font-size: 13px; color: #ddd; text-decoration: none;}
article.main section.donate .div.second .body .bot li a span {display: inline-block; line-height: 1.4; vertical-align: middle; *display: inline; *zoom: 1;}
article.main section.donate .div.second .body .bot li a:hover span {text-decoration: underline;}

article.main section.donate .div.third .body ul {width: 370px; /* text-align: center; */}
article.main section.donate .div.third .body li {width: 180px; margin-bottom: 5px; margin-right: 5px;}
article.main section.donate .div.third .body li a {display: block; height: 85px; padding: 0 20px; background: #327ec6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; text-decoration: none;}
article.main section.donate .div.third .body li a:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: .8;}
article.main section.donate .div.third .body li a > span {/* display: inline-block */ display: block; padding-left: 50px; background-repeat: no-repeat; background-position: 0 50%; vertical-align: middle; line-height: 85px; font-size: 18px; *display: inline; *zoom: 1;}

/* article.main section.donate .div.third .body li.i01 a {background-image: url(../img/main/imgServiceTop01.png);}
article.main section.donate .div.third .body li.i02 a {background-image: url(../img/main/imgServiceTop02.png);}
article.main section.donate .div.third .body li.i03 a {background-image: url(../img/main/imgServiceTop03.png);}
article.main section.donate .div.third .body li.i04 a {background-image: url(../img/main/imgServiceTop04.png);}
article.main section.donate .div.third .body li.i05 {width: 365px; margin-bottom: 0;}
article.main section.donate .div.third .body li.i05 a {background-image: url(../img/main/imgServiceTop05.png);} */

article.main section.donate .div.third .body li.i01 a > span {background-image: url(../img/main/icnServiceTop01.png);}
article.main section.donate .div.third .body li.i02 a > span {background-image: url(../img/main/icnServiceTop02.png);}
article.main section.donate .div.third .body li.i03 a > span {background-image: url(../img/main/icnServiceTop03.png);}
article.main section.donate .div.third .body li.i04 a > span {background-image: url(../img/main/icnServiceTop04.png);}

article.main section.donate .div.third .body li.i05 {width: 365px; margin-bottom: 0;}
article.main section.donate .div.third .body li.i05 a {background: #ffb700;}
article.main section.donate .div.third .body li.i05 a > span {background-image: url(../img/main/icnServiceTop05.png);}

article.main section.donate .div.third .body li.i06,
article.main section.donate .div.third .body li.i07 {margin-bottom: 0;}
article.main section.donate .div.third .body li.i06 a,
article.main section.donate .div.third .body li.i07 a {background: #ffb700;}
article.main section.donate .div.third .body li.i06 a > span {background-image: url(../img/main/icnServiceTop06.png);}
article.main section.donate .div.third .body li.i07 a > span {background-image: url(../img/main/icnServiceTop07.png);}


/* 4. TV Program */

article.main section.tv {*zoom: 1;}
article.main section.tv .wrap {border-radius: 5px; background: #2f567c;}

article.main section.tv .label {border-bottom: solid 1px #597896; line-height: 53px; font-size: 20px; font-weight: 500;}
article.main section.tv .label a {padding: 0 30px; color: #fff;}

article.main section.tv .tab {position: absolute; top: 0; right: 0; background: #1f3c5a; text-align: center;}
/*article.main section.tv .tab li {width: 160px;}*/
article.main section.tv .tab li {width: 640px;}
/*article.main section.tv .tab li a {display: block; height: 53px; padding-right: 1px; border-left: solid 1px #36506b; line-height: 53px; font-size: 18px; font-weight: 500; color: #fff; text-decoration: none;}*/
article.main section.tv .tab li a {display: block; height: 53px; padding-right: 1px; border-left: solid 1px #36506b; line-height: 53px; font-size: 18px; font-weight: 500; color: #fff; }
article.main section.tv .tab li a:hover,
/*article.main section.tv .tab li.on a {height: 43px; border: solid 5px #fbb70c; padding-right: 0; line-height: 43px; color: #fbb70c;}*/
article.main section.tv .tab li.on a {height: 43px;border: solid 5px #1f3c5a;padding-left: 30px;line-height: 43px;color: #ffffff;font-size: 20px;font-weight: 500;text-align:  left;}

article.main section.tv .body {padding: 0;}
article.main section.tv .body > .left {width: 580px; padding: 30px 30px 40px;}
article.main section.tv .body > .right {width: 639px; border-left: solid 1px #3e5d7c; background: #284b6d;}

article.main section.tv .body .video {width: 580px; height: 413px; cursor: progress;}

article.main section.tv .body .txt {display: block;/* height: 217px; */padding: 29px 18px 0px;text-decoration: none;}
article.main section.tv .body .txt .name {max-height: 215px;overflow: hidden;line-height: 50px;font-size: 35px;font-weight: 300;color: #9ccfff;letter-spacing: -4px;}
article.main section.tv .body .txt .desc {height: 52px; margin-top: 25px; overflow: hidden; line-height: 26px; font-size: 18px; color: #acb7c5;}
article.main section.tv .body .txt:hover .name {color: #fff;}

article.main section.tv .body .btn {/* padding-top: 31px; */border-top: solid 1px #597896;}
article.main section.tv .body .btn li {width: 305px;}
article.main section.tv .body .btn li a {display: block; height: 61px; padding: 14px 15px 23px 45px; text-decoration: none;}
article.main section.tv .body .btn li dt {font-size: 24px; color: #fff;}
article.main section.tv .body .btn li dt,
article.main section.tv .body .btn li dd {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
article.main section.tv .body .btn li dd {margin-top: 6px; font-size: 16px; color: #acb7c5;}
article.main section.tv .body .btn li a:hover dt {text-decoration: underline;}
article.main section.tv .body .btn li:first-child {width: 275px;}
article.main section.tv .body .btn li:first-child a {padding-left: 18px; border-right: solid 1px #597896;}

article.main section.tv .body .list {height: 440px;padding: 30px 17px 12px 32px;}
article.main section.tv .body .list li {width: 280px; padding-right: 15px; padding-bottom: 15px;}
article.main section.tv .body .list li a {display: block; position: relative; height: 168px; padding: 16px; background: #fff; text-decoration: none;}
article.main section.tv .body .list li .thumb {background: #333;}
article.main section.tv .body .list li .thumb,
article.main section.tv .body .list li .thumb img {width: 248px; height: 86px;}
article.main section.tv .body .list li .category {display: none; position: absolute; top: -6px; left: -6px; max-width: 230px; padding: 0 25px; background: #6cb8ff; z-index: 10; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px; font-size: 13px; color: #fff;}
article.main section.tv .body .list li .name {padding-top: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; font-weight: 500; color: #000; letter-spacing: -1px;}
article.main section.tv .body .list li .desc {height: 40px; margin-top: 2px; overflow: hidden; line-height: 20px; color: #999;}
article.main section.tv .body .list li a:hover {padding: 10px; border: solid 6px #6cb8ff;}
article.main section.tv .body .list li a:hover .category {display: block;}


/* 5. News */

article.main section.news .body .headline .video {width: 579px; height: 413px; cursor: progress;}

article.main section.news .body .headline .txt {display: block; width: 579px; margin-top: 22px; text-decoration: none;}
article.main section.news .body .headline .txt .subject {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 24px; font-weight: 500; color: #000; letter-spacing: -1px;}
article.main section.news .body .headline .txt .desc {max-height: 42px; margin-top: 14px; overflow: hidden; font-size: 15px; color: #999; letter-spacing: -1px;}
article.main section.news .body .headline .txt .date {margin-top: 7px; color: #bbb;}
article.main section.news .body .headline .txt:hover .subject {text-decoration: underline;}

article.main section.news .body .list {position: absolute; top: 30px; right: 30px; width: 588px; height: 413px; padding-left: 19px; border-left: solid 1px #d7d7d7;}
article.main section.news .body .list li {padding-left: 11px !important; padding-bottom: 11px !important;}
article.main section.news .body .list li a {display: block; position: relative; background: #333; color: #fff; text-decoration: none;}
article.main section.news .body .list li a,
article.main section.news .body .list li .thumb {width: 283px; height: 201px;}
article.main section.news .body .list li .category {display: inline-block; top: 10px; left: 10px; max-width: 235px; padding: 0 14px; border-radius: 5px; background: #284b6d; z-index: 10; line-height: 33px; *display: inline; *zoom: 1;}
article.main section.news .body .list li .category,
article.main section.news .body .list li .subject {position: absolute; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
article.main section.news .body .list li .subject {bottom: 0; left: 0; width: 243px; height: 23px; padding: 163px 20px 15px; background: url(../img/common/bgMaskText.png) repeat-x 0 100%; font-size: 17px;}
article.main section.news .body .list li a:hover .subject {text-decoration: underline;}


/* 6. Radio JOY */

article.main section.radio .body .list li {width: 380px; padding-left: 39px;}
article.main section.radio .body .list li a {display: block; position: relative; height: 47px; padding: 209px 25px 17px; border: solid 1px #d7d7d7; text-decoration: none;}
article.main section.radio .body .list li a:hover {border-color: #0053a1;}
article.main section.radio .body .list li .thumb {position: absolute; top: 0; left: 0; background: #333;}
article.main section.radio .body .list li .thumb,
article.main section.radio .body .list li .thumb img {width: 378px; height: 191px;}
article.main section.radio .body .list li .name {font-size: 16px; font-weight: 500; color: #f3b718;}
article.main section.radio .body .list li .name,
article.main section.radio .body .list li .desc {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
article.main section.radio .body .list li .desc {margin-top: 4px; font-size: 15px; color: #888;}


/* 7. Major Services */

article.main section.service .div.first {width: 659px;}

article.main section.service .div.first .body {padding: 0;}
article.main section.service .div.first .body ul {margin-top: -1px; margin-left: -1px;}
article.main section.service .div.first .body li {width: 219px; border-top: solid 1px #d7d7d7; border-left: solid 1px #d7d7d7;}
article.main section.service .div.first .body li a {display: block; height: 73px; padding-left: 82px; background-color: #fff; background-repeat: no-repeat; background-position: 20px 50%; line-height: 73px; font-size: 0;}
article.main section.service .div.first .body li a span {display: inline-block; vertical-align: middle; line-height: 1.2; font-size: 16px; *display: inline; *zoom: 1;}
article.main section.service .div.first .body li a:hover span {text-decoration: underline;}

article.main section.service .div.first .body li.i01 a {background-image: url(../img/main/icnService01.png);}
article.main section.service .div.first .body li.i02 a {background-image: url(../img/main/icnService02.png);}
article.main section.service .div.first .body li.i03 a {background-image: url(../img/main/icnService03.png);}
article.main section.service .div.first .body li.i04 a {background-image: url(../img/main/icnService04.png);}
article.main section.service .div.first .body li.i05 a {background-image: url(../img/main/icnService05.png);}
article.main section.service .div.first .body li.i06 a {background-image: url(../img/main/icnService06.png);}
article.main section.service .div.first .body li.i07 a {background-image: url(../img/main/icnService07.png);}
article.main section.service .div.first .body li.i08 a {background-image: url(../img/main/icnService08.png);}
article.main section.service .div.first .body li.i09 a {background-image: url(../img/main/icnService09.png);}
article.main section.service .div.first .body li.i10 a {background-image: url(../img/main/icnService10.png);}
article.main section.service .div.first .body li.i11 a {background-image: url(../img/main/icnService11.png);}
article.main section.service .div.first .body li.i12 a {background-image: url(../img/main/icnService12.png);}
article.main section.service .div.first .body li.i13 a {background-image: url(../img/main/icnService13.png);}
article.main section.service .div.first .body li.i14 a {background-image: url(../img/main/icnService14.png);}
article.main section.service .div.first .body li.i15 a {background-image: url(../img/main/icnService15.png);}
article.main section.service .div.first .body li.i16 a {background-image: url(../img/main/icnService16.png);}
article.main section.service .div.first .body li.i17 a {background-image: url(../img/main/icnService17.png);}
article.main section.service .div.first .body li.i18 a {background-image: url(../img/main/icnService18.png);}

article.main section.service .div.first .body li.banner a {padding: 0;}
article.main section.service .div.first .body li.banner a,
article.main section.service .div.first .body li.banner a img {width: 219px; height: 73px;}

article.main section.service .div.first .body .top {position: relative; line-height: 0; font-size: 0;}
article.main section.service .div.first .body .top,
article.main section.service .div.first .body .top a,
article.main section.service .div.first .body .top a img.thumb {width: 659px;height: 148px;}

article.main section.service .div.first .body .top .prev,
article.main section.service .div.first .body .top .next {position: absolute; top: 0; width: 12px; height: 150px; padding: 0 15px; background-repeat: no-repeat; background-position: 50%; z-index: 20;}
article.main section.service .div.first .body .top .prev {left: 0; background-image: url(../img/main/btnSlidePrev.png);}
article.main section.service .div.first .body .top .next {right: 0; background-image: url(../img/main/btnSlideNext.png);}

article.main section.service .div.first .body .top .pager {position: absolute; top: 10px; right: 10px; z-index: 20; line-height: 0; font-size: 0;}
article.main section.service .div.first .body .top .pager a {width: 23px; height: 23px; background: url(../img/main/objVisualPager.png) no-repeat 50%;}
article.main section.service .div.first .body .top .pager a.activeSlide {background-image: url(../img/main/objVisualPagerOn.png);}

article.main section.service .div.second {width: 233px;}

article.main section.service .div.second li {margin-top: 15px;}
article.main section.service .div.second li:first-child {margin-top: 0;}
article.main section.service .div.second li a {display: block; position: relative; background: #333;}
article.main section.service .div.second li a,
article.main section.service .div.second li .thumb {width: 173px; height: 110px;}
article.main section.service .div.second li .subject {position: absolute; bottom: 0; left: 0; width: 153px; padding: 0 10px; background: url(../img/main/bgMaskWebtoon.png); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px; font-weight: 500; color: #fff;}
article.main section.service .div.second li a:hover .subject {text-decoration: underline;}

article.main section.service .div.third {width: 384px;}

article.main section.service .div.third .top {display: block; text-decoration: none;}
article.main section.service .div.third .top .thumb {background: #333;}
article.main section.service .div.third .top .thumb,
article.main section.service .div.third .top .thumb img {width: 324px; height: 120px;}
article.main section.service .div.third .top .subject {margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; font-weight: 500; color: #000;}
article.main section.service .div.third .top .desc {height: 32px; margin-top: 6px; overflow: hidden; line-height: 16px; font-size: 13px; color: #aaa;}
article.main section.service .div.third .top:hover .subject {text-decoration: underline;}

article.main section.service .div.third .bot {height: 42px; margin-top: 8px; overflow: hidden;}
article.main section.service .div.third .bot li {line-height: 21px;}
article.main section.service .div.third .bot li a {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #848484;}


/* 8. Christian Info */

article.main section.info .body .top {position: absolute; top: 30px; left: 330px; width: 618px; height: 287px; z-index: 10;}
article.main section.info .body .top .prev,
article.main section.info .body .top .next {position: absolute; top: 0; width: 12px; height: 287px; padding: 0 15px; background-repeat: no-repeat; background-position: 50%; z-index: 20; line-height: 0; font-size: 0;}
article.main section.info .body .top .prev {left: 0; background-image: url(../img/main/btnSlidePrev.png);}
article.main section.info .body .top .next {right: 0; background-image: url(../img/main/btnSlideNext.png);}

article.main section.info .body .top .slide > a {position: relative; background: #333;}
article.main section.info .body .top .slide > a,
article.main section.info .body .top .slide .thumb {width: 618px; height: 287px;}
article.main section.info .body .top .slide .txt {position: absolute; top: 50px; left: 42px; width: 534px; z-index: 20;}
article.main section.info .body .top .slide .txt .subject {height: 88px; overflow: hidden; line-height: 1.1; font-size: 40px; color: #fff; letter-spacing: -2px;}
article.main section.info .body .top .slide .txt .desc {margin-top: 17px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.1; font-size: 19px; color: #ddd;}
article.main section.info .body .top .slide .txt .btn {display: inline-block; max-width: 494px; margin-top: 28px; padding: 0 20px; border-radius: 20px; background: #0053a1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 35px; font-size: 15px; font-weight: 500; color: #fff; *display: inline; *zoom: 1;}
article.main section.info .body .top .slide > a:hover .txt .btn {text-decoration: underline;}

article.main section.info .body .top .pager {position: absolute; top: 32px; right: 32px; z-index: 20; line-height: 0; font-size: 0;}
article.main section.info .body .top .pager a {width: 8px; height: 8px; margin-left: 10px; background: url(../img/main/objSlidePager.png) no-repeat 50%;}
article.main section.info .body .top .pager a:first-child {margin-left: 0;}
article.main section.info .body .top .pager a.activeSlide {background-image: url(../img/main/objSlidePagerOn.png);}

article.main section.info .body .side {position: relative; padding-top: 306px;}
article.main section.info .body .side li a {display: block; position: relative; background: #333; color: #fff; text-decoration: none;}
article.main section.info .body .side li a,
article.main section.info .body .side li .thumb {width: 280px; height: 134px;}
article.main section.info .body .side li .subject {top: 0; right: 0; width: 230px; /*height: 48px;*/ padding: 30px 25px 0; background: url(../img/common/bgMaskTextReverse.png) repeat-x 0 100%; overflow: hidden; line-height: 24px; font-size: 18px;}
article.main section.info .body .side li .subject,
article.main section.info .body .side li .guide {position: absolute; text-align: right;}
article.main section.info .body .side li .guide {bottom: 24px; right: 28px; font-size: 12px; color: #bbb;}
article.main section.info .body .side li a:hover .subject {text-decoration: underline;}

article.main section.info .body .side li.i01,
article.main section.info .body .side li.i02,
article.main section.info .body .side li.i03,
article.main section.info .body .side li.i04 {position: absolute;}
article.main section.info .body .side li.i01 {top: 0; left: 0;}
article.main section.info .body .side li.i02 {top: 153px; left: 0;}
article.main section.info .body .side li.i03 {top: 0; right: 0;}
article.main section.info .body .side li.i04 {top: 153px; right: 0;}
article.main section.info .body .side li.i06,
article.main section.info .body .side li.i07,
article.main section.info .body .side li.i08 {padding-left: 20px;}
article.main section.info .body .side li.i06 a,
article.main section.info .body .side li.i07 a,
article.main section.info .body .side li.i06 .thumb,
article.main section.info .body .side li.i07 .thumb {width: 299px;}
article.main section.info .body .side li.i06 .subject,
article.main section.info .body .side li.i07 .subject {width: 249px;}


/* 9. PR */

article.main section.pr .notice {border: solid 1px #d7d7d7; border-radius: 5px; background: #fff;}
article.main section.pr .notice .subject {position: absolute; top: 0; left: 130px; max-width: 1070px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; line-height: 52px; font-size: 14px;}
article.main section.pr .notice .subject.new {padding-right: 20px; background: url(../img/main/icnPostNew.png) no-repeat 100% 50%;}

article.main section.pr .facebook {position: relative; height: 354px; background: #f5f5f5; overflow-y: scroll;}

article.main section.pr .facebook .top {position: relative; padding: 20px 30px 0; font-size: 13px; color: #8290a2;}
article.main section.pr .facebook .top .label {display: inline-block; padding: 0 15px; border-radius: 5px; background: #0053a1; vertical-align: middle; line-height: 34px; font-size: 15px; font-weight: normal; color: #fff; *display: inline; *zoom: 1;}
article.main section.pr .facebook .top .like {display: inline-block; margin-left: 10px; *display: inline; *zoom: 1;}
article.main section.pr .facebook .top .like em {font-weight: normal; color: #fbb911;}
article.main section.pr .facebook .top .func {position: absolute; top: 27px; right: 23px;}
article.main section.pr .facebook .top .func li {padding: 0 7px 0 9px; background: url(../img/main/objDivSns.png) no-repeat 0 50%;}
article.main section.pr .facebook .top .func li a {color: #8290a2;}

article.main section.pr .facebook .list {margin-top: 23px; padding: 0 30px;}
article.main section.pr .facebook .list li {margin-top: 22px; padding-top: 20px; border-top: solid 1px #d7d7d7;}
article.main section.pr .facebook .list li:first-child {margin-top: 0; padding-top: 0; border-top: 0;}
article.main section.pr .facebook .list li a {display: block; position: relative; padding-left: 50px; text-decoration: none;}
article.main section.pr .facebook .list li .portrait {position: absolute; top: 0; left: 0; width: 38px; height: 38px; border: solid 1px #e6e6e6;}
article.main section.pr .facebook .list li .name {padding-top: 2px; font-weight: bold; color: #345593;}
article.main section.pr .facebook .list li .name,
article.main section.pr .facebook .list li .date {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
article.main section.pr .facebook .list li .date {margin-top: 2px; font-size: 12px; color: #888;}
article.main section.pr .facebook .list li .detail {margin-top: 9px; line-height: 19px; font-size: 13px;}
article.main section.pr .facebook .list li a:hover .detail {color: #000;}

article.main section.pr .facebook .url {margin-top: 23px; border-top: solid 1px #d7d7d7; background: #e7e7e7; line-height: 38px;}
article.main section.pr .facebook .url a {display: block; padding: 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; color: #999;}

article.main section.pr .preview {height: 324px; background: #fff;}

article.main section.pr .preview .thumb {display: block; position: relative; background: #333; color: #fff;}
article.main section.pr .preview .thumb,
article.main section.pr .preview .thumb img {width: 365px; height: 205px;}
article.main section.pr .preview .thumb .subject {bottom: 0px; font-size: 19px;}
article.main section.pr .preview .thumb .subject,
article.main section.pr .preview .thumb .date {position: absolute; left: 25px; width: 315px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
article.main section.pr .preview .thumb .subject {width: 325px; left:0px; height: 65px; padding:140px 20px 0 20px; background: url(../img/common/bgMaskTextPoll.png) repeat-x 0 100%;}


article.main section.pr .preview .thumb .date {bottom: 15px; color: #bbb;}
article.main section.pr .preview .thumb:hover .subject {text-decoration: underline;}

article.main section.pr .preview .list {position: relative; margin-top: 25px; padding-left: 155px;}
article.main section.pr .preview .list dt {position: absolute; top: 0; left: 0; width: 140px; height: 72px; overflow: hidden; line-height: 1.3; font-size: 19px; font-weight: bold; color: #0053a1;}
article.main section.pr .preview .list dd {max-height: 72px; padding-left: 7px; background: url(../img/main/objBulletPr.png) no-repeat 0 50%; overflow: hidden; line-height: 24px;}
article.main section.pr .preview .list dd a {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #848484;}

article.main section.pr .div.first .body {padding: 0;}
article.main section.pr .div.first .body .bot {text-align: center;}
article.main section.pr .div.first .body .bot li {width: 50%;}
article.main section.pr .div.first .body .bot li a {display: block; border-top: solid 1px #d7d7d7; background: #fff; line-height: 56px; font-size: 18px; color: #333; text-decoration: none;}
article.main section.pr .div.first .body .bot li a:hover {background: #0053a1; color: #fff;}
article.main section.pr .div.first .body .bot li:first-child a,
article.main section.pr .div.first .body .bot li:first-child + li + li a {border-right: solid 1px #d7d7d7;}

article.main section.pr .div.second .body {padding-bottom: 0;}
article.main section.pr .div.second .body .bot {width: 366px; height: 82px; margin-left: -30px; padding: 15px 29px 16px 30px; border-top: solid 1px #d7d7d7; *zoom: 1;}
article.main section.pr .div.second .body .bot:after {content: ""; display: block; clear: both;}
article.main section.pr .div.second .body .bot dt {margin-bottom: 6px; font-size: 18px; font-weight: bold;}
article.main section.pr .div.second .body .bot dt a {color: #848484;}
article.main section.pr .div.second .body .bot dt + dd {margin-left: 0;}
article.main section.pr .div.second .body .bot dd {float: left; width: 51px; margin-left: 12px; line-height: 0; font-size: 0;}
article.main section.pr .div.second .body .bot dd a:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)"; filter: alpha(opacity=80); opacity: .8;}

article.main section.pr .div.third .body {padding-bottom: 0;}
article.main section.pr .div.third .body .bot {width: 425px; margin-left: -30px; border-top: solid 1px #d7d7d7;}
article.main section.pr .div.third .body .bot li {width: 50%;}
article.main section.pr .div.third .body .bot li a {display: block; height: 73px; padding: 15px 25px 25px; color: #848484; text-decoration: none;}
article.main section.pr .div.third .body .bot li a:hover {background: #0053a1; color: #fff;}
article.main section.pr .div.third .body .bot li:first-child a {border-right: solid 1px #d7d7d7;}
article.main section.pr .div.third .body .bot li:first-child + li {*margin-left: -1px;}
article.main section.pr .div.third .body .bot dt {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; font-weight: bold;}
article.main section.pr .div.third .body .bot dd {height: 38px; margin-top: 10px; overflow: hidden;}


/* Player Renewal (2018-05-21) */

article.main section.tv .body .video {height: 326px;}
article.main section.tv .body .txt {/* height: 303px; */}

article.main section.news .body .headline .video {height: 326px;}

article.main section.news .body .list li a {height: 157px; overflow: hidden;}
article.main section.news .body .list li .thumb {margin-top: -22px;}


/* News Banner (2018-06-27) */

article.main section.news .body .banner {position: absolute; bottom: 20px; right: 30px; line-height: 0; font-size: 0;}
article.main section.news .body .banner > a {margin-left: 11px;}
article.main section.news .body .banner > a:first-child {margin-left: 0;}
article.main section.news .body .banner > a,
/*article.main section.news .body .banner > a > img {width: 283px; height: 99px;}*/
article.main section.news .body .banner > a > img {height: 99px;}