@charset "utf-8";
/*************************************************
프로젝트명 : 연합뉴스TV 행사페이지
commnet : contents_m.css (Mobile 모드)
*************************************************/

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

	/* =============== ######공통 (common) ======================== */
	html,body{width:100%;height:100%;}
	body{font-family:'Spoqa Han Sans Neo','Helvetica Neue',Helvetica,AppleSDGothicNeo-Regular,sans-serif;letter-spacing:-0.3px;font-size: 16px;}
	h1,h2,h3,h4,h5,h6{font-weight:normal;}
	a{display:inline-block;vertical-align:top;}

	header{position: relative;}
	.inner{width: calc(100% - 36px);}
	.header-box{padding: 17px 0;}
	.logo>a>.ir-txt{background-size: 330px;height: 20px;background-position: 0 -39px;margin-left: 0;}
	.nav{display: none;}

	/* 모바일 메뉴 - 햄버거 */
	.mobile-btn {display: inline-block;position: relative;width: 30px;height: 20px;}
	.ico-mobilebtn{background: #fff;}
	.ico-mobilebtn, .ico-mobilebtn span{display: inline-block;transition: all .4s;box-sizing: border-box;}
	.ico-mobilebtn{position: relative;width: 30px;height: 20px;}

	.ico-mobilebtn span{position: absolute;left: 0;width: 100%;height: 3px;background-color: #000;border-radius: 4px;}
	.ico-mobilebtn span:nth-of-type(1){top: 0;}
	.ico-mobilebtn span:nth-of-type(2){top: 8px;}
	.ico-mobilebtn span:nth-of-type(3){bottom: 0;}

	.open .ico-mobilebtn span:nth-of-type(1){-webkit-transform: translateY(8px) rotate (-45deg);transform: translateY(8px) rotate(-45deg);}
	.open .ico-mobilebtn span:nth-of-type(2){opacity: 0;}
	.open .ico-mobilebtn span:nth-of-type(3){-webkit-transform: translateY(-8px) rotate(45deg);transform: translateY(-8px) rotate(45deg);}

	/* 모바일 메뉴 */
	.mobile-menu{display: block;position: absolute;top: 100%;right: 0;width: 100%;z-index: 100;-webkit-transform: translateY(-323%);-moz-transform: translateY(-323%);-ms-transform: translateY(-323%);-o-transform: translateY(-323%);transform: translateY(-323%);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
	.mobile-menu.open{-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
	.mobile-menu>ul{max-width: 100%;margin: 0 auto;padding: 10px 0;text-align: center;background: #fff;color: #000;box-shadow: 0 3px 10px rgb(0, 0, 0, 0.2);}
	.mobile-menu>ul>li{position: relative;font-size: 2rem;font-weight: 400;border-bottom: 1px solid #e9e9e9;}
	.mobile-menu>ul>li:last-child{border-bottom: none;}
	.mobile-menu>ul>li>a{padding: 13px 0;width: 100%;font-size: 17px;font-weight: 500;}

	/* 메인 */
	.main-visual>img{width: 100%;}
	.sponsor{padding: 30px 0;}
	.sponsor>h2{margin-bottom: 20px;}
	.sponsor>ul{grid-template-columns: repeat(auto-fill, minmax(30%, auto));gap: 7px;}

	/* 서브비주얼 */
	.sub-visual{height: 110px;}
	.sub-visual>.obj{height: 110px;width:auto;background-size: cover;}

	.contents{padding: 26px 0 80px 0;}
	.contents>h1>span{margin-bottom: 24px;font-size: 22px;}

	/* 음악회소개 */
	ul.tab01{margin-bottom: 30px;}
	ul.tab01>li{width: 120px;padding: 9px;font-size: 16px;}
	.cont-unit01{display: block;}
	.cont-unit01>.img{text-align: center;margin-bottom: 22px;}
	.cont-unit01>.img>img{width: 160px;}
	.cont-unit01>.info{margin-left: 0;}
	.sec1{display: block;}
	.sec2, .sec3{margin-top: 40px;}
	.sec1>.event-cont{padding-left: 0;margin-top: 30px;display: block;}
	.event-cont>ul>li>p:first-child{width: 110px;height: 36px;line-height: 36px;}
	.video {overflow: hidden;display: block;position: relative;width: 100%;height: 0;padding-top: 56.25%;}
	.video > iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	

	/* 프로그램 */
	.table-container01{font-size: 14px;line-height: 1.5;}
	.table-container01>div>div{padding: 0 10px;}
	.table-container01>div{grid-template-rows: minmax(10px, auto);}
	.table-container01>.table-title{padding: 7px 0;}
	.table-container01>.table-cont{padding: 15px 0;}
	.cont-unit02>h2{font-size: 19px;margin-bottom: 7px;line-height: 1.3;}
	.cont-unit02>h5{font-size: 13px;margin-bottom: 17px;line-height: 1.2;}
	.detail01>p{line-height: 1.5;}
	.detail02{font-size: 18px;}
	.detail02::after{width: calc(100% - 37px);}

	.cont-unit03>.img-background>.info {padding: 20px;}
	.cont-unit03>.img-background>.info>h2 {font-size: 19px;margin-bottom: 17px;}
	.cont-unit03>.img-background>.info>p {font-size: 15px;line-height: 1.5;margin-bottom: 10px;}


	/* 출연진 */
	.cont-unit03 {display: block;margin-bottom: 60px;}
	.cont-unit03:first-child{margin-top: 0;}
	.cont-unit03>.img{text-align: center;}
	.cont-unit03>.img>img{width: 180px;}
	.cont-unit03>.info{margin-left: 0;text-align: center;}
	.cont-unit03>.info>h2{padding-top: 22px;}
	.cont-unit03>.info>h5{margin-bottom: 14px;line-height: 1.6;}
	.cont-unit03>.info>p{line-height: 30px;}
	.cont-unit03>.info-wide{padding-top: 0;}
	
	/* 오시는 길 */
	.location{margin-bottom: 20px;}
	.location>h2{font-size: 18px;margin-bottom: 10px;}
	.location>p{font-size: 14px;}
	.map>iframe {height: 100px;margin-bottom: 10px;}
	.table-container02>.table-title{font-size: 14px;padding: 8px 0;}
	.table-container02>.table-cont{line-height: 1.5;font-size: 14px;}
	.table-container02>.table-cont>.item:last-child{padding: 0 10px;}
	.table-container02>.table-cont>.item>span{font-size: 14px;}

	/* 풋터 */
	footer {padding: 25px 0;}
	footer > img {width: 110px;}
}
@media only screen and (max-width: 480px) {
	.event-cont>ul>li{flex-flow: column wrap;}
	.sub-visual>.obj{height: 70px;}
	.sub-visual {height: 70px;}
	}

@media only screen and (max-width: 280px) {
.event-cont>ul>li{flex-flow: column wrap;}
}