/* main_visual */
.main_visual {width:100%; margin-top:81px; position:relative;}
.main_visual .mv_slide ul li {position:relative; width:100%; height:235px; overflow: hidden;}
#wrap .main_visual .mv_slide ul li img {position:relative; top:0; width:1920px; height:235px; left:50%; margin-left:-960px; z-index:1; max-width:1920px;}
.main_visual .mv_slide ul li .txt {position:absolute; top:50%; left:0; width:100%; text-align:center; z-index:2; color:#fff; font-size:18px; transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); -webkit-transform:translate(0,-50%); letter-spacing:-0.08em;}
.main_visual .mv_slide ul li .txt p {font-size:30px; font-weight:100;}
.main_visual .mv_slide ul li .txt p strong {font-weight:900;}


.mcon01 {position:relative;}
.mcon01 .bg_t {position:absolute; left:50%; bottom:0; margin-left:540px; z-index:1;}
.mcon01 .w1200 {position:relative; overflow:hidden; z-index:2;}
.mcon01 .txt {position:relative; z-index:1; padding:50px 0 70px; background:#f7f7f7 url('/img/maini_bg.jpg') no-repeat center top; font-size:40px; color:#222; letter-spacing:-0.05em; line-height:1.3em; font-weight:200; text-align:center;}
.mcon01 .txt span {}
.mcon01 .txt strong {font-weight:500; color:#ffb400;}
.mcon01 .txt p {font-size:18px; color:#444; letter-spacing:-0.02em;}
.mcon01 .tab {position:relative; z-index:2; margin-top:-35px; font-weight:300;}
.mcon01 .tab .w1200 {overflow:hidden;}
.mcon01 .tab ul {float:right; width:100%; max-width:905px; overflow:hidden; background:url('/img/tab_bg.jpg') no-repeat center top; background-size:100% 100%;}
.mcon01 .tab ul li {float:left; width:20%; height:70px; box-sizing:border-box; text-align:center; cursor:pointer; border-right:1px solid #eba600; padding-top:26px;}
.mcon01 .tab ul li:last-child {border-right:0;}
.mcon01 .tab ul li > img {width:20px; margin-right:2px; vertical-align:-5px;}
.mcon01 .tab ul li h3 {display:inline-block; font-size:16px; font-weight:300; color:#fff; letter-spacing:-0.07em; line-height:1;}
.mcon01 .tab ul li p {display:none; padding-left:8px; vertical-align:8px;}
.mcon01 .tab ul li h3 strong {display:block; font-size:24px;}
.mcon01 .tab .m_br{display:none;}


.mcon01 .tab ul li.on{background:#fff;}
/* .mcon01 .tab ul li.active  */
.mcon01 .tab ul li.on h3{color:#ffb400;}
/* .mcon01 .tab ul li.active h3  */
.mcon01 .tab ul li.on p{display:inline-block;}
/* .mcon01 .tab ul li.active p  */

/*main content*/
.mcon_wrap {margin-bottom:50px;}
.mcon_wrap .con {display:none;}
.mcon_wrap .con.on {display:block;}

.mcon_wrap .con .movie_type {position:relative; padding:70px 0;}
.mcon_wrap .con .list_type {padding:70px 0;}

.mcon_wrap .con h4 {margin:0 0 25px; line-height:1; font-size:26px; font-weight:500; color:#222; letter-spacing:-0.02em;}

.mcon_wrap .con .top_box {
	display: flex;
justify-content: space-between;
}

.mcon_wrap .con .top_box .search_bar {
	width: 260px;
	height:37px;
	display: flex;
	justify-content:space-around;
	align-items:center;
gap: 10px;
background-color: #fff;
border: 1px solid #dfdfdf;
 padding-left: 16px;
 padding-right: 11px;
}

.mcon_wrap .con .top_box .search_bar input {
	width: 100%;
	height: 100%;
	border: none;
	outline: none;
	color: #666;
	font-size: 16px;
}

.mcon_wrap .con .top_box .search_bar input::placeholder {
	color: #666;
	font-size: 16px;
}

.mcon_wrap .con .top_box .search_bar input:focus {
	
}

.mcon_wrap .con h4 img {margin-right:8px;}
.mcon_wrap .con h4 span {font-size:14px; text-transform:uppercase; font-weight:300; letter-spacing:0.2em; vertical-align:3px; color:#8d8d8d;}
.mcon_wrap .con h4 span i {display:inline-block; background:#8e8e8e; width:1px; height:17px; margin:0 15px; vertical-align:-3px;}
.mcon_wrap .con a.printtype {display:inline-block; width:131px; height:37px; padding:0 10px; background:#222 url('/img/print_iconbg.png') no-repeat 90% 50%; color:#fff; font-size:14px; letter-spacing:-0.02em; line-height:35px; box-sizing:border-box; text-align:left;} 


.mcon_wrap .con .tit {overflow:hidden;} 
.mcon_wrap .con .tit h4 {float:left; width:calc(100% - 131px);} 
.mcon_wrap .con .tit a {float:right; display:block;} 


/*label 이미지 변경주의 radio에도 동일사용*/
.mcon_wrap .con label.nor_ch {}
.mcon_wrap .con label.nor_ch input {display:none;}
.mcon_wrap .con label.nor_ch input + i {display:inline-block; width:22px; height:22px; background:url('/img/nor_check02.jpg') no-repeat center top; vertical-align:middle; background-size:100%;}
.mcon_wrap .con label.nor_ch input:checked + i {background:url('/img/nor_checked02.jpg') no-repeat center top; background-size:100%;}
.mcon_wrap .con label.nor_ch input:checked="checked" + i {background:url('/img/nor_checked02.jpg') no-repeat center top; background-size:100%;}

/*movie*/
.mcon_wrap .con .movie_type ul {overflow:hidden;}
.mcon_wrap .con .movie_type ul li {float:left; width: calc(25% - 10px); margin: 0 13px 40px 0;}
.mcon_wrap .con .movie_type ul li:nth-of-type(4n) {margin-right:0;}

.mcon_wrap .con .movie_type ul li .img_part {position:relative; overflow:hidden; cursor:pointer; max-height:190px;}
.mcon_wrap .con .movie_type ul li .img_part img {width:100%; height:190px; box-sizing:border-box; border:1px solid #ddd;}

.movie_type ul li .txt_part .tit {padding:20px 0; font-size:20px; letter-spacing:-0.02em; color:#222; overflow:hidden;}
.movie_type ul li .txt_part .tit p {float:left; width:calc(100% - 22px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.movie_type ul li .txt_part .tit label {float:right; width:22px; padding-top:4px;}
.movie_type ul li .txt_part .detail {position:relative;}
.movie_type ul li .txt_part .detail dl {overflow:hidden; margin-bottom:12px; color:#555; font-size:16px;}
.movie_type ul li .txt_part .detail dl:last-of-type {margin-bottom:0;}
.movie_type ul li .txt_part .detail dl dt {position:relative; float:left; width:119px; letter-spacing:-0.07em; font-weight:500;}
.movie_type ul li .txt_part .detail dl dt i {position:absolute; top:50%; right:0; display:inline-block; width:1px; height:15px; margin-top:-8px; background:#d4d4d4;}
.movie_type ul li .txt_part .detail dl dd {float:left; width:calc(100% - 119px); letter-spacing:-0.02em; font-weight:300; box-sizing:border-box; padding-left:25px;}
.movie_type ul li .txt_part .detail dl dd .price {color:#eea800;}
.movie_type ul li .txt_part .detail .view_icon {position:absolute; right:0; bottom:0; cursor:pointer;}

.mcon_wrap .con .movie_type .more_btn {position:absolute; bottom:-18px; left:0; width:100%; text-align:center;}
.mcon_wrap .con .movie_type .more_btn a {display:inline-block; background:#ffb400; width:106px; height:36px; line-height:34px; color:#fff; font-size:16px; letter-spacing:-0.07em; padding:0 0 0 10px; box-sizing:border-box;}
.mcon_wrap .con .movie_type .more_btn.no02 a {background:#0078ff;}
.mcon_wrap .con .movie_type .more_btn a img {float:right;}
.movie_type ul li .txt_part .tit .icon {display:inline-block; margin-right:10px; padding:5px 0; font-size:16px; letter-spacing:-0.02em; color:#fff; width:60px; text-align:center;}
.movie_type ul li .txt_part .tit .icon.no01 {background:#fdb932;}
.movie_type ul li .txt_part .tit .icon.no02 {background:#0078ff;}
.movie_type ul li .txt_part .tit .icon.no03 {background:#cf0e0e;}


/*버튼스타일*/
.grd_btn {text-align:center;}
.grd_btn a.btn01 {display:inline-block; width:200px; height:52px; line-height:50px; font-size:16px; letter-spacing:-0.07em; color:#fff; font-weight:500; background:url('/img/btn_bg.jpg') no-repeat center top; background-size:100% 100%; border-radius:30px;}


/*list_type*/
.list_type {background:#f8f9fa;}
.list_type .tablest {display:table; width:100%; margin-bottom:40px; border:1px solid #ebebeb; background:#fff;}
.list_type .tr_st {display:table-row; width:100%; }
.list_type .td_st {display:table-cell; padding:6px 10px; vertical-align:middle;}
.list_type .tit_ty .td_st {padding:9px 0; font-size:16px; color:#222; letter-spacing:-0.07em; font-weight:300; text-align:center !important;}
.list_type .tr_st:nth-of-type(even) {background:#f9fafb;}
.list_type .td_st.no01 {width:12%; text-align:center;}
.list_type .td_st.icon_type {width:6%; text-align:center;}
.list_type .td_st.num {width:4%; text-align:center; color:#222;}
.m_left .td_st.m_num{display:none;}
.list_type .td_st.last {width:9%; text-align:center;}
.list_type .td_st.cost {width:13%; text-align:right;}
.list_type .td_st.song {width:20%;}
.list_type .td_st.sel {width:17%;}
.list_type .td_st span {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; color:#222;}
.list_type .td_st span a {font-size:16px; color:#222;}
.list_type .td_st span.col01 {color:#eea800;}
.list_type .td_st .icon {display:inline-block; width:42px; height:25px; margin:0 auto; font-size:14px; line-height:23px; text-align:center; color:#fff;}
.list_type .td_st span i {display:inline-block; vertical-align:bottom;}
/*
.list_type .tr_st.on {background:#f8f8f8;}
.list_type .tr_st.tit_ty.on {background:#fff;}
*/

.list_type .td_st .icon.gre {background:#fdb932;}
.list_type .td_st .icon.yel {background:#0078ff;}
.list_type .td_st .icon.hit {background:#cf0e0e;}


/* 동영상 팝업 1 */
.view_dong_bg{display:none; position:fixed; top:0; left:0; background:rgba(0,0,0,0.8); width:100%; height:100%; z-index:998;}
.view_dong{display:none; padding:2%; position:fixed; width:100%; max-width:920px; top:50%; left:50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); background:#fff; z-index:999; box-sizing:border-box;}
.view_dong .dong_con{ position:relative; padding:4.3% 4.3%; }
.view_dong .dong_con .dong_close{position:absolute; top:0; right:0; width:6.2%;}
.view_dong .dong_con .dong_tit p{font-size:24px; line-height:40px; font-weight:700; color:#222; letter-spacing:-0.025em; padding-bottom:2%;}
.view_dong .dong_con .dong_tit p u{ font-size:16px; line-height:40px; color:#b4b4b4; vertical-align:top; text-decoration:none; padding:0 2%;}
.view_dong .dong_con .dong_tit p span{font-size:16px; line-height:40px; font-weight:300;}
.view_dong .dong_con .dong_ys iframe{width:100%; height:445px;}
.view_dong .dong_con .dong_ys video{width:100%; height:445px; border:1px solid #ddd;}


/* 동영상 팝업 2 */
.view_dong02_bg{display:none; position:fixed; top:0; left:0; background:rgba(0,0,0,0.8); width:100%; height:100%; z-index:998;}
.view_dong02{display:none; padding:2%; position:fixed; width:100%; max-width:920px; top:50%; left:50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); background:#fff; z-index:999; box-sizing:border-box;}
.view_dong02 .dong02_con{ position:relative; padding:4.3% 4.3%; }
.view_dong02 .dong02_con .dong02_close{position:absolute; top:0; right:0; width:6.2%;}
.view_dong02 .dong02_con .dong02_tit p{font-size:24px; line-height:40px; font-weight:700; color:#222; letter-spacing:-0.025em; padding-bottom:2%;}
.view_dong02 .dong02_con .dong02_ys:after{content:""; display:block; clear:both;}
.view_dong02 .dong02_con .dong02_ys > .left{float:left; width:41.998%; margin-right:3.002%;}
.view_dong02 .dong02_con .dong02_ys > .left img{height:335px;}
.view_dong02 .dong02_con .dong02_ys .right{float:left; width:55%;}
.view_dong02 .dong02_con .dong02_ys .right table{width:100%; box-sizing:border-box; border-top:1px solid #222; border-bottom:1px solid #222;}
.view_dong02 .dong02_con .dong02_ys .right table td{font-size:16px; color:#222; padding:20px 15px; font-weight:300; border-bottom:1px solid #d2d2d2;}
.view_dong02 .dong02_con .dong02_ys .right table td.left{ background:#f1f1f1; font-weight:500;}
.view_dong02 .dong02_con .dong02_ys .right table tr:last-of-type td{border-bottom:0;}
.view_dong02 .dong02_con .dong02_ys .right .lyrics {
	margin-top: 20px;
	background-color: #f1f1f1;
	padding:25px 20px ;
}

.view_dong02 .dong02_con .dong02_ys .right .txt_box {
	font-size: 16px;
	color: #666666;
line-height:1.75em;
letter-spacing: -0.075em;
	overflow-y: auto;
max-height: 180px;
}

@media all and (max-width:1000px){

	/* main_visual */
	.main_visual { margin-top:132px;}
	.main_visual .mv_slide ul li {height:auto;}
	#wrap .main_visual .mv_slide ul li img {position:relative; top:0; width:100%; height:auto; left:auto; margin-left:0; max-width:100%;}

	.mcon01 {}
	.mcon01 .bg_t {display:none;}
	.mcon01 .txt {}
	.mcon01 .tab {}	


	/*main content*/
	.mcon_wrap .con .movie_type {padding:50px 0;}
	.mcon_wrap .con .list_type {padding:50px 0;}

	/*movie*/
	.mcon_wrap .con .movie_type ul li {float:none; width:89%; margin:0 auto 50px;}
	.mcon_wrap .con .movie_type ul li:nth-of-type(3n) {margin:0 auto 50px}
	.mcon_wrap .con .movie_type ul li .img_part {max-height:100%;}
	.mcon_wrap .con .movie_type ul li .img_part img{height:100%;}
	.mcon_wrap .con .movie_type ul li .img_part .flag_part {width:auto; height:auto; padding:4% 3%;}
	.mcon_wrap .con .movie_type ul li .img_part .flag_part > div {font-size:20px;}
	.mcon_wrap .con .movie_type ul li .img_part .flag_part > div p {margin-bottom:25%;}

	.movie_type ul li .txt_part .tit {padding:3% 0;}
	.movie_type ul li .txt_part .detail dl dt {float:left; width:150px;}
	.movie_type ul li .txt_part .detail dl dd {float:left; width:calc(100% - 150px);}
	.mcon_wrap .con .movie_type .more_btn {display:block;}

	/*list_type*/
	.list_type .tablest {display:block; margin-bottom:40px; border-top:0;}
	.list_type .tr_st {display:block; width:100%; border-top:1px solid #ebebeb; overflow:hidden;}
	.list_type .td_st {display:block; float:left; padding:0; box-sizing:border-box; text-align:center;}
	.list_type .tit_ty {display:none;}
	.list_type .td_st.icon_type {display:none;}
	.list_type .td_st.last {display:none;}
	.list_type .td_st.num{display:none;}
	.m_left .td_st.m_num{display:block; width:20px; text-align:center; color:#222; line-height:25px;}
	.list_type .td_st.cost {width:25%; text-align:center;}
	.list_type .td_st.cost.m_cost {width:35%; text-align:center;}
	.list_type .td_st.song {width:40%;}
	.list_type .td_st.sel {width:25%;}
	.list_type .td_st.sel.mo_none{display:none;}
	.list_type .td_st span {padding:13px 3px; font-size:16px; box-sizing:border-box;}
	
	.list_type .td_st > p {display:block; width:100%; padding:13px 0; font-size:14px; color:#68696b; letter-spacing:-0.07em; font-weight:300; border-bottom:1px solid #e5e5e5;}

	.list_type .td_st.no01 {width:100%; text-align:left; overflow:hidden; padding:12px 43px; box-sizing:border-box; border-bottom:1px solid #ebebeb;}
	.list_type .td_st.no01 > div {float:left; width:50%;}
	.list_type .td_st.no01 > div.m_right {text-align:right; font-size:0;}
	.list_type .td_st.no01 > div.m_left a {margin-left:15px;}
	.list_type .td_st.no01 > div.m_left a {vertical-align:middle;}

	/* 동영상 팝업 1 */
	.view_dong{ width:90%;}

	/* 동영상 팝업 2 */
	.view_dong02{width:90%;}
	.view_dong02 .dong02_con .dong02_ys .right table td{ padding:15px 10px;}
	.view_dong02 .dong02_con .dong02_ys > .left img{width:100%; height:auto;}
	.view_dong02 .dong02_con .dong02_ys > .left{float:none; width:100%; margin-right:0; margin-bottom:3%;}
	.view_dong02 .dong02_con .dong02_ys .right{float:none; width:100%;}
	.view_dong02 .dong02_con .dong02_ys > .left audio {width:100%;}
	.view_dong02 .dong02_con {padding:2% 4.3% 5%;}
	.view_dong02 .dong02_con .dong02_close {width:9%;}


}

@media all and (max-width:639px){

	/*mcon01*/
	.mcon01 .txt {font-size:26px; padding:4% 0; background-size:140px auto;}
	.mcon01 .txt p {margin-top:5px; font-size:16px;}
	.mcon01 .tab{margin-top:0;}
	.mcon01 .tab ul li h3 {font-size:14px; line-height:1.3em; padding:0;}
	.mcon01 .tab ul li p {margin-top:15%;}
	.mcon01 .tab ul li h3 strong {font-size:15px;}

	

	/*main content*/
	.mcon_wrap .con .movie_type {padding:8% 0;}
	.mcon_wrap .con .list_type {padding:10% 0;}
	.mcon_wrap .con h4 {margin:0 0 5%; font-size:18px;}
	.mcon_wrap .con h4 img {width:30px;}
	.mcon_wrap .con h4 span {font-size:10px; vertical-align:1px; letter-spacing:0.1em;}
	.mcon_wrap .con h4 span i {width:1px; height:14px; margin:0 6px; vertical-align:-2px;}
	.mcon_wrap .con a.printtype { padding:0 5px; font-size:13px;}
	.mcon_wrap .con .tit h4 {width:calc(100% - 100px); line-height:28px; letter-spacing:-0.05em;}
	.mcon_wrap .con .tit h4 img {vertical-align:-4px; margin-right:6px;}
	.mcon_wrap .con .tit a.printtype {height:30px; line-height:28px; width:100px; padding:0 5px;}

	.mcon_wrap .con .movie_type ul li {margin:0 auto 9%;}
	.mcon_wrap .con .movie_type ul li:nth-of-type(3n) {margin:0 auto 9%;}
	.mcon_wrap .con .movie_type ul li .img_part .flag_part > div {font-size:14px;}
	.mcon_wrap .con .movie_type ul li .img_part .flag_part > div p {margin-bottom:20%;}

	.movie_type ul li .txt_part .tit {font-size:16px;}
	.movie_type ul li .txt_part .tit label {padding-top:0;}
	.movie_type ul li .txt_part .detail {padding:2% 0 0;}
	.movie_type ul li .txt_part .detail dl {font-size:14px;}
	.movie_type ul li .txt_part .detail dl dt {width:85px;}
	.movie_type ul li .txt_part .detail dl dd {width:calc(100% - 85px); padding-left:15px;}
	.movie_type ul li .txt_part .detail dl dd .price strong {font-size:16px;}
	.movie_type ul li .txt_part .tit .icon {margin-right:8px; padding:2px 10px; font-size:13px; width:30px;} 

	/*버튼스타일*/
	.grd_btn a.btn01 {width:40%; height:auto; padding:4% 0; line-height:1; font-size:14px;}

	/*list_type*/
	.list_type .tablest {margin-bottom:6.5%;}
	.list_type .td_st span {padding:12px 3px; font-size:14px;}
	.list_type .td_st span a {font-size:14px;}
	.list_type .td_st > p {padding:10px 2%;}
	.list_type .td_st .icon {font-size:13px;}

	.list_type .td_st.no01 {padding:10px 7%;}
	.list_type .td_st.no01 > div {float:left; width:50%;}
	.list_type .td_st.no01 > div.m_left a {margin-left:5px;}
	.list_type .td_st.no01 > div.m_right {padding-top:2px;}

	/* 동영상 팝업 1 */
	.view_dong .dong_con .dong_tit p{font-size:18px; line-height:24px; }
	.view_dong .dong_con .dong_tit p u{ font-size:14px; line-height:24px;}
	.view_dong .dong_con .dong_tit p span{font-size:14px; line-height:24px;}
	.view_dong .dong_con .dong_ys iframe{height:69.53125vw;}
	.view_dong .dong_con .dong_ys video{height:69.53125vw;}


	/* 동영상 팝업 2 */
	.view_dong02 .dong02_con .dong02_tit p{font-size:18px; line-height:24px; }
	.view_dong02 .dong02_con .dong02_ys .right table td{font-size:14px; padding:4% 2%;}
	

}

@media all and (max-width:550px){
	/* main_visual */
	.main_visual .mv_slide ul li .txt {font-size:14px;}
	.main_visual .mv_slide ul li .txt p {font-size:16px;}
}

@media all and (max-width:357px){
	/* main_visual */
	.main_visual .mv_slide ul li .txt {font-size:14px;}
	.main_visual .mv_slide ul li .txt p {font-size:17px;}

	/*mcon01*/
	.mcon01 .tab ul li h3 {font-size:13px;}
	.mcon01 .tab ul li h3 strong {font-size:13px;}
}