@charset "utf-8";

/*@import url(https://fonts.googleapis.com/css?family=Anton);*/
@font-face{
    font-family: 'BebasNeuewebfont';
    src:url('../fonts/Bebas-Neue.ttf.woff') format('woff'),
        url('../fonts/Bebas-Neue.ttf.svg#Bebas-Neue') format('svg'),
        url('../fonts/Bebas-Neue.ttf.eot'),
        url('../fonts/Bebas-Neue.ttf.eot?#iefix') format('embedded-opentype'); 
}
.fontsforweb_BebasNeuewebfont{font-family: 'BebasNeuewebfont' !important}

@font-face{
    font-family: 'Spoqa Han Sans';
    font-weight: 400;
    src: local('SpoqaHanSans-Regular'), local('SpoqaHanSans-Regular'),
    url('../fonts/Spoqa-Han-Sans-Regular.woff2') format('woff2'),
    url('../fonts/Spoqa-Han-Sans-Regular.woff') format('woff'),
    url('../fonts/Spoqa-Han-Sans-Regular.ttf') format('truetype');
}

/*body, td, p, pre, input, button, textarea, select, .c1{font-family:'Noto Sans KR',sans-serif,Tahoma,굴림;font-size:12px;color:#000}*/
html,body{margin:0;padding:0;height:100%;min-width:1200px;min-height:600px;}
/*body{background-image:url("../img/main_bg_sample.jpg");background-size:cover;}*/
body, td, p, pre, input, button, textarea, select, .c1{font-family:'Spoqa Han Sans','Malgun Gothic','Apple Gothic',sans-serif,Tahoma,굴림;font-size:0.85em;color:#666;font-weight:500;}
ul, li{list-style:none}
form{margin:0}
img {border:0;vertical-align:top}
a{color:#000;text-decoration:none;}
a:hover,a:active,a:focus{color:#000;text-decoration:none;}
body{background:#000;}
/* 기본 스타일 정의 */
.eng_font{font-family:"BebasNeuewebfont";}
.font_default{font-family: "Spoqa Han Sans";}


/* 유튜브 배경 동영상  */

#video_bg{
  position: absolute;
  width: 100%;
  height: 100%;
  /*background: url("../img/main_bg_sample.jpg") no-repeat; /* 배경 이미지로 대체 가능 */
  background-size: cover;
  z-index: -100;
  overflow:hidden;
}

#video_bg video{
  min-width:100%;min-height:100%;margin:0;padding:0;object-fit:contain;
  background:#000;
  background-position: center center;z-index:-10;
}



/* Global Navigation */
.side_header{width:16.6%;max-width:320px;min-width:235px;min-height:100%;height:100%;float:left;position:relative;background:#ffffff;z-index:2000;}

.gnb_nav{width:100%;min-height:calc(100% - 7.2% - 195px);margin-top:14.4%;padding:0;position:relative;}

.site_logo{width:22.21%;margin:14.4% 14.4% 14.4% 14.4%;padding:0;}
.site_logo img{width:100%;}

.gnb{width:76.31%;font-size:220%;color:#000;letter-spacing: 0.1em;margin:50px 0 0 15px;padding:0;}
.gnb li{margin:0;padding:5.263% 0 2.631% 2.631%;}
.gnb_ul .active{border:0;}

.gnb_ul{width:100%;margin:0 10.52%;padding:0;}
.gnb_ul li{width:calc(100% - 10px);}
.gnb_ul a{display:inline-block;width:100%;height:100%;position:relative;}
.gnb_ul li a .gnb_hover{display:none;background:#ffffff;position:absolute;right:0;top:7.5px;height:29px;}


.gnb_sub_ul{width:calc(100% + 10px);display:none;font-size:0.65em;color:#888;margin:10px -10px 0 -10px;padding:0;}
.gnb_sub_ul li{width:calc(100% - 10px);padding:8px 0 10px 10px;font-weight:normal;}
.gnb_sub_ul li:last-child{border-bottom:0;padding:8px 0 5px 10px}
.gnb_sub_ul li a{color:#777;letter-spacing:0.1em;}
.gnb_sub_ul li a:hover{color:#e81830;}
.gnb .active .gnb_sub_ul{display:block;}


/* 1366px보다 작으면 메뉴 폰트 사이즈 조절 */
@media(max-width:1366px){
  .side_header{font-size:0.7em;}
  .gnb_ul li a .gnb_hover{display:none;background:#ffffff;position:absolute;right:0;top:7.5px;height:18px;}
  .gnb_ul li a .gnb_hover img{height:17px;margin-left:2px;}
  .gnb_sub_ul{font-size:0.65em;}
  .gnb_sub_ul li{padding:7px 0 7px 10px;}
  .gnb_sub_ul li:last-child{border-bottom:0;padding:8px 0 0px 10px}
}
/* footer navigation */
.footer_area{width:100%;position: relative;bottom:0;clear:both;text-align:center;margin-right:-5px;padding-bottom:35px;background:#fff;height:160px;}
.footer_area nav{text-align:left;width:75%;margin:0 auto;}

.footer_area .lang_sel{display:inline-block;width:75%;padding:0 0 15px 0;margin:0;}
.footer_area .lang_sel li{display:inline-block;border:1px solid #e0e0e0;padding:3px 7px 3px 9px;margin-right:5px;}
.footer_area .lang_sel li a{color:#a3a3a3;letter-spacing:0.1em;padding:0;margin:0;}
.footer_area .lang_sel li a.sel_lang{color:#000;}

.sel_st_ul{
  text-align:left;
  height:24px;
  width:85%;
  min-width:90px;
  border:0;padding:0;margin:0 5px 0 0;
  display:inline-block;
}
.sel_st_ul li{
  width:calc(100% - 10px);
  min-width:80px;
  padding:4px 5px 6px 10px;
  margin:0;
  z-index:300;
  cursor:pointer;
  color:#000;
  font-family: 'BebasNeuewebfont';
  font-size:1em;
  letter-spacing: 0.05em;
}
.sel_st_ul .init{border:1px solid #e0e0e0;}
.sel_st_ul .init .text{width:calc(100% - 20px);display:inline-block;}
.sel_st_ul .init .bullet{width:12px;height:12px;display:inline-block;background:url("../img/sel_st_ul_arrow.svg") no-repeat 50% 100%;background-size:12px auto;}
.sel_st_ul li a{
  color:#000;
  z-index:300;
  width:100%;height:100%;
  font-family: 'BebasNeuewebfont';
  display:inline-block;
}
.sel_st_ul li:not(.init){float:left;min-width:80px;width:calc(100% - 10px);display:none;background:#fff;position:relative;z-index:300;border-left:1px solid #bbb;border-right:1px solid #bbb;}
.sel_st_ul li:not(.init):hover{background:#f4f4f4;}
.sel_st_ul li:not(.init) a{letter-spacing: 0.1em;}
.sel_st_ul li:not(.init):last-child{border-bottom:1px solid #bbb;}

.footer_area .footer_sns_link{min-width:195px;width:75%;margin:50px auto 0 auto;padding:0;text-align:left;}
.footer_area .footer_sns_link li{margin:0;padding:0 20px 0 0;display:inline-block;width:15px;}
.footer_area .footer_sns_link li img{height:15px;width:auto;}
.footer_area .side_footer{min-width:195px;width:75%;margin-top:10px;margin-bottom:0;text-align:left;display:inline-block;font-style:normal;font-size:0.7em;line-height:1.6em;color:#000;}


@media(max-width:1610px){
  .footer_area .lang_sel{width:95%;}
  .sel_st_ul{width:85%;}
}
/*
.side_footer p{width:100%;font-weight:bold;margin:0;padding:0;font-size:1em;}
.side_footer dl{margin:0;padding:0;font-weight:bold;font-size:1em;}
.side_footer dl dt{display:inline-block;margin:0;padding:0 0 0 5px;border-left:1px solid #666;}
.side_footer dl dd{display:inline-block;margin:0;padding:0;}
.side_footer dl dt:first-child{border:none;padding:0;}
*/
/* 책갈피 타입 팝업 */
/*
.bookmark_popup{
  width:310px;
  height:100%;
  position:absolute;
  padding:0 35px;
  margin-left:380px;
  overflow:hidden;
  z-index:0;
  color:#fff;
  background:#666;
  background: -moz-linear-gradient(-45deg,  rgba(255,138,177,0.25) 0%, rgba(182,187,48,0.25) 35%, rgba(37,135,141,0.25) 59%, rgba(240,88,87,0.25) 100%); /* FF3.6-15 */
/*  background: -webkit-linear-gradient(-45deg,  rgba(255,138,177,0.25) 0%,rgba(182,187,48,0.25) 35%,rgba(37,135,141,0.25) 59%,rgba(240,88,87,0.25) 100%); /* Chrome10-25,Safari5.1-6 */
/*  background: linear-gradient(135deg,  rgba(255,138,177,0.25) 0%,rgba(182,187,48,0.25) 35%,rgba(37,135,141,0.25) 59%,rgba(240,88,87,0.25) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1aff8ab1', endColorstr='#1af05857',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
/*}
.bookmark_btn{
  width:0;height:300px;position:absolute;margin-left:380px;margin-top:-150px;top:50%;z-index:10;cursor:pointer;display:none;
  opacity: 0.7;border:0;padding:0;outline:0;box-sizing: content-box;border-left:10px solid #555;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:1px solid #eee;
  background:transparent;left:0;}
.bookmark_btn span{visibility: hidden;text-indent: 100%;overflow:hidden;white-space: nowrap;width:1px;height:1px;position: absolute;left:-9999px;}
@media(max-width:1930px){
  .bookmark_popup{margin-left:19.7%;}
  .bookmark_btn{margin-left:19.7%;}
}
@media(max-width:1190px){
  .bookmark_popup{margin-left:235px;}
  .bookmark_btn{margin-left:235px;}
}
*/
.bookmark_popup{
  width:322px;height:100%;position:absolute;padding:0 45px 0 35px;margin-left:320px;overflow:hidden;z-index:1000;
  color:#fff;background:url("../img/bookmark_bgimg3.png") no-repeat;background-size:402px 100%;
}
.bookmark_btn_wrap{width:20px;height:100%;position:absolute;z-index:5;top:0;right:0;margin:auto 0;display:table;}
.bookmark_btn_wrap .inner_wrap{height:100%;display:table-cell;vertical-align: middle;}
.bookmark_btn{width:20px;height:30%;background:transparent url("../img/bookmark_arrow.svg") 30% 50% no-repeat;background-size:8px auto;outline:0;padding:0;cursor:pointer;display: inline-block;border:0;}
.bookmark_btn span{visibility: hidden;text-indent: 100%;overflow:hidden;white-space: nowrap;width:1px;height:1px;position: absolute;left:-9999px;}

.bookmark_blank_layer{width:16.6%;max-width:320px;min-width:235px;min-height:100%;left:0;z-index:5;position:absolute;box-shadow:15px 0 20px #333;opacity:0.1;display:none;}
@media(max-width:1930px){
  .bookmark_popup{margin-left:16.6%;}
  .bookmark_btn{margin-left:16.6%;}
}
@media(max-width:1415px){
  .bookmark_popup{margin-left:235px;}
  .bookmark_btn{margin-left:16.6%;}
}

.bookmark_scroll_wrap{width:340px;height:100%;overflow-y:hidden;}
.bookmark_popup h3{letter-spacing: 0.2em;font-weight:normal;font-size:1.5em;margin:20px 0 10px 0;border-bottom:1px solid #ccc;}
.bookmark_popup section{
  width:310px;
  margin-top:50px;
  margin-bottom:20px;
}
.bookmark_popup section:last-child{margin-bottom:60px;}

.bookmark_notice table{width:100%;color:#fff;}
.bookmark_notice table td{color:#fff;padding:5px 0;}
.bookmark_notice table td:first-child{padding-left:15px;background:url("../img/bullet_6x6_square_white.png") no-repeat 0% 55%;}
.bookmark_notice table td:last-child{width:70px;text-align:right;}
.bookmark_notice table td a{color:#fff;}

.bookmark_notice .thumb_news_wrap dl:last-child{border-bottom:0;}
.bookmark_notice dl{margin:0;padding:10px 0;border-bottom:1px solid #888;overflow:auto;}
.bookmark_notice dl dt{width:185px;float:right;padding:2px 0 0 0;margin:0;padding:0;font-size:0.85em;overflow:hidden;line-height:1.6em;}
.bookmark_notice dl dd{margin:0;padding:0;line-height:1.6em;font-size:0.85em;}
.bookmark_notice dl dt a{color:#eaeaea;}
.bookmark_notice dl dd a{color:#eaeaea;}
.bookmark_notice dl .desc_photo{float:left;text-align:center;width:110px;margin-right:10px;overflow:hidden;position:relative;}
.bookmark_notice dl .desc_photo a{display:block;width:100%;padding-top:50%;position:relative;overflow:hidden;}
.bookmark_notice dl .desc_photo img{width:100%;height:auto;position:absolute;top:0;bottom:0;left:0;right:0;}
.bookmark_notice dl .desc_text{width:185px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:right;padding-top:5px;color:#eaeaea;}

.bookmark_issue ul{margin:0;padding:0;}
.bookmark_issue ul li{height:109px;border:1px solid #eee;margin-bottom:15px;overflow-y:hidden;position:relative;}
.bookmark_issue ul li img{width:100%;height:auto;}
.bookmark_issue .main_bookmark_caption{width:calc(100% - 10px);background:rgba(0,0,0,0.7);text-align:center;position:absolute;bottom:0;color:#fff;display:block;padding:5px;overflow:hidden;font-size:0.8em;white-space:nowrap;text-overflow:ellipsis;}

.bookmark_media a{width:100%;height:174px;display:inline-block;border:1px solid #eee;position:relative;}
.bookmark_media a img{width:100%;height:auto;}
.bookmark_media a .img_cover{width:100%;height:100%;display:block;position:absolute;top:0;left:0;background:url("../img/main_top_play_bg.png") no-repeat;background-size: cover;z-index:100;}

.bookmark_unimedia h3{margin-bottom:20px;}
.bookmark_unimedia ul{margin:0;padding:0;}
.bookmark_unimedia ul li{height:174px;;border:1px solid #aaa;margin-bottom:15px;overflow-y:hidden;position:relative;}
.bookmark_unimedia ul li img{width:100%;height:auto;}
.bookmark_unimedia .main_bookmark_caption{width:calc(100% - 50px);background:rgba(0,0,0,0.7) url("../img/media_type_img.svg") no-repeat;background-position:95% 50%;text-align:center;position:absolute;bottom:0;color:#fff;display:block;padding:10px 40px 10px 10px;overflow:hidden;font-size:0.8em;white-space:nowrap;text-overflow:ellipsis;}
.bookmark_unimedia .main_bookmark_caption.video_media{background:rgba(0,0,0,0.7) url("../img/media_type_video.svg") no-repeat;background-position:95% 50%;}

/* 아티스트 레이어 */
.artists_wrap{width:calc(100% - 320px);height:100%;z-index:200;background:rgba(0,0,0,0.82);overflow-y:hidden;position:absolute;right:0;display:none;}
@media(max-width:1935px){
  .artists_wrap{width:83.4%;}
}
@media(max-width:1190px){
  .artists_wrap{width:calc(100% - 235px);}
}

.close_btn{
  width:7%;height:7%;min-width:20px;min-height:20px;max-width:30px;max-height:30px;right:20px;top:20px;overflow:hidden;margin:0;padding:0;
  background:url("../img/x_btn_white.svg") no-repeat transparent;background-position: right top;background-size:30px 30px;
  border:0;outline: 0;cursor:pointer;opacity: 0.8;position:relative;z-index:3000;position:absolute;}
.close_btn span{visibility: hidden;text-indent: 100%;overflow:hidden;white-space: nowrap;width:1px;height:1px;position: absolute;left:-9999px;}

.artist_list{width:100%;height:100%;}
.artist_list ul{width:80%;height:calc(100% - 70px);margin:30px auto 60px auto;padding:0 30px 0 30px;overflow-y:hidden;}
.artist_list ul li{width:16%;height:12.8%;padding:40px 0 0 0;margin:0;display:inline-block;text-align:center;position:relative;overflow:hidden;}
.artist_list ul li a{width:98%;height:100%;overflow:hidden;display:block;}
.artist_list ul li img{width:100%;height:87.1%;vertical-align:bottom:}
.artist_list ul li .btn_wrap{width:98%;height:30px;bottom:0;position:absolute;z-index:220;display:none;}
.artist_list ul li .btn_wrap .name_area{
  width:100%;color:#fff;bottom:0;padding-bottom:10px;padding-top:25px;margin-top:-30px;
  overflow:hidden;height:30px;letter-spacing: 0.1em;font-size:1.8em;height:50px;display:block;
  position:relative;
}
.artist_list ul li .btn_wrap .name_blur{width:120%;height:60px;display:block;position:absolute;margin-left:-10%;}
@media(max-width:1700px){
  .artist_list ul li .btn_wrap .name_area{padding-top:30px;font-size:1.1em;}
}

/* 서브공용레이어 */
.sub_commom_wrap{width:100%; height:100%; min-width:1200px;max-width:1920px;max-height:1280px;position:relative; z-index:5000; overflow:hidden;border:0;margin:0 auto;background:#fff;}
.sub_common_left{width:55.46%; height:100%; overflow:hidden;position:absolute;left:0;top:0;min-width:667px;max-width:1066px;}
.sub_common_right{width:44.53%; height:100%; overflow:hidden;position:absolute;right:0;top:0;background:#fff;min-width:533px;}
.sub_common_right .scroll_wrap{overflow:hidden;width:100%;height:calc(100% - 130px);}
@media(min-width:1920px){
  .sub_common_right{width:calc(100% - 1066px);}
}
@media(min-height:1280px){
  .sub_commom_wrap{top:50%;margin-top:-640px;}
}

.sub_layer_cls_btn{width:14px;height:14px;padding:11px 13px 12px 10px;display:block;position:absolute;z-index:5005;top:35px;right:5%;text-align:center;font-weight:bold;}
.sub_layer_cls_btn img{width:180%;height:auto;}

.sub_home_a{position:absolute;z-index:5005;top:5%;left:5%;opacity: 0.6;}


.sub_article_title{font-size:1.9em;letter-spacing: 0.05em;font-weight:normal;}
.sub_article_title:before{content:" / ";}

.sub_article_sub_title{background:#000;padding:1px 5px;display:inline-block;color:#fff;font-size:1.2em;}

.sub_layer_article{clear:both;margin:20px 0;display:block;overflow:auto;line-height:1.7em;font-size:1.1em;}
.sub_layer_article p{clear:both;font-size:1em;}

.sub_layer_title{display:inline-block;font-size:2.7em;color:#000;position:relative;margin-left:40px;margin-bottom:20px;letter-spacing:0.08em;}
.sub_layer_title .bg_line{display:block;width:calc(100% + 30px);height:2px;border-top:1px solid #000;position:absolute;left:-40px;top:47%;}
.sub_layer_title .bg_block{display:block;width:18px;height:2px;background:#000;margin-left:15px;}
.sub_layer_title .total_article_num{width:100px;display:block;position:absolute;bottom:8px;right:-105px;font-size:0.40em;font-weight:normal;letter-spacing: 0.01em;font-family:'Spoqa Han Sans';}

.board_paginate{text-align:center;padding:20px 0;}
.board_paginate a{padding:0 8px;display:inline-block;height:22px;vertical-align: middle;}
.board_paginate .on{color:#ff2f2b;font-weight:bold;cursor:default;}
.board_paginate .on span{display:inline-block;padding-top:0;}
.board_paginate .num_link span{display:inline-block;padding-top:0px;}
.board_paginate .pp_link{padding:0 15px 0 0px;}
.board_paginate .np_link{padding:0 0 0px 15px;}
.board_paginate img{vertical-align:middle}

/* 서브 레이어 왼쪽 페이지 */
.sub_layer_left{width:100%;height:100%;background-size:cover;background-position:top 50%;overflow:hidden;}
.sub_layer_right{width:90%;height:100%;overflow:hidden;position:relative;padding:10px 5%;}

.sub_layer_left .info_wrap{position: absolute;left:5%;top:50%;}
.info_wrap .social_link{position:absolute;bottom:-25%;z-index:5150;opacity: 0;}
.info_wrap .social_link a{padding:0 10px 0 0;opacity:0.6;transition:all 0.7s;}
.info_wrap .social_link a:hover{opacity:1;}
.info_wrap .social_link a img{width:20px;height:20px;}
.info_wrap .info_name_eng{font-size:6em;color:#fff;font-weight:normal;margin:0;padding:0;position:relative;vertical-align:middle;z-index:5100;float:left;}
.info_wrap .info_name_kor{
  display:inline;top:47%;left:-100%;padding-top:10px;margin:0;position:absolute;text-align:center;
  font-size:1.2em;font-weight:bold;letter-spacing:0.1em;color:#fff;border-top:3px solid #fff;margin-left:15px;white-space:nowrap;}
.info_wrap .info_name_kor span{opacity:0;}
.info_wrap .name_line{position:absolute;display:block;width:0;height:2px;border-top:1px solid #fff;top:47%;left:-25%;opacity:0.4;}

@media(max-width:1570px){
  .info_wrap .info_name_eng{font-size:4em;}
  .info_wrap .info_name_kor{padding-top:5px;font-size:1em;}
  .info_wrap .social_link a img{width:15px;height:15px;}
}

.sub_layer_menu{position:absolute;top:50%;right:5%;font-size:1.5em;}
.sub_layer_menu ul{margin:-40px 0 0 0;padding:0;}
.sub_layer_menu ul li{opacity: 0.7;padding:0 10px;margin:15px 0;text-align:left;letter-spacing: 0.05em;font-size:1.1em;}
.sub_layer_menu ul li a{width:calc(100% - 50px);color:#fff;display:inline-block;padding-right:50px;padding-top:2px;padding-bottom:1px;/*text-shadow:1px 1px 0 #000;*/}
.sub_layer_menu ul .active{opacity: 1;}
.sub_layer_menu ul .active a{}

/* 서브 레이어 오른쪽 공통 */
.desc_dl{margin:0 0 30px 0;padding:0;overflow:auto;}
.desc_dl dt{margin:0;padding:0;display:inline-block;font-weight:bold;float:left;padding:5px 5px 5px 0;clear:both;min-width:40px;}
.desc_dl dd{margin:0;padding:0;display:inline-block;float:left;padding:5px;}
.desc_dl dd .download_btn{background:#ccc;padding:5px;font-size:0.75em;font-weight:bold;border-radius: 5px;}

.artist_title_color{color:#6c3cd6;}
.company_title_color{color:#f05855;}
.contact_title_color{color:#f05855;}

.more_load_btn{text-align:center;}
.more_load_btn button{width:16px;padding:11px 10px 9px 9px;background:#fff;border:2px solid #eee;border-radius: 1000px;outline: 0;box-sizing: content-box;text-decoration: none;cursor:pointer;}

/* 아티스트 뉴스 페이지 */
.artist_news_wrap{position:relative;}
/*
.sub_layer_notice{width:44.53%;min-width:533px;padding:20px 20px 20px 0;right:calc(5% + 33px);margin-bottom:20px;overflow:auto;background:#fff;position:fixed;z-index:5200;}
.sub_layer_notice dl{border:3px solid #eee;margin:0;padding:20px;}
.sub_layer_notice dl dt{margin:0;padding:0 0 10px 0;font-weight:bold;font-size:1.2em;display:inline-block;;}
.sub_layer_notice dl dt span{font-size:0.8em;background:#000;color:#fff;padding:3px 5px;margin-right:10px;font-family: 'Roboto Condensed';}
.sub_layer_notice dl dd{margin:0;padding:0;line-height:1.5em;}
.sub_layer_notice dl dd a{color:#828282;}
.sub_layer_notice dl .desc_photo{display:inline;float:left;text-align:center;width:150px;height:45px;margin-right:20px;overflow:hidden;border:1px solid #eee;}
*/
.sub_layer_notice{border:3px solid #eee;padding:20px;margin-bottom:10px;overflow:hidden;}
.sub_layer_notice dl{margin:0;padding:0;}
.sub_layer_notice dl dt{margin:0;padding:0 0 10px 0;font-weight:bold;font-size:1.2em;display:inline-block;}
.sub_layer_notice dl dt em{font-size:0.8em;background:#000;color:#fff;padding:3px 5px;margin-right:10px;font-family: 'Roboto Condensed';font-style:normal;}
.sub_layer_notice dl dd{margin:0;padding:0;line-height:1.5em;}
.sub_layer_notice dl dd a{color:#828282;}
.sub_layer_notice dl .desc_photo{display:inline;float:left;text-align:center;width:150px;height:45px;margin-right:20px;overflow:hidden;border:1px solid #eee;}

.sub_layer_news{border-bottom:1px solid #eee;padding:20px 0;overflow:auto;}
.sub_layer_news dl{margin:0;padding:0;}
.sub_layer_news dl dt{margin:0;padding:0 0 10px 0;width:calc(98% - 165px);font-weight:bold;font-size:1.2em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:right;}
.sub_layer_news dl dt em{font-size:0.8em;background:#000;color:#fff;padding:3px 5px;margin-right:10px;font-family: 'Roboto Condensed';font-style:normal;}
.sub_layer_news dl dd{margin:0;padding:0;line-height:1.5em;}
.sub_layer_news dl dd a{color:#828282;}
.sub_layer_news dl .desc_text{width:calc(98% - 165px);float:right;}
.sub_layer_news dl .desc_photo{display:inline;float:left;text-align:center;width:150px;height:80px;margin-right:20px;overflow:hidden;border:1px solid #eee;}



/* 아티스트 포토 페이지 */
.artist_photo_wrap ul{width:100%;padding:0 0 20px 0;}
.artist_photo_wrap ul li{width:31.5%;margin:0 1% 1% 0;display:inline-block;}
.artist_photo_wrap ul li img{width:100%;height:auto;border:1px solid #fff;transition:border 0.4s;}
.artist_photo_wrap ul li a:hover img{border:1px solid #aaa;transition:border 0.4s;}

/* 아티스트 비디오 페이지 */
.artist_video_wrap ul{width:100%;padding:0 0 0 0;}
.artist_video_wrap ul li{width:48.5%;margin:0 1% 1% 0;display:inline-block;position:relative;}
.artist_video_wrap ul li img{width:100%;height:auto;}
.artist_video_wrap ul .top_pick{width:98.5%;text-align:center;}
.artist_video_wrap ul li .video_cover{width:100%;height:100%;position:absolute;top:0;left:0;background:url("../img/main_top_play_bg.svg");background-size:100% 100%;}
.artist_video_wrap ul li a{position:relative;width:100%;height:100%;display:inline-block;border:1px solid #eee;transition:border 0.4s;}
.artist_video_wrap ul li a:hover{border:1px solid #aaa;transition:border 0.4s;}

/* 컴패니 윌엔터 페이지 */
.company_intro dt{background:#000;font-size:0.9em;color:#fff;padding:1px 5px;margin-bottom:3px;width:70px;vertical-align: middle;text-align:center;}
.company_intro dd{vertical-align: middle;padding:1px 10px;margin-bottom:3px;}

.company_orgchart {width:100%; height:600px;}
.company_orgchart ul{left:0;top:0;margin:0;padding:0;}
.company_orgchart ul li{background:#fff;}
.company_orgchart .oc_element{padding:10px;border:1px solid #eee;text-align:center;width:100px;height:30px;display:block;}
.company_orgchart .oc_depth_1{position:relative;}
.company_orgchart .oc_depth_1 > .vline{width:1px;height:15px;background:#eee;position:absolute;left:50%;bottom:-15px;}
.company_orgchart .oc_depth_2{position: relative;left:-10px;top:100%;}
.company_orgchart .oc_depth_2 li > .hline{width:30px;height:1px;background:#eee;position:absolute;top:50%;left:122px;}
.company_orgchart .oc_depth_2 li > .vline{width:1px;height:600%;background:#eee;position:absolute;top:50%;left:137px;}
.company_orgchart .oc_depth_3{position: relative;left:calc(100% + 40px);top:-35px;}
.company_orgchart .oc_depth_3>li{width:130px;margin-bottom:10px;}
.company_orgchart .oc_depth_3 li > .hline{width:30px;height:1px;background:#eee;position:absolute;top:88px;left:152px;}
.company_orgchart .oc_depth_3 li > .half_hline{width:15px;height:1px;background:#eee;position:absolute;left:-14px;top:337px;}
.company_orgchart .oc_depth_3 li > .vline{width:1px;height:62px;background:#eee;position:absolute;top:88px;left:166px;}
.company_orgchart .oc_depth_4{position: relative;left:calc(100% + 40px);top:-35px;}
.company_orgchart .oc_depth_4>li{margin-bottom:10px;}
.company_orgchart .oc_depth_4 li > .hline{width:15px;height:1px;background:#eee;position:absolute;left:-15px;}

.company_orgchart.en_orgchart{height:750px;}
.company_orgchart .en_oc .oc_element{height:25px;}
.company_orgchart .en_oc .oc_depth_2 > li{height:50px;}
.company_orgchart .en_oc .oc_depth_2 li > .vline{height:665%;}
.company_orgchart .en_oc .oc_depth_3 li > .half_hline{top:489px;}
.company_orgchart .en_oc .oc_depth_3 > li{height:50px;}
.company_orgchart .en_oc .oc_depth_3 > li:nth-child(1){height:100px;}
.company_orgchart .en_oc .oc_depth_3 > li:nth-child(6){height:25px;}
.company_orgchart .en_oc .oc_depth_3 li > .vline{height:69px;}
.company_orgchart .en_oc .oc_depth_4{top:-125px;}

.company_orgchart .cn_oc .oc_element{font-size:0.95em;}

.company_orgchart .jp_oc .oc_element{font-size:0.95em;padding-top:13px;padding-bottom:7px;}
.company_orgchart .jp_oc .oc_depth_2 li > .vline{height:605%;}
.company_orgchart .jp_oc .oc_depth_3 li > .vline{width:1px;height:97px;background:#eee;position:absolute;top:88px;left:166px;}
.company_orgchart .jp_oc .oc_depth_4 >li{height:55px;}
.company_orgchart .jp_oc .oc_depth_4 li > .hline{width:15px;height:1px;background:#eee;position:absolute;left:-15px;top:119px;}

/* 컴패니 노티스 */
.will_notice_wrap .sub_layer_notice{border:3px solid #eee;padding:20px;margin-bottom:10px;overflow:hidden;}
.will_notice_wrap .sub_layer_notice ul{margin:0;padding:0;}
.will_notice_wrap .sub_layer_notice ul em{font-size:0.8em;background:#000;color:#fff;padding:3px 5px;margin-right:10px;font-family: 'Roboto Condensed';font-style:normal;}
.will_notice_wrap .sub_layer_notice ul li{margin:0;padding:0;width:100%;font-size:1.2em;display:inline-block;}
.will_notice_wrap .sub_layer_notice ul li a{display:inline-block;width:100%;}
.will_notice_wrap .sub_layer_notice ul li a .list_subject{display:block;float:left;font-weight:bold;vertical-align: middle;}
.will_notice_wrap .sub_layer_notice ul li a .list_date{display:block;float:right;font-weight:normal;font-size:0.8em;vertical-align: middle;}

.will_notice_wrap .sub_layer_news{border-bottom:1px solid #eee;padding:20px 0;overflow:auto;}
.will_notice_wrap .sub_layer_news ul{margin:0;padding:0;}
.will_notice_wrap .sub_layer_news ul li{margin:0;padding:0;width:100%;font-size:1.2em;display:inline-block;}
.will_notice_wrap .sub_layer_news ul li a{display:inline-block;width:100%;}
.will_notice_wrap .sub_layer_news ul li a .list_subject{display:block;float:left;font-weight:bold;vertical-align: middle;}
.will_notice_wrap .sub_layer_news ul li a .list_date{display:block;float:right;font-weight:normal;font-size:0.8em;vertical-align: middle;}
/*
.will_notice_wrap .sub_layer_notice{border:3px solid #eee;padding:20px;margin-bottom:10px;overflow:hidden;}
.will_notice_wrap .sub_layer_notice dl{margin:0;padding:0;}
.will_notice_wrap .sub_layer_notice dl dt{width: 100%;margin:0;padding:0 0 10px 0;font-weight:bold;font-size:1.2em;display:inline-block;}
.will_notice_wrap .sub_layer_notice dl dt em{font-size:0.8em;background:#000;color:#fff;padding:3px 5px;margin-right:10px;font-family: 'Roboto Condensed';font-style:normal;}
.will_notice_wrap .sub_layer_notice dl dd{width: 100%;margin:0;padding:0;line-height:1.5em;}
.will_notice_wrap .sub_layer_notice dl dd a{color:#828282;}

.will_notice_wrap .sub_layer_news{border-bottom:1px solid #eee;padding:20px 0;overflow:auto;}
.will_notice_wrap .sub_layer_news dl{margin:0;padding:0;}
.will_notice_wrap .sub_layer_news dl dt{margin:0;padding:0 0 10px 0;width: 100%;font-weight:bold;font-size:1.2em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:right;}
.will_notice_wrap .sub_layer_news dl dt em{font-size:0.8em;background:#000;color:#fff;padding:3px 5px;margin-right:10px;font-family: 'Roboto Condensed';font-style:normal;}
.will_notice_wrap .sub_layer_news dl dd{margin:0;padding:0;line-height:1.5em;}
.will_notice_wrap .sub_layer_news dl dd a{color:#828282;}
.will_notice_wrap .sub_layer_news dl .desc_text{width: 100%;float:right;}
*/

/* 컨택트 페이지 */
.contact_map .map_img{width:100%;}
.contact_map .map_img img{width:100%;height:auto;}
#google_maps{height:400px;margin-bottom:10px;}

.caution_ul{margin:0;padding:0;}
.caution_ul li{list-style:disc;margin-left:20px;}

/* 캘린더 페이지 */
.cal_wrap{padding:3% 5% 5% 5%;height:92%;color:#aaa;}
.cal_wrap .cal_content_wrap{width:100%;height:100%;overflow:hidden;}
.cal_wrap .cal_content_wrap .mCSB_container{padding-left:20px;}
.cal_wrap .fc-widget-content{border-color:#575757;}
.cal_wrap .fc-grid table{border-color:#575757;}
.cal_wrap .fc-content .fc-state-default{border-color:#575757;}
.cal_wrap .fc-state-default{background:transparent;font-weight:bold;font-size:1em;}
.cal_wrap .fc-grid .fc-day-number{ float:left; padding:10px; font-size:0.9em; font-weight:bold;color:#aaa;}
.cal_wrap .fc-header{margin-bottom:20px;}
.cal_wrap .fc-header .fc-state-default{cursor:auto;}
.cal_wrap .fc-header .fc-button-prev,.cal_wrap .fc-header .fc-button-next{cursor:pointer;}
.cal_wrap .fc-header-title{font-family:"BebasNeuewebfont";font-weight:normal;font-size:3.5em;padding-top:3px;}
.cal_wrap .fc-header-title.today_month{color:#7b44e9;}
.cal_wrap .fc-today{background:rgba(127,70,241,0.4) !important;}
.cal_wrap .fc-today .fc-day-number{color:#fff;}
.cal_wrap .glyphicon-chevron-left{display:block;padding-right:15px;width:18px;height:34px;background:url("../img/cal_btn_arrow_left.png") no-repeat;background-size:18px 34px;}
.cal_wrap .glyphicon-chevron-right{display:block;padding-left:15px;width:18px;height:34px;background:url("../img/cal_btn_arrow_right.png") no-repeat;background-size:18px 34px;background-position:right center;}
.cal_wrap .fc-button-today{width:calc(100% - 10px);position:absolute;bottom:0;left:0;text-align:center;padding-right:10px;}
.cal_wrap .fc-button-today button{border:0;background:#7c44ec;color:#fff;cursor:pointer;font-size:1em;border-radius:100px;padding-top:3px;padding-bottom:2px;display:inline-block;text-transform:uppercase;}

/* 아티스트 개인 캘린더 */
.artist_schedule_wrap{padding:7% 0 5% 0;height:83%;color:#aaa;}
.artist_schedule_wrap .fc-state-default{background:transparent;font-weight:normal;font-size:0.9em;}
.artist_schedule_wrap .fc-grid table{width:100%;}
.artist_schedule_wrap .fc-grid .fc-day-number{float:left;padding:10px;font-size:0.9em;}
.artist_schedule_wrap .fc-grid .fc-event a{width:100%;}
.artist_schedule_wrap .fc-grid .fc-event .fc-event-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;width:100%;}
.artist_schedule_wrap .fc-grid tbody td{min-height:100px !important;}
.artist_schedule_wrap .fc-header{margin-bottom:20px;}
.artist_schedule_wrap .fc-header-title{font-family:"BebasNeuewebfont";font-weight:normal;font-size:3.5em;padding-top:3px;}
.artist_schedule_wrap .fc-header-title.today_month{color:#7b44e9;}
.artist_schedule_wrap .fc-today{background:rgba(127,70,241,0.4) !important;}
.artist_schedule_wrap .fc-today .fc-day-number{color:#fff;font-weight:bold;}
.artist_schedule_wrap .glyphicon-chevron-left{display:block;padding-right:15px;width:18px;height:34px;background:url("../img/cal_btn_arrow_left_black.png") no-repeat;background-size:18px 34px;}
.artist_schedule_wrap .glyphicon-chevron-right{display:block;padding-left:15px;width:18px;height:34px;background:url("../img/cal_btn_arrow_right_black.png") no-repeat;background-size:18px 34px;background-position:right center;}
.artist_schedule_wrap .fc-button-today{width:calc(100% - 10px);position:absolute;bottom:0;left:0;text-align:center;padding-right:10px;}
.artist_schedule_wrap .fc-button-today button{border:0;background:#7c44ec;color:#fff;cursor:pointer;font-size:1em;border-radius:100px;padding-top:3px;padding-bottom:2px;display:inline-block;text-transform:uppercase;}


/* float_layer */
.float_layer{width:100%;height:100%;background:rgba(0,0,0,0.6);}

/* 동영상 배경 */
.video-section{
  width:83.4%;height:100%;
  margin-left:16.6%;
  min-width: 83.4%;
  min-height:100%;
}
@media(min-width:1930px){
  .video-section{
    width:calc(100% - 320px);
    margin-left:320px;
  }
}
.video-section .pattern-overlay {
padding:0;
width:100%;height:100%;
min-width: 100%;
min-height:100%;
/* Incase of overlay problems just increase the min-height*/
}
.video-section{background:url("../img/image_996510.gif") no-repeat center center;z-index:-10;}
.buttonBar{display:none;}
.player {font-size: 1px;}
.bgvd_control_wrap{bottom:35px;right:40px;position:fixed;background:rgba(0,0,0,0.3);border-radius:100px;padding:10px 20px;}
.bgvd_control_wrap .mute_btn{width:35px;height:35px;overflow:hidden;margin:0;padding:0;display:block;outline:0;background:transparent url("../img/soundon.svg") no-repeat;background-position:center center;background-size:100% auto;border:0;cursor:pointer;float:right;}
.bgvd_control_wrap .mute_btn span{visibility: hidden;}
.bgvd_control_wrap .pause_btn{width:35px;height:35px;overflow:hidden;margin:0 10px 0 0;padding:0;display:block;outline:0;background:transparent url("../img/bg_pause_btn.svg") no-repeat;background-position:center center;background-size:100% auto;border:0;cursor:pointer;float:right;}
.bgvd_control_wrap .pause_btn span{visibility: hidden;}
.bgvd_control_wrap .bgvd_progressbar{width:100px;height:2px;margin-top:17px;margin-right:20px;overflow:hidden;float:right;background:rgba(190,190,190,0.7);}
.bgvd_control_wrap .bgvd_progressbar .progressbar{background:#ececec;width:0;height:2px;overflow:hidden;}
.bgvd_control_wrap .bgvd_time{float:right;margin-top:11px;margin-right:10px;font-size:0.8em;color:#ececec;}

/* modal window */
.modal_wrap{width:100%;height:100%;oveflow:hidden;background:rgba(0,0,0, 0.7);z-index:7000;position:absolute;top:0;left:0;display:none;}
.modal_wrap .inner_wrap{width:800px;height:600px;max-width:800px;max-height:600px;margin:0 auto;top:50%;position:relative;}
.modal_wrap .inner_wrap .modal_prev_btn{position:absolute;width:100px;height:100px;text-align:center;top:50%;left:-100px;margin-top:-50px;background:url("../img/modal_prev_btn.png") no-repeat 50% 50%;background-size:30px auto;border:0;cursor:pointer;outline:0;}
.modal_wrap .inner_wrap .modal_next_btn{position:absolute;width:100px;height:100px;text-align:center;top:50%;right:-100px;margin-top:-50px;background:url("../img/modal_next_btn.png") no-repeat 50% 50%;background-size:30px auto;border:0;cursor:pointer;outline:0;}
.modal_wrap .inner_wrap .modal_close_btn{position:absolute;width:30px;height:30px;text-align:center;top:0;top:-50px;right:0;background:url("../img/x_btn_white.svg") no-repeat 50% 50%;background-size:30px 30px;border:0;cursor:pointer;}
.modal_wrap .inner_wrap .modal_close_btn.news_close{top:30px;right:30px;background:url("../img/x_btn_black.svg") no-repeat 50% 50%;background-size:30px 30px;}
.modal_wrap .inner_wrap .hidden_txt{visibility:hidden;}
.modal_wrap .inner_wrap .content_inner{display:inline-block;}
.modal_wrap .inner_wrap .ctrl_btn_wrap{width:100%;position:absolute;bottom:-50px;}
.modal_wrap .inner_wrap .ctrl_btn_wrap .inner_anum{width:100px;height:30px;margin:0 auto;background:url("../img/anum_divider.png") no-repeat;background-position:50% 50%;}
.modal_wrap .inner_wrap .ctrl_btn_wrap .inner_anum .curr_anum{width:40px;text-align:right;display:block;color:#fff;float:left;}
.modal_wrap .inner_wrap .ctrl_btn_wrap .inner_anum .anum_divider{width:20px;display:block;text-align:center;float:left;visibility:hidden;}
.modal_wrap .inner_wrap .ctrl_btn_wrap .inner_anum .tot_anum{width:40px;text-align:left;display:block;color:#aaa;float:right;padding-top:18px;}

/*.modal_wrap .inner_wrap .content_inner img{max-width:100%;max-height:100%;}*/
.modal_wrap .inner_wrap .content_inner .type_youtube{position:relative;width:100%;padding-bottom:56.25%;}
.modal_wrap .inner_wrap .content_inner .type_youtube iframe{position:absolute;width:100%;height:100%;}
.modal_wrap .inner_wrap .content_inner .type_img img{visibility: hidden;border:5px solid #fff;}
.modal_wrap .inner_wrap .content_inner .type_img .photo_caption{width:calc(100% - 40px);display:block;position:absolute;padding:10px 40px 10px 0;top:-50px;border-bottom:1px solid #eee;color:#fff;visibility:hidden;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:right;}
/* news Article */
.modal_wrap .news_article_wrap{width:800px;height:100%;}
.modal_wrap .news_article_wrap .title_area{width:100%;}
.modal_wrap .news_article_wrap .title_area h3{display:inline-block;font-size:2em;color:#000;position:relative;margin-left:50px;margin-bottom:0px;letter-spacing:0.1em;}
.modal_wrap .news_article_wrap .title_area h3 .bg_line{display:block;width:calc(100% + 30px);height:2px;border-top:1px solid #000;position:absolute;left:-40px;top:47%;}
.modal_wrap .news_article_wrap .title_area h3 .bg_block{display:block;width:22px;height:2px;background:#000;margin-left:10px;}
.modal_wrap .news_article_wrap .title_area .at_wrap{border-top:3px solid #000;border-bottom:1px solid #000;margin:20px;padding:10px;}
.modal_wrap .news_article_wrap .title_area .at_wrap h4{font-size:1.7em;color:#000;margin:0;padding:0 0 10px 0;}
.modal_wrap .news_article_wrap .title_area .at_wrap p{font-size:1em;padding:0;margin:0;}
.modal_wrap .news_article_wrap .detail_area{overflow:hidden;padding:0 10px 0 20px;}
.modal_wrap .news_article_wrap .footer_area{width:100%;height:70px;padding:0;}
.modal_wrap .news_article_wrap .footer_area .fb_wrap{border-top:1px solid #000;margin:10px 20px 20px 20px;}
.modal_wrap .news_article_wrap .footer_area .fb_wrap a{display:block;width:80px;background:#000;text-align:center;color:#fff;padding:10px;margin:0 auto;}


/* 씨인 */
.artist_sign_wrap{position:absolute;width:200px;bottom:20px;right:20px;}
.artist_sign_wrap img{width:100%;height:auto;}