* 폰트 */
/* @font-face { font-family: 'Eoe_Zno_L'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_eight@1.0/Eoe_Zno_L.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'KBIZHanmaumMyungjo'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/KBIZHanmaumMyungjo.woff') format('woff'); font-weight: normal; font-style: normal; } */

@font-face {
font-family: 'YunMyeongjo';
src: url('./font/YunMyeongjo.woff') format('woff'),
     url('./font/YunMyeongjo.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'AuctionGothicMedium';
src: url('./font/AuctionGothicMedium.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'AuctionGothic_Medium';
src: url('./font/AuctionGothic_Medium.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
   
   





/* 공통 */
*{margin: 0; padding: 0;}
body, html{
            width: 100%; 
            height: 100%; 
            font-size: 16px; 
            color: #4b5a73; 
            position: relative;
            background-color: #f9f9f9;
            
        }

#no-fouc { opacity: 0; }       
li{list-style: none;}
img{border: 0;}
.contWrap{width: 890px; height: 100%; margin : 0 auto; }

a{text-decoration: none; color: #4b5a73; transform: skew(-0.001deg);?}

.NAM{font-family: 'AuctionGothicMedium'; transform: skew(-0.001deg);?}
.H{font-family: 'YunMyeongjo';  font-weight: bold; transform : skew(-0.001deg);?}

html{-webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;? }
.En{font-size: 16px;}
.Email{padding-top: 60px; float: right; font-size: 14px;}
.p3_link{padding-top: 10px; text-align: right; font-size: 14px;}
.p2_right{float: right;}
.op70{ opacity: 0.5;}
.fz18{font-size: 18px;}

/* 탑메뉴 */
.topMenu {
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 상단 메뉴에 그림자 효과 추가 */
    position: relative; /* 메뉴의 배경을 고정하기 위해 position 추가 */
}

.topMenu{width: 100%; height: 100px;}
.menuBox li{float: left;  }
.menuBox li a{display: block; margin-right: 50px; font-family: 'YunMyeongjo'; font-size: 15px; font-weight: bold;}


.menuBox li a:after{transition: 0.7s;
     float: left;
      content: "";
     display: block;
     width: 0; height: 1px;
     background-color: transparent;
     margin-top: 3px;
     clear: both}
.menuBox li a.menu_01:after{display: none;}
.menuBox li a:hover:after{width: 100%; background: #fd707e;}

.menuBox li .on:after{width: 100%; background: #fd707e;}
.menuBox li .on{color: #fd707e; }
.line { text-decoration: underline; text-underline-position: under; color:green }




.menuBox li:last-child a{margin-right: none;}
.menuBox li.mp5{ padding: 40px 5px 0 5px;}
.menu_01{width: 60px; height: 100px;/* margin:20px auto;*/}
/* .menuBox li a:hover{color: #fd707e; text-decoration: underline; } */
.mu_over{color: #fd707e; }
.p_desc {
    display: block;
    font-size: 16px;
    color: black;
}


/* 푸터영역 */

.footerWrap{clear: both; width: 100%; height: 90px; }

.footerBox{float: right;}
.footerBox li{float: left;}
.copy{font-size: 12px; opacity: 0.7; padding-top: 26px; padding-right: 20px;}


/* page01 */
/*.mainCont .p01_main_link{ width: 100%; height: auto; float: left; margin-top: 102px; margin-left: 30px; clear: both;}*/
.p01_event{ width: 100%; height: auto; float: left; margin-top: 102px; margin-left: 30px; clear: both;}
.p01_line{display: block; width: 100px; height: 2px; background-color: #fd707e; }
.p01_main_tit{font-size: 20px; position: relative; width: 100%; height: auto;}
.p01_tit_line{position: absolute; display: block; width: 580px; height: 1px; right: 0; top: 12px; background-color: #4b5a73; opacity: 0.5;}

.p01_event li{padding-bottom: 30px;}
#p01_story{padding-bottom: 15px;}

#p01_link{display: block;}
.p01_main_link:hover li.color{color: #fd707e;}

/* page02 음악오늘 */
.p2_mainBox{padding-top: 102px; margin-left: 30px; font-size: 16px; line-height: 24px; width: 100%; height: 100%;}
.p2_mainBox li{display: block; }
.p2_text01{padding-bottom: 85px; width: 660px; height: 290px;}
.p2_box01{width: 470px; height:130px; text-align: justify; font-size: 14px; line-height: 18px; opacity: 0.7; float: right;}
.p2_box02{width: 660px; height: 170px; text-align: justify; float: left;}
.p2_text02{ padding-top: 85px; width: 100%; height: 24px;}


.p2_right{float: right;}
/* .p2_C_line{display: block; width: 418px; height: 1px; background-color: #4b5a73; margin: 0 auto; } */
#p02_line_box{width: 418px; height: 1px; margin: 0 auto;}
.p2_C_line{display: block; width: 418px; height: 1px; background-color: #4b5a73; float: left; opacity: 0.5;}

.p02_tit_Box{position: relative; width: 100%; height: auto;}
.p02_tit_line{display: block; width: 700px; height: 1px; right: 0; position: absolute; top: 12px; background-color: #4b5a73; opacity: 0.5;}

/* page03 음오를 만드는 사람들 */
.p3_adrees{margin-top: 102px; width: 572px; text-align: center; margin-left: 135px;}
.p3_adrees li{padding-bottom: 20px;}
.p3_line{display: block; width: 150px; height: 1px; background-color: #4b5a73; margin: 30px auto;opacity: 0.5; }

.p3_nameBox{width: 500px; height: 450px; text-align: center; margin-left: 185px; margin-top: 10px;}
.p3_nameBox li.p3_nb_line{float: left; width: 110px; height: 250px; margin-right: 75px;}
.p3_nameBox li.p3_nb_line a{display: block; width: 100px; height: 250px;}
/*#none03, #none06{margin-right: 0;}*/
.p3_nameBox li:nth-child(3n) {
     margin-right: 0;
}
.p3_K_name, .p3_E_name{font-size: 12px; padding-bottom: 10px;}
.p3_K_name{padding-top: 18px;}

.p3_nameBox li:hover .p3_nameCont{color: #fd707e;}
.p3_sns_link:hover{color: #fd707e;}

.p03_line_tw{margin: 0 auto; width: 45px; height: 2px; display: block; background-color: #fd707e; }

.p03_tit_box{position: relative; width: 100%; height: auto;}
.p03BG{background-color: #f9f9f9; padding: 0 20px 0 20px;}
.p03_C_line{position: absolute; width: 100%; height: 1px; display: block; top: 12px; z-index: -10;background-color: #4b5a73; opacity: 0.5;}

/* page03_pro 공통 */
.profBox{width: 720px; height: 100%; margin-top: 103px; margin-left: 30px;}
.left_l{width: 178px; height: 237px;float: left;}
.right_l{width: 542px;height: 237px;float: right; position: relative;}
.p_name{position: absolute; bottom: 12px; left: 21px; font-size: 20px;}
.p_name li{margin-bottom: 15px;}
.profBox li a:hover{color: #fd707e;}
.exBox{clear: both; padding-top: 40px; width: 100%; height: auto;}
.im{font-size: 14px; line-height: 18px; text-align: justify;}
.Color{color: #fd707e;}

.p03_line_Box{position: relative;}
.p03_01_tit_line{position: absolute; display: block; width: 430px; height: 1px; right: 0; top: 12px; background-color: #4b5a73; opacity: 0.5;}




/* page04 다가오는 이벤트 */
.mainCont .p4_title{font-size: 20px; }
.p4_leftCont{width: 580px; height: 100%; padding-top: 30px; margin: 0 0 0 135px;}
.p4_ticket_link li{padding-bottom: 50px; text-align: center;}
#story{padding-bottom: 15px;}
#titbt{padding-bottom: 15px;}
.Enfn{font-size: 12px; }
/* .p4_rightCont{width: 424px; height: 600px; padding-top: 80px; clear: both; margin: 0 auto;} */
/* .p4_rightCont img{width: 424px; height: 600px; padding-left: 60px;} */
.p04_line{display: block; width: 45px; height: 1px; background-color: #fd707e; margin: 30px auto 0 auto;}
.fz14{font-size: 14px;}
.p4_titleBox{width: 580px; height: auto; margin: 102px 0 0 135px; }
.p4_titleBox li{text-align: center;}
.p4_line_Box{width: 550px; height: 20px; float: right;}

#p4_line{display: block; width: 550px; height: 1px; background-color: #4b5a73; float: right; margin-top: 10px; opacity: 0.5;}

.p4_leftCont a:hover .tiket{color: #fd707e;}

.p04_titleBox{position: relative; width: 100%; height: auto;}
.p04BG{background-color: #f9f9f9; padding: 0 20px 0 20px;}
.p04_C_line{position: absolute; width: 100%; height: 1px; display: block; top: 12px; z-index: -10;background-color: #4b5a73; opacity: 0.5;}


/* page04_02 티켓안내 */
.mainCont .p4_02_title{clear: both;}
.p4_02_leftCont{float: left;width: 280px; height: 500px; padding-top: 40px; margin: 0 auto;}
.p4_02_rightCont{float: right; width: 600px; height: 500px; padding-top: 40px; }
.p4_02_rightCont p{ padding-left: 60px;}
.p4_02_ticket_im{margin-left: 30px;}
.p4_02_ticket_im li{padding-bottom: 15px;}

.p4_02_titleBox{width: 100%; height: 20px; margin-top: 100px; position: relative;}
.p4_02_title{font-size: 20px; width: 220px; height: 20px; padding-left: 30px; float: left; position: relative;}


.p4_02_line{position: absolute; opacity: 0.5; display: block; width: 640px; height: 1px; background-color: #4b5a73; right: 0; top: 12px;  }



/* page05 지나간 이벤트 */
ul.p05_list{width: 629px; float: right; margin-top: 45px; height: auto;}
.p05_list_com{padding-bottom: 50px; width: 100%; height: 100%; line-height: 25px;}
.p05_list_com a{display: block; width: 100%; height: 100%;}
.p05_concert{width: 100%; /*height: 1600px;*/ margin-top: 49px;}
.p05_lesson{width: 100%; height: 600px;}
.p05_Ctitle{width: 100%; margin-bottom: 16px;}
.p05_date{color:#a7a7a7; clear: both;}

.p05_titleBox{clear: both; width: 100%; height: 20px;}
.p05_title{font-size: 20px; width: 100%; height: 20px; padding-left: 30px; float: left; position: relative;}

.p5_line_Box{width: 680px; height: 20px; float: right;}
.p05_line{display: block; width: 720px; height: 1px; background-color: #4b5a73; opacity: 0.5; position: absolute; right: 0; top: 12px;}

.p05_list_com:hover .NAM{color: #fd707e;}

.p05_tit_Box{width: 100%; height: auto; position: relative;}
.p05_hd_line{position: absolute; display: block; width: 680px; height: 1px; background-color: #4b5a73; opacity: 0.5; right: 0; top: 12px;}

/* page05 상세페이지 */

.mainCont .p05_01_tit01{padding-top: 100px; clear: both;}
.p05_01_titleBox{ margin-left: 30px; margin-top: 80px; clear: both;}
.p05_01_titleBox li{padding-bottom: 15px;}

.p05_01_titleWrap{width: 100%; height: 75px; margin-top: 102px;}
.p05_01_title{font-size: 20px; width: 150px; height: 20px; padding-left: 30px; float: left;}

.p05_02_line_Box{width: 700px; height: 20px; float: right;}
.p05_01_line{display: block; width: 700px; height: 1px; background-color: #4b5a73; float: right; margin-top: 10px;opacity: 0.5;}

/*.p05_01_mainBox{width: 80%; margin-top: 30px;}*/
.p05_01_mainBox{width: 65%; margin: 35px auto;}
/*.p05_01_mainBox li{width: 100%; padding-bottom: 10px; text-align: center;}*/
.p05_01_line02{display: block; width: 30px; height: 1px; background-color: #fd707e; margin: 0 auto;}
.p05_01_program { padding: 20px 0 20px 0; font-size: 20px; text-align:center; font-family: 'AuctionGothicMedium'; font-weight: bold; transform: skew(-0.001deg);? }
.p05_01_desc {font-size: 14px; line-height: 18px; text-align: justify;}
.p05_01_program_member { text-align: center; padding-bottom: 50px; }
.p05_01_program_member .name {font-size: 14px; }
.p05_01_program_member .desc {font-size: 12px;}
/*.p05_01_lH{padding-bottom: 10px;}*/
/*.p05_01_img_po{padding-top: 45px; text-align: center;}*/
.p05_01_img_po{text-align: center;}




/* page06 미디어 */
.p06_conBox01{margin-top: 49px; margin-left: 30px; width: 100%;}

.p06_conBox01 li{width: 100%;}
.p06_title{font-size: 20px; width: 100%; height: 20px; float: left; position: relative;}
.p6_line_Box{width: 480px; height: 20px; float: right;}
.p06_tit_Box{width: 100%; position: relative;}
.p06_tit_line{display: block; width: 740px; height: 1px; background-color: #4b5a73; position: absolute; right: 0; top: 12px; opacity: 0.5;}
.p06_line{display: block; width: 480px; height: 1px; background-color: #4b5a73; position: absolute; right: 0; top: 12px; opacity: 0.5;}

.p06_ytBox iframe{margin: 60px 0 0 60px; }
.p6_ready{opacity: 0.5; font-size: 20px;}