@media ( max-width : 780px) {
	/* header */
	.web-ep-menu-navi {
		display: none;
	}
	.ep-mobile-txt {
		display: block;
		padding: 0 10%;
	}
	.ep-pc-txt {
		display: none !important;
	}
	#header {
		width: 100%;
		height: 75px;
	}
	.ep-logo {
		width: 200px;
		height: 75px;
		text-align: center;
	}
	.ep-logo img {
		width: 47%;
		margin-top: 10%;
	}
	.ep-menu {
		display: block;
		position: absolute;
		right: 0;
	}
	.ep-menu>label {
		width: 75px;
		height: 75px;
		margin-left: auto;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
	}
	.ep-menu>label>span {
		display: block;
		width: 29px;
		height: 2px;
		position: relative;
		background: #000;
		transition: 0.5s;
	}
	.ep-menu>label>span::before {
		content: '';
		display: block;
		width: 29px;
		height: 2px;
		position: absolute;
		left: 0;
		top: 5px;
		background: #000;
		transition: 0.5s;
	}
	.ep-menu>label>span::after {
		content: '';
		display: block;
		width: 29px;
		height: 2px;
		position: absolute;
		top: -5px;
		background: #000;
		transition: 0.5s;
	}
	.ep-menu-navi {
		position: fixed;
		width: 70%;
		background: #fff;
		right: -500px;
		opacity: 0;
		visibility: hidden;
		height: 100%;
		padding: 0 15px;
	}
	.ep-menu-navi>div>ul {
		
	}
	.ep-menu-navi>div>ul>li {
		font-size: 13px;
	}
	.ep-flag.ep-menu-main {
		text-align: right;
		margin-top: 15px;
	}
	.ep-menu-navi>.ep-flag>ul>li>a {
		text-align: center;
		padding: 0;
		background: #2142544d;
	}
	.ep-menu-navi>div>span {
		padding: 30px 0 30px 0px;
		font-family: math;
		font-size: 18px;
		text-align: center;
		background-color: #16303e;
		color: #ffffff;
		border-bottom: 1px solid #6b6868ba;
	}
	#ep-buger-menu:checked+div.ep-menu>label>span {
		background: transparent;
		transition: 0.5s;
	}
	#ep-buger-menu:checked+div.ep-menu>label>span::after {
		transform: rotate(45deg);
		transition: 0.5s;
		top: 0;
		left: 0;
	}
	#ep-buger-menu:checked+div.ep-menu>label>span::before {
		transform: rotate(-45deg);
		transition: 0.5s;
		top: 0;
		left: 0;
	}
	.ep-menu-navi>div>ul>li>a {
		color: #2d2c28;
		height: 28px;
		background: #fff;
	}
	#ep-buger-menu:checked ~ .ep-menu-navi {
		padding-bottom: 79px;
		position: fixed;
		width: 50%;
		padding: 0;
		background: #16303e;
		right: 0;
		opacity: 1;
		filter: drop-shadow(2px 4px 6px black);
		height: 120%;
		visibility: visible;
		overflow: auto;
	}
	/* ep-section */
	.ep-section-main {
		height: 230px;
		margin-top: 40px;
	}
	/* ep-section0 */
	#ep-section0 {
		
	}
	.ep-main-subtitle {
		display: block;
		font-size: 15px;
		letter-spacing: -1.75px;
		text-align: center;
		margin-top: 21px;
		color: #ffffff;
	}
	.ep-main-text {
		margin-top: 4vh;
	}
	.ep-main-text>span.ep-main-title {
		font-size: 30px;
	}

	/* ep-section1! */
	#ep-section1 .ep-section1-list {
		flex-wrap: wrap;
		justify-content: center;
		margin: 0 auto;
		box-sizing: border-box;
	}
	#ep-section1 .ep-section1-list li {
		width: 100%;
	}
	#ep-section1 .ep-section1-list li>figure {
		text-align: center;
	}
	#ep-section1 .ep-section1-list li>figure>img {
		width: 50%;
	}
	/* section2! */
	#ep-section2>div {
		width: 90%;
		/* 		height: 499px; */
		flex-direction: column;
	}
	#ep-section2>div>label h1.slide-title {
		font-size: 20px;
		margin-bottom: 27px;
		height: 81px;
	}
	#ep-section2>div.ep-section-slide>label {
		filter: none;
	}
	#ep-section2>div>input[type=radio]:checked+label {
		height: 393px;
	}
	#ep-section2>div>input[type=radio]:checked+label>span.slide-text {
		display: block;
		width: 80%;
		margin: 0 auto;
		font-size: 0.5em;
	}
	/* ep-section2-1! */
	#ep-section2-1>div.ep-section2-1-page {
		background: #cccccc96;
		padding: 8px;
	}
	#ep-section2-1>div.ep-section2-1-page>#videoThum {
		display: none;
	}
	#ep-section2-1>div.ep-section2-1-page>#videoThum:hover {
		filter: none;
	}
	#ep-section2-1>div.ep-section2-1-page>.video_container {
		position: relative;
		width: 60%;
		height: 12em;
		padding: 31px 0;
		background: black;
	}
	#ep-section2-1>div.ep-section2-1-page>#videoThum_mobile {
		z-index: 1;
		top: 0;
		left: 0;
		position: absolute;
		width: 100%;
		height: 100%;
	}
	#ep-section2-1>div {
		text-align: center;
	}
	/* ep-section4 */
	.contact-info {
		display: none;
	}
	#ep-section4>div>div:first-child {
		background: #193548;
	}
	.ep-section4-lastTap {
		padding: 20px;
		background: #193548;
	}
	/* footer! */
	#footer {
		height: 100%;
		padding: 25px 0 6px 0;
	}
	.ep-width-contain {
		position: relative;
		width: 80%;
	}
	#footer>div>div.ep-infomation>span {
		float: right;
		width: 60%;
		text-align: right;
		text-decoration: none;
		/* font-size: 0.2em; */
	}
	/* 	아이폰 숫자 자동 a 태그 */
	#footer>div>div.ep-infomation>span>.Num a { \
		color: #F2F2F2;
	}
	.footer-logo {
		line-height: 3;
		text-align: center;
		float: left;
		width: 38%;
	}
	#footer>div>div.footer-logo>div.ep-etc {
	margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	text-align: center;
	}
	.double_btn_left {
		margin-right:20px;
	}
	.double_btn_left {
		margin-left:20px;
	}
	.footer-logo>figure {
		margin: 0;
	}
	#footer>div>div.ep-infomation>div.ep-etc {
		float: right;
		margin: 10px;
	}
	.another_site {
		display: inline-block;
		text-align: right;
		width: 100%;
		height: 10px;
		margin-top: 17px;
		border-top: 1px solid #cccccc69;
	}
	.img.another_site_icon.kakao_icon {
		width: 45px;
	}
	img.another_site_icon {
		margin: 10px 0px 10px;
		padding-left: 6px;
	}
	img.another_site_icon.blog_icon{
		width: 26px;
	}
	img.another_site_icon.youtube_icon{
		width: 49px;
		margin-bottom: 13px;
	}
	#footer>div>div.footer-logo img {
		width: 58%;
		display: inline-block;
		vertical-align: middle;
	}
	
	img.another_site_icon.kakao_icon {
		width: 45px;
		margin-bottom: 14px;
	}
}

@media ( min-width : 781px) and (max-width: 912px) {
	#map {
		width: 300px;
		height: 300px;
	}
	.contact-info {
		height: calc(100% - 296px);
	}
}

@media ( max-width : 610px) {
	#ep-section2-1>div.ep-section2-1-page>.video_container {
		width: 80%;
		height: 184px;
	}
	#map {
		width: 480px;
		height: 480px;
	}
}

@media ( max-width : 510px) {
	#map {
		width: 380px;
		height: 380px;
	}
}

@media ( max-width : 410px) {
	#ep-section2-1>div.ep-section2-1-page>.video_container {
		height: 151px;
	}
	#map {
		width: 280px;
		height: 280px;
	}
	.double-btn_area{
		display:inline;
		margin: 0 0;
	}
}

@media ( max-width : 310px) {
	#ep-section2-1>div.ep-section2-1-page>.video_container {
		height: 151px;
	}
	#map {
		width: 150px;
		height: 150px;
	}
}