@charset "utf-8";
@import url(/common.css);

body,input,textarea,select,button,table{font-family:'NanumGothicWeb',NanumGothic,'나눔고딕','맑은 고딕','Malgun Gothic',AppleGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; font-size:12px}

.conVideoList { clear:both; width:918px; padding:0px 0 0 41px;}

.videoList { width:970px; padding:0 0 0 6px; display:table;}
.videoList dl { float:left; width:203px; height:220px; margin:29px 0 0 35px;}
.videoList dt { height:138px; position:relative;}
.videoList dt img { position:absolute;}
.videoList dt .transBorder { width:201px; height:121px;}
.videoList dt a .hoverBorder { position:absolute; top:0; left:0; width:203px; height:123px; border:0;}
.videoList dt a:hover .hoverBorder { position:absolute; top:0; left:0; width:195px; height:115px; border: solid 4px #7988e8;}
.videoList dt .btnPlay { position:absolute; top:95px; left:5px;}
.videoList dd { padding:0 0 5px 0; color:#999999;}
.videoList dd.subject { font-size:13px; color:#2f3743; font-family:'NanumGothicBoldWeb',NanumGothicBold,'나눔고딕','맑은 고딕','Malgun Gothic',AppleGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; font-weight:bold;}
.videoList dd.subject a { color:#2f3743;}
.videoList dd .bar { color:#e2e2e2; padding:0 2px 0 3px;}
.videoList dd .reply { font-size:11px; color:#666666;}
.videoList dd .reply em { font-style:normal; color:#05c300;}

.conVideoDetail { clear:both; width:918px; padding:20px 0 0 41px;}

.conVideoDetail .replyText { width:770px !important;}
.conVideoDetail .articleTitle { }
.conVideoDetail .articleTitle h3 { float:left; padding:15px 0 13px 10px;}
.conVideoDetail .articleTitle .info { float:right; padding:20px 0 0 0;}

.conVideoDetail .secuTable { width:500px !important;}

.videoTable { margin:40px auto 0 auto;}
.videoTable th { text-align:left; border-bottom:solid 2px #5f646c;}
.videoTable th img { vertical-align:top;}
.videoTable th.empty { border-bottom:none;}
.videoTable td { color:#565960; line-height:1.5; padding:17px 0 0 0;}
.videoTable td .bar { color:#e4e5e7; padding:0 2px 0 2px;}
.videoTable td .info { font-size:11px; color:#565960;}
.videoTable td .info li { padding:0 0 6px 0;}
.videoTable td .info em { font-style:normal; color:#909399;}

.videoArea { /*background:#232528;*/ background:#000000; padding:60px 0 60px 0;}
.videoAreaIn { margin:0 auto;}

.nextVTable { margin:0 0 80px 0; border-top:solid 2px #383d4a; border-bottom:solid 1px #cdcdd3;}
.nextVTable th { text-align:center; background:url(/multimedia/images/bg_h.gif) 0 0 repeat-x;}
.nextVTable th.pre { border-left:solid 1px #e3e4e7;}
.nextVTable th.curr { border-left:solid 1px #e3e4e7; border-right:solid 1px #e3e4e7;}
.nextVTable th.next { border-right:solid 1px #e3e4e7;}
.nextVTable td {}
.nextVTable td.curr { border-left:solid 1px #ebeced; border-right:solid 1px #ebeced; background:#fbfbfb;}

.nextVTable dl { width:203px; height:220px; margin:0 auto;}
.nextVTable dt { height:138px; position:relative;}
.nextVTable dt img { position:absolute;}
.nextVTable dt .transBorder { width:201px; height:121px;}
.nextVTable dt .hoverBorderCurr { position:absolute; top:0; left:0; width:195px; height:115px; border: solid 4px #7988e8;}
.nextVTable dt a .hoverBorder { position:absolute; top:0; left:0; width:203px; height:123px; border:0;}
.nextVTable dt a:hover .hoverBorder { position:absolute; top:0; left:0; width:195px; height:115px; border: solid 4px #7988e8;}
.nextVTable dt .btnPlay { position:absolute; top:95px; left:5px;}
.nextVTable dd { padding:0 0 5px 0; font-size:10px; color:#999999;}
.nextVTable dd.subject { font-size:13px; color:#2f3743; font-family:'NanumGothicBoldWeb',NanumGothicBold,'나눔고딕','맑은 고딕','Malgun Gothic',AppleGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; font-weight:bold; }
.nextVTable dd.subject a { color:#2f3743;}
.nextVTable dd .bar { color:#e2e2e2; padding:0 2px 0 3px;}
.nextVTable dd .reply { font-size:11px; color:#666666;}
.nextVTable dd .reply em { font-style:normal; color:#05c300;}

.photoArea { width: 846px; margin:20px auto 0 auto;}

.photoArea .ad-gallery { width: 846px;}
.photoArea .ad-gallery, .ad-gallery * { margin: 0; padding: 0;}
.photoArea .ad-gallery .ad-image-wrapper { height: 560px; margin:0; position: relative; overflow: hidden; }
.photoArea .ad-gallery .ad-image-wrapper .ad-loader { position: absolute; z-index: 10; top: 48%; left: 48%; border: 1px solid #CCC; }
.photoArea .ad-gallery .ad-image-wrapper .ad-next { position: absolute; right: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 200; }
.photoArea .ad-gallery .ad-image-wrapper .ad-prev { position: absolute; left: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 200; }
.photoArea .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
/* Or else IE will hide it */ background: url(trans.gif); }
.photoArea .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .photoArea .ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(/multimedia/images/ad_prev.png); width: 30px; height: 30px; display: none; position: absolute; top: 47%; left: 0; z-index: 101; }
.photoArea .ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(/multimedia/images/ad_next.png); width: 30px; height: 30px; right: 0; left: auto; }
.photoArea .ad-gallery .ad-image-wrapper .ad-image { position: absolute; overflow: hidden; top: 0; left: 0; z-index: 9; }
.photoArea .ad-gallery .ad-image-wrapper .ad-image a img { border: 0;}
.photoArea .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {position: absolute; bottom: 0px; left: 0px; padding: 7px; text-align: left; width: 100%; z-index: 2; background: url(opa75.png); color: #000; }
* html .photoArea .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { /*background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png'); */}
.photoArea .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title { display: block; }
.photoArea .ad-gallery .ad-controls { height: 30px; margin:0 0 0 330px; }
.photoArea .ad-gallery .ad-info { float:left; font-size:11px; font-family:dotum; color:#999999; padding:6px 0 0 0; }
.photoArea .ad-gallery .ad-controls img { vertical-align:middle;}
.photoArea .ad-gallery .ad-slideshow-controls { float:left;  }
.photoArea .ad-gallery .ad-slideshow-controls .thisOn { font-weight:bold;}
.photoArea .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .photoArea .ad-gallery .ad-slideshow-controls .ad-slideshow-stop { padding-left: 5px; cursor: pointer; }
.photoArea .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {font-size:11px; font-family:dotum; color:#999999; padding:0 0 0 5px; display:inline-block; }
.photoArea .ad-gallery .ad-slideshow-running .ad-slideshow-start { cursor: default; font-style: italic; }
.photoArea .ad-gallery .ad-nav { width: 100%; position: relative; }
.photoArea .ad-gallery .ad-forward, .ad-gallery .ad-back { position: absolute; top: 0; height: 100%; z-index: 10; }
/* IE 6 doesn't like height: 100% */
* html .photoArea .ad-gallery .ad-forward, .ad-gallery .ad-back { height: 100px; }
.photoArea .ad-gallery .ad-back { cursor: pointer; left: 0; width: 19px; display: block; background: url(/multimedia/images/ad_scroll_back.gif) 0px 0 no-repeat; }
.photoArea .ad-gallery .ad-forward { cursor: pointer; display: block; right: 0; width: 19px; background: url(/multimedia/images/ad_scroll_forward.gif) 0px 0 no-repeat; }
.photoArea .ad-gallery .ad-nav .ad-thumbs { overflow: hidden; width: 800px; height:80px; margin:0 auto;}
.photoArea .ad-gallery .ad-thumbs .ad-thumb-list { float: left; width: 9000px; list-style: none; background:#f5f5f5; }
.photoArea .ad-gallery .ad-thumbs li { float: left; padding:0; }
.photoArea .ad-gallery .ad-thumbs li a { display: block; }
.photoArea .ad-gallery .ad-thumbs li a img { height:60px; border:none; display: block; }
.photoArea .ad-gallery .ad-thumbs li a.ad-active img { height:52px; border: 4px solid #7988e8; }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads { display:none;}

.photoVisual { width:918px; height:466px; background:url(/multimedia/images/bg_photo.gif) 0 0 no-repeat; margin:18px 0 20px 0; position:relative;}
.photoVisual h3 { position:absolute; top:52px; left:22px;}
.photoVisual .galleryWrap { width:918px; height:466px;}
.photoVisual .galleryWrap .photo { float:right; border-left:solid 1px #1eae57;}
.photoVisual dl { float:left; width:165px; background:url(/multimedia/images/bg_photo_line.gif) 0 0 no-repeat; margin:293px 0 0 25px;}
.photoVisual dt { color:#ffffff; font-family:'NanumGothicBoldWeb',NanumGothicBold,'나눔고딕','맑은 고딕','Malgun Gothic',AppleGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; font-weight:bold;  font-size:14px; padding:14px 0 13px 0; line-height:1.3;}
.photoVisual dt a { color:#ffffff;}
.photoVisual dd { font-size:10px; color:#9ef2bf; padding:0 0 5px 0;}
.photoVisual dd .bar { color:#43be5d; padding:0 3px 0 3px;}
.photoVisual dd.reply { font-size:11px; font-family:'NanumGothicBoldWeb',NanumGothicBold,'나눔고딕','맑은 고딕','Malgun Gothic',AppleGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; font-weight:bold; }
.photoVisual dd.reply em { font-style:normal; color:#f7ff7a; }
.photoVisual dd.line { background:url(/multimedia/images/bg_photo_line.gif) 0 bottom no-repeat; padding:0 0 11px 0;}

.photoVisual a.prev { position:absolute; top:148px; left:92px; width:45px; height:45px; background:url(/multimedia/images/btn_photo_pre.gif) 0 0 no-repeat; text-indent:-9999px; z-index:6;}
.photoVisual a:hover.prev { background:url(/multimedia/images/btn_photo_pre_on.gif) 0 0 no-repeat;}
.photoVisual a.next { position:absolute; top:148px; left:141px; width:45px; height:45px; background:url(/multimedia/images/btn_photo_next.gif) 0 0 no-repeat; text-indent:-9999px; z-index:6;}
.photoVisual a:hover.next { background:url(/multimedia/images/btn_photo_next_on.gif) 0 0 no-repeat;}

.videoVisual { width:918px; height:400px; background:url(/multimedia/images/bg_video.gif) 0 0 no-repeat; margin:18px 0 20px 0; position:relative;}
.videoVisual h3 { position:absolute; top:42px; left:22px;} 
.videoVisual .galleryWrap { width:918px; height:400px;}
.videoVisual .galleryWrap .video { float:right; border-left:solid 1px #37abcd;}
.videoVisual dl { float:left; width:165px;  background:url(/multimedia/images/bg_video_line.gif) 0 0 no-repeat; margin:235px 0 0 25px;}
.videoVisual dt { color:#ffffff; font-family:'NanumGothicBoldWeb',NanumGothicBold,'나눔고딕','맑은 고딕','Malgun Gothic',AppleGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; font-weight:bold; font-size:14px; padding:14px 0 13px 0; line-height:1.3;}
.videoVisual dt a { color:#ffffff;}
.videoVisual dd { font-size:10px; color:#7bdffd; padding:0 0 5px 0;}
.videoVisual dd .bar { color:#32b1d6; padding:0 3px 0 3px;}
.videoVisual dd.reply { font-size:11px; font-family:'NanumGothicBoldWeb',NanumGothicBold,'나눔고딕','맑은 고딕','Malgun Gothic',AppleGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; font-weight:bold; }
.videoVisual dd.reply em { font-style:normal; color:#fffe94; }
.videoVisual dd.line { background:url(/multimedia/images/bg_video_line.gif) 0 bottom no-repeat; padding:0 0 11px 0;}

.videoVisual a.prev { position:absolute; top:138px; left:92px; width:45px; height:45px; background:url(/multimedia/images/btn_video_pre.gif) 0 0 no-repeat; text-indent:-9999px; z-index:6;}
.videoVisual a:hover.prev { background:url(/multimedia/images/btn_video_pre_on.gif) 0 0 no-repeat;}
.videoVisual a.next { position:absolute; top:138px; left:141px; width:45px; height:45px; background:url(/multimedia/images/btn_video_next.gif) 0 0 no-repeat; text-indent:-9999px; z-index:6;}
.videoVisual a:hover.next { background:url(/multimedia/images/btn_video_next_on.gif) 0 0 no-repeat;}

.articleTitle h3  { font-family:'NanumGothicBoldWeb',NanumGothicBold,'나눔고딕','맑은 고딕','Malgun Gothic',AppleGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; font-weight:bold; color:#2f3139; }
.articleTitle .info