@charset "UTF-8";

.main-contents-wrap {padding:40px 0;background:#fff;}
.visual-slider-box {overflow:hidden;background:#000;}
.visual-slider-box .bx-viewport {max-height:580px;}
.visual-slider-box li {float:left;}
.visual-slider-box li img{width:100%;}
.visual-slider-box li .inner-wrap p.txt01 {font-size:3.571em;color:#fff;position:absolute;left:0;bottom:60px;z-index:10;}
.visual-slider-box li .inner-wrap p.txt02 {font-size:3.571em;color:#000;position:absolute;left:2px;bottom:58px;z-index:9;}
.visual-slider-box .bx-controls {max-width:1160px;margin:0 auto; position:relative;}
.visual-slider-box .bx-controls a {width:40px;height:40px;bottom:0;z-index:51;}
.visual-slider-box .bx-controls-direction a.bx-prev {background-position:left -30px;right:82px;}
.visual-slider-box .bx-controls-direction a.bx-next {background-position:-100px -30px;right:0;}
.visual-slider-box .bx-controls-auto {bottom:0;right:41px;}
.visual-slider-box .bx-controls-auto-item a.bx-start {right:0;background-position:-150px -30px;}
.visual-slider-box .bx-controls-auto-item a.bx-stop {background-position:-50px -30px;right:0;}
.visual-slider-box .bx-controls-auto-item a.bx-stop.active, .visual-slider-box .bx-controls-auto-item a.bx-start.active {display:none;}

.main-contents-block {margin-top:50px;}
.main-contents-block:first-of-type {margin-top:0;}
.main-contents-block:after, .main-contents-box:after {content:"";display:block;clear:both;}
.main-contents-block.second > section {width:47.8448%;}
.main-contents-block h3 {position:relative;padding:12px 0 30px 0;font-size:1.857em;font-weight:400;}
.main-contents-block h3:before {content:"";width:40px;height:1px;background:#222;position:absolute;left:0;top:0;}
.main-contents-box {position:relative;}
.main-contents-box.vod > section {width:49.1379%;}
.main-contents-box.slide > .main-slogan-slide {float:left;width:62%;}
.main-contents-box.slide > .lnks {float:right;width:33.6%;border:solid 1px #ddd;height:auto;padding:19px;box-sizing:border-box;}
.main-contents-box .more {position:absolute;width:25px;height:25px;background:url(/ko/img/ico_main.png) left top;text-indent:-999em;overflow:hidden;right:0;top:-50px;}

.main-contents-box .middle-hot {padding:0 25%;}
.middle-hot-cont {margin:0 20px;position:relative;}
.middle-hot-cont .description {background:url(/ko/img/bg_hot.png) right top no-repeat;position:absolute;right:0;top:0;bottom:0;width:100%;text-align:right;}
.middle-hot-cont .description .text-box {padding:40px 30px 0 0;color:#fff;}
.middle-hot-cont .description .text-box .category {display:inline-block;background:#a43711;padding:5px 12px;line-height:1em;}
.middle-hot-cont .description .text-box h4 {color:#fff;font-size:1.714em;margin-top:20px;line-height:1.417em;}
.middle-hot-cont .description .text-box p {margin:10px 0 30px 0;}
.middle-hot-cont .description .text-box > a {position:relative;padding-right:13px;font-size:0.929em;}
.middle-hot-cont .description .text-box > a:after {content:"";position:absolute;right:0;top:50%;background:url(/ko/img/ico_main.png) left -30px;width:8px;height:7px;margin-top:-4px;}

.main-contents-box .hot-issue-block {margin-left:-20px;}
.main-contents-box .hot-issue-block .hot-issue-box {float:left;width:25%;padding-left:20px;box-sizing:border-box;position:relative;padding-bottom:115px;}
.main-contents-box .hot-issue-block .hot-issue-box .thumb {height:150px;overflow:hidden;}
.main-contents-box .hot-issue-block .hot-issue-box .description {position:absolute;left:20px;bottom:0;right:0;background:#f5f5f5;}
.main-contents-box .hot-issue-block .hot-issue-box .description .text-box {padding:20px;}
.main-contents-box .hot-issue-block .hot-issue-box .description .text-box > a {font-weight:700;font-size:1.143em;overflow: hidden; text-overflow: ellipsis; display: inline-block; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; height:3em;}
.main-contents-box .hot-issue-block .hot-issue-box .description .text-box span {font-weight:400;font-size:0.929em;display:block;margin-top:5px;}

.main-contents-block {position:relative;}
.main-contents-block .notice-more {position:absolute;left:90px;top:17px;}
.main-contents-box .hot-box {position:absolute;width:25%;top:0;height:100%;}
.main-contents-box .hot-box.left-hot {left:0;}
.main-contents-box .hot-box.right-hot {right:0;}
.main-contents-box .hot-box .hot-cont {position:relative;height:100%;}
.hot-box .hot-cont .description {position:absolute;left:0;bottom:0;width:100%;background:#f5f5f5;}
.hot-box .hot-cont .description .text-box {padding:20px;}
.hot-box .hot-cont .description .text-box > a {font-weight:700;font-size:1.143em;overflow: hidden; text-overflow: ellipsis; display: inline-block; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; height:3em;}
.hot-box .hot-cont .description .text-box span {font-weight:400;font-size:0.929em;display:block;margin-top:5px;}
.main-contents-box .hot-box .thumb img { max-height:183px; }

.main-contents-box nav {position:absolute;right:0;top:-67px;}
.main-contents-box nav > a {float:left;line-height:2.857em;position:relative;padding:0 9px; font-size:13px;}
.main-contents-box nav > a:before {content:"";width:1px;height:10px;background:#d3d3d4;position:absolute;left:-1px;top:50%;margin-top:-5px;}
.main-contents-box nav > a:after {content:"";width:100%;height:1px;background:#c53351;position:absolute;left:0;bottom:0;}
.main-contents-box nav > a:first-child::before {background:#fff;}
.main-contents-box nav > a.on {color:#c53351;font-weight:700;border-bottom:0;}
.main-contents-box nav > a.on:before {margin:0;width:100%;height:100%;border:solid 1px #c53351;border-bottom:0;box-sizing:border-box;top:0;border-radius:3px 3px 0 0;left:0;z-index:1;background:transparent;}
.main-contents-box nav > a.on:after {display:none;}

.main-notice-box li {border-bottom:dashed 1px #ddd;line-height:1em;padding:17px 0 15px 22px;position:relative;font-weight:700;}
.main-notice-box li:before {content:"";position:absolute;left:0;top:50%;width:7px;height:7px;background:url(/ko/img/ico_main.png) -20px -30px;margin-top:-4px;}
.main-notice-box li > a {display:block;padding-right:75px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:1.1em;}
.main-notice-box li > span {position:absolute;right:0;color:#555;font-size:0.929em;font-weight:700;top:17px;}
.main-notice-box {display:none;}
.main-notice-box:first-of-type {display:block;}

.main-fund-slide {margin-top:-61px;position:relative;}
.main-fund-slide .bx-pager {position:absolute;left:30px;bottom:25px;z-index:9999;}
.main-fund-slide .bx-pager .bx-pager-item {display:inline-block;margin-right:5px;}
.main-fund-slide .bx-pager .bx-pager-item > a {display:inline-block;width:15px;height:15px;border-radius:100%;text-indent:-999em;overflow:hidden;background:#161711;opacity:0.5;}
.main-fund-slide .bx-pager .bx-pager-item > a.active {opacity:1;}
.main-fund-slide .bx-controls a {width:40px;height:40px;top:50%;z-index:51;opacity:0.5;}
.main-fund-slide .bx-controls-direction a.bx-prev {background-position:left -30px;left:0;}
.main-fund-slide .bx-controls-direction a.bx-next {background-position:-100px -30px;right:0;}

.vod-box {position:relative;width:100%;height:auto;}
.vod-box .description {position:absolute;left:0;bottom:0;padding:27px 30px;color:#fff;font-weight:700;font-size:1.143em;width:100%;box-sizing:border-box;background:rgba(0,0,0,0.8);}
.vod-box .description > a {display:block;font-size:1.143em;line-height:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.main-vod-list li {position:relative;margin-top:17px;background:#f5f5f5;}
.main-vod-list li:first-child {margin-top:0;}
.main-vod-list li:after {content:"";display:block;clear:both;}
.main-vod-list li .thumb {width:172px;float:left;}
.main-vod-list li .description {padding-left:172px;}
.main-vod-list li .description > a {display:block;padding:20px 20px 0 20px;font-weight:700;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; height:2.8em;}
.main-vod-list li .description span {display:inline-block;color:#555;font-weight:400;font-size:0.929em;margin-top:5px;padding-left:20px;}

.main-slogan-slide {position:relative;}
.main-slogan-slide .bx-controls {height:auto;position:relative;}
.main-slogan-slide .bx-controls a {width:40px;height:40px;bottom:0;z-index:51;}
.main-slogan-slide .bx-controls-direction a.bx-prev {background-position:left -30px;right:82px;}
.main-slogan-slide .bx-controls-direction a.bx-next {background-position:-100px -30px;right:0;}
.main-slogan-slide .bx-controls-auto {bottom:0;right:41px;}
.main-slogan-slide .bx-controls-auto-item a.bx-start {right:0;background-position:-150px -30px;}
.main-slogan-slide .bx-controls-auto-item a.bx-stop {background-position:-50px -30px;right:0;}
.main-slogan-slide .bx-controls-auto-item a.bx-stop.active, .main-slogan-slide .bx-controls-auto-item a.bx-start.active {display:none;}

.main-contents-box .lnks li {float:left;width:50%;font-weight:700;}
.main-contents-box .lnks li > a {padding-left:46px;line-height:36px;position:relative;display:inline-block;margin:6px 0;}
.main-contents-box .lnks li > a:before {content:"";width:36px;height:36px;background:url(/ko/img/ico_main.png);position:absolute;left:0;top:50%;margin-top:-18px;}
.main-contents-box .lnks li > a.lnk01:before {background-position:-100px top;}
.main-contents-box .lnks li > a.lnk02:before {background-position:-140px top;}
.main-contents-box .lnks li > a.lnk03:before {background-position:-100px -40px;}
.main-contents-box .lnks li > a.lnk04:before {background-position:-140px -40px;}
.main-contents-box .lnks li > a.lnk05:before {background-position:-100px -80px;}
.main-contents-box .lnks li > a.lnk06:before {background-position:-140px -80px;}

.main-util-box {border:solid 6px #e6e6e6;padding:25px 0;}
.main-util-box li {font-weight:700;float:left;width:14.2857%;text-align:center;}
.main-util-box li > a {display:inline-block;position:relative;padding-top:65px;}
.main-util-box li > a:before {content:"";width:67px;height:46px;background:url(/ko/img/ico_main.png);position:absolute;left:50%;top:0;margin-left:-34px;}
.main-util-box li > a.lnk01:before {background-position:left -120px;}
.main-util-box li > a.lnk02:before {background-position:-100px -120px;}
.main-util-box li > a.lnk03:before {background-position:left -170px;}
.main-util-box li > a.lnk04:before {background-position:-100px -170px;}
.main-util-box li > a.lnk05:before {background-position:left -220px;}
.main-util-box li > a.lnk06:before {background-position:-100px -220px;}
.main-util-box li > a.lnk07:before {background-position:left -270px;}



.vjs-big-play-button, .vjs-control-bar, .vjs-caption-settings, .vjs-error-display, .vjs-hidden {display:none !important;}

#big-video-wrap{overflow:hidden;position:absolute;height:580px;width:100%;top:141px;left:0;z-index:-1;background:#000;}
#big-video-vid,#big-video-image{position:absolute;}
#big-video-vid {width:100% !important;height:100% !important;left:0 !important;}
#big-video-vid video {width:100% !important;height:100% !important;}

#big-video-control-container{position:fixed;bottom:20px;padding: 0 20px;width:100%;
  -webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-ms-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;}
#big-video-control{width:100%;height:16px;position:relative;}
#big-video-control-middle{margin: 0 56px 0 24px;}
#big-video-control-bar{width:100%;height:16px;position:relative;cursor:pointer;}
#big-video-control-progress{position:absolute;top:7px;height:3px;width:0%;background:#fff;}
#big-video-control-track{position:absolute;top:8px;height:1px;width:100%;background:#fff;}
#big-video-control-bound-left{left:0;}
#big-video-control-bound-right{right:-1px}
#big-video-control-track .ui-slider-handle {opacity:0;}
#big-video-control-playhead{left:30%;}
#big-video-control-play{position:absolute;top:0;left:0;height:16px;width:16px;background-image:url('bigvideo.png');}
#big-video-control-timer{position:absolute;top:1px;right:0;color:#fff;font-size:11px;}
#big-video-control-playhead,#big-video-control-bound-left,#big-video-control-bound-right{position:absolute;top:0;height:16px;width:1px;background:#fff;}
#big-video-control .ui-slider-handle{border-left:solid 1px #fff; width:16px;height:16px;position:absolute;top:-8px;}

.transparent{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.vjs-big-play-button{display:none !important;}


nav#next-btn {position: absolute;right: 0;bottom: -4px;z-index: 50;}

nav#next-btn a {display:inline-block;width:40px;height:40px;bottom:0;text-indent:-999em;background:url(/ko/img/ico_slider.png);overflow:hidden;}
nav#next-btn a.next-icon {background-position:-100px -30px;}
nav#next-btn a.prev-icon {background-position:left -30px;}
nav#next-btn a.pause-icon {background-position:-50px -30px;}


.caption-wrapper {position: absolute; width: 100%;height: 580px;top:141px;overflow:hidden;top:274px;}
.caption-wrapper .inner-wrap {height:100%;}

.vod-wrapper {position: absolute;width: 700%;height: 100%;z-index: 0;top:0;}

.screen {position: relative;height: 100%;width: 14.2857%;float: left;overflow: hidden;height:100%;}
.screen .inner-wrap {height:100%;}

.video-title {text-shadow: 2px 2px 1px rgba(0,0,0,1);font-size:3.0em;color:#fff;position:absolute;left:0;bottom:5%;}

.video-bkg-wrap {overflow: hidden;position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: -200;background:#000;}

.mainVisualWrap{position:relative;overflow:hidden;}
.mainVisualWrap ul.bxslider{overflow:hidden;}
.mainVisualWrap ul li{float:left;}
.mainVisualWrap ul.bxslider > li > img, .mainVisualWrap ul.bxslider > li > video{width:100%;height:auto;}
.mainVisualWrap ul.bxslider > li > video{max-height:580px;}

.mainVisualWrap .bx-controls-direction a, .mainVisualWrap .bx-controls-auto-item a{width:40px;height:40px;font-size:0;}
.mainVisualWrap .bx-controls-direction a.bx-prev{background-position: left -30px;right:82px;}
.mainVisualWrap .bx-controls-direction a.bx-next{background-position: -100px -30px;right:0;}
.mainVisualWrap .bx-controls{height: 40px;width: 61%;left: 50%;margin-left: -30.5%;text-align: right;position: absolute;bottom:3px;}
.mainVisualWrap .bx-controls-direction{}
.mainVisualWrap .bx-controls-auto-item a.bx-start {right: 41px;background-position: -150px -30px;}
.mainVisualWrap .bx-controls-auto-item a.bx-stop {background-position: -50px -30px; right: 41px;}
.mainVisualWrap .bx-controls-auto{height:40px;bottom:0;right:0;}
.mainVisualWrap .bx-controls-auto-item a.bx-start.active, .mainVisualWrap .bx-controls-auto-item a.bx-stop.active{display:none;}
.mainVisualWrap .inner-wrap{position:absolute;bottom: 30px;left: 50%;margin-left: -580px;width: 100%;}
.mainVisualWrap .inner-wrap .video-title{font-size:2.4em;}



@media screen and (max-width: 1160px) {
  .mainVisualWrap .inner-wrap{width:90%;margin-left:-45%;}
  .mainVisualWrap .bx-controls{width: auto;right: 5%;margin-left: 0;left: auto;}
}

@media screen and (max-width: 1024px) {
	.main-contents-box.vod > section.fl {width:55.5%;}
	.main-contents-box.vod > section.fr {width:43.5%;}
	.main-vod-list li {position:relative;margin-top:11px;background:#f5f5f5;}
	.main-vod-list li:first-child {margin-top:0;}

  
    .video-title {font-size:2.5em;}
  .main-contents-box .hot-issue-block .hot-issue-box .thumb {height:130px;}
}

@media screen and (max-width: 768px) {
    .main-contents-box .hot-issue-block .hot-issue-box {float:left;width:50%;}
  .main-contents-box .hot-issue-block .hot-issue-box:nth-child(3),
  .main-contents-box .hot-issue-block .hot-issue-box:nth-child(4){margin-top:20px;}
  .main-contents-box .hot-issue-block .hot-issue-box .thumb {height:150px;overflow:hidden;}
    .main-contents-box .hot-issue-block .hot-issue-box .thumb img {width:100%}
  .main-contents-box .hot-issue-block .hot-issue-box {padding-bottom:105px;}
  
    .main-contents-wrap {margin-top:0 !important;}  
	.visual-slider-box li .inner-wrap {height:auto; letter-spacing:-0.1em;}
	.visual-slider-box li .inner-wrap p.txt01 {font-size:1.5em;left:0;bottom:25px;z-index:10;text-shadow: 1px 1px 1px rgba(0,0,0,1);font-weight:700;}
	.visual-slider-box .bx-controls a {width:20px;height:20px;bottom:0;z-index:51;}

	.visual-slider-box .bx-controls-direction a.bx-prev {background-position:left -15px;right:56px;background-size:100px auto;}
	.visual-slider-box .bx-controls-direction a.bx-next {background-position:-50px -15px;right:15px;background-size:100px auto;}
	.visual-slider-box .bx-controls-auto {bottom:0;right:36px;}
	.visual-slider-box .bx-controls-auto a {width:20px;height:20px;}
	.visual-slider-box .bx-controls-auto-item a.bx-start {right:0;background-position:-75px -15px;background-size:100px auto;}
	.visual-slider-box .bx-controls-auto-item a.bx-stop {background-position:-25px -15px;right:0;background-size:100px auto;}

	.main-contents-block {margin-top:40px;}
	.main-contents-block h3 {padding:10px 0 20px 0;font-size:1.667em;}
	.main-contents-block h3:before {width:25px;}
	.main-contents-block.second > section {width:100%;float:none !important;}
	.main-contents-block.second > section.fr {margin-top:40px;}
  
    .main-contents-block .notice-more {left:auto;top:14px;right:0;}
  
	.main-contents-box .middle-hot {padding:0;}
	.middle-hot-cont {margin:0;}
	.main-contents-box .hot-box {position:static;width:50%;top:auto;height:100%;float:left;margin-top:10px;box-sizing:border-box;}
	.main-contents-box .hot-box.left-hot {left:auto;padding-right:5px;}
	.main-contents-box .hot-box.right-hot {right:auto;padding-left:5px;}
	.hot-box .hot-cont .description {position:static;left:auto;bottom:auto;}
	.hot-box .hot-cont .description .text-box {padding:20px;}
	.hot-box .hot-cont .description .text-box > a {font-weight:700;font-size:1.143em;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; height:1.5em;}
	.hot-box .hot-cont .description .text-box span {font-weight:400;font-size:0.929em;display:block;margin-top:5px;}
	
	.main-contents-box .more {position:absolute;width:19px;height:19px;background-position:-100px top;background-size:200px auto;top:-40px;}

	.main-contents-box nav {position:relative;right:auto;top:auto;margin-bottom:10px;}
	.main-contents-box nav:before {content:"";width:100%;height:1px;background:#c53351;position:absolute;left:0;bottom:0;z-index:-1;}
	.main-contents-box nav:after {content:"";clear:both;display:block;}
	.main-contents-box nav > a.on:before {border-bottom:solid 1px #fff;}

	.main-fund-slide {margin-top:-50px;}


	.main-contents-box.vod > section.fl,  .main-contents-box.vod > section.fr {width:100%;float:none;}
	.main-vod-list {margin-top:10px;}
	.main-vod-list li {position:relative;margin-top:10px;background:#f5f5f5;}

	.main-contents-box.slide > .main-slogan-slide {float:none;width:100%;}
	.main-contents-box.slide > .lnks {float:none;width:100%;margin-top:40px;}

	.main-contents-box .lnks li {float:left;width:33.3333%;font-weight:700;}
	.main-util-box {border:solid 5px #e6e6e6;padding:0  0 20px 0;}
	.main-util-box li {float:left;width:25%;margin-top:20px;}
	.main-util-box li > a {display:inline-block;position:relative;padding-top:60px;}

    .video-title {font-size:2.0em;}
    .main-fund-slide .bx-pager .bx-pager-item > a {width:10px;height:10px;}
}

@media screen and (max-width: 640px) {

	.main-contents-box nav > a {float:left;width:20%;padding:0;text-align:Center;}

	.main-fund-slide {margin-top:-35px;}
  .main-fund-slide .bx-pager {bottom:5px;left:10px;}
  
	.vod-box .description {padding:15px;color:#fff;}
	.vod-box .description > a {display:block;line-height:1.3em;overflow:hidden;text-overflow:ellipsis;white-space:normal;display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; }
  .vod-box iframe {height:200px;}

	.main-vod-list li .thumb {width:125px;}
	.main-vod-list li .description {padding-left:125px;}
	.main-vod-list li .description > a {display:block;padding:15px 15px 0 15px;}
	.main-vod-list li .description span {padding-left:15px;}

	.main-slogan-slide .bx-controls-direction a {width:20px;height:20px;}
	.main-slogan-slide .bx-controls-direction a.bx-prev {background-position:left -15px;right:44px;background-size:100px auto;}
	.main-slogan-slide .bx-controls-direction a.bx-next {background-position:-50px -15px;right:0;background-size:100px auto;}
	.main-slogan-slide .bx-controls-auto {bottom:0;right:22px;}
	.main-slogan-slide .bx-controls-auto a {width:20px;height:20px;}
	.main-slogan-slide .bx-controls-auto-item a.bx-start {right:0;background-position:-75px -15px;background-size:100px auto;}
	.main-slogan-slide .bx-controls-auto-item a.bx-stop {background-position:-25px -15px;right:0;background-size:100px auto;}

	.main-contents-box .lnks li {width:50%;}
	.main-util-box li  {width:33.3333%;}
  
    .video-title {text-shadow: 1px 1px 1px rgba(0,0,0,1);font-size:1.5em;}
}


@media screen and (max-width: 480px) {
   .main-contents-box .hot-issue-block .hot-issue-box .thumb {height:100px;}
  .main-contents-box .hot-issue-block .hot-issue-box {padding-bottom:105px;}
}