/*sub*/

@media (max-width: 1320px) {
	.sub-container {width:95%;}
	.greeting-top .content-wrap, .greeting-ment, .greeting-promise {width:95%;}
	.subNav ul {width:95%;}
}

@media (max-width: 1280px) {
	.greeting-top .content-wrap .txt {padding:0 0 110px 60px;}
	.greeting-top .content-wrap .txt p {font-size:1.75rem;}
	.greeting-top .content-wrap .txt p br {display:none;}


	.ep-place-wrap .place-tab.pc {width:200px;}
	.ep-place-wrap .place-tab-item-wrap {width:calc(100% - 200px);}
	.place-top {flex-direction:column;}
	.place-top .inr.img  {width:100%; height:auto;}
	.place-top .inr.img img {max-width:100%;}
	.place-top .inr.txt {width:100%; padding-left:20px; margin-top:20px;}
}

@media (max-width: 1024px) {
	.greeting-top .content-wrap .img {width:40%;}
	.greeting-top .content-wrap .txt {width:60%;}

	.ep-place-wrap {flex-direction:column;}
	.ep-place-wrap .place-tab.pc {width:100%; height:150px;}
	.ep-place-wrap .place-tab-item-wrap {width:100%; padding-left:0; margin-top:20px;}
	.place-top .inr.txt, .place-ment {padding-left:0;}
	.place-top .inr.txt {margin-top:0;}

	
	.culture-wrap .culture-info {flex-direction:column; gap:20px 0;}
	.culture-wrap .culture-info .content-title, .culture-wrap .culture-info .content-info {width:100%;}

	.culture-img .swiper-prev-culture, .culture-img .swiper-next-culture {width:40px; height:40px;}


	.culture-book-wrap {flex-wrap:wrap;}
	.culture-book {width:100%;}

	/*해설*/
	.sub-contentbox{display:block !important;}
	.sub-con-leftbox{width:500px !important; height:490px !important; margin:0px auto !important;}
	.sub-con-rightbox{width:100% !important; margin-top:30px !important;}
	.topbox p{text-align:center !important;}


}

@media (max-width: 960px) {
	.greeting-top .content-wrap {flex-direction:column; align-items:center;}
	.greeting-top .content-wrap .txt {width:100%; padding:60px 0;}
	.greeting-top .content-wrap .txt p {width:100%; text-align:center;}
	.greeting-top .content-wrap .txt p br {display:block;}


	.business-wrap {justify-content:flex-start; gap:15px;}
	.business-wrap .business-item {width:calc(33.33% - 10px);}
	
	.ep-history-top .slogan-box img {width:250px;}
	.ep-history-item {flex-direction:column; gap:20px 0;}
	.ep-history-item .item-txt {width:100%;}
}

@media (max-width: 768px) {
	.greeting-ment {padding:60px 40px;}
	.greeting-ment:last-child {padding:60px 40px 80px;}
	.greeting-ment:before {left:20px;}
	.greeting-ment:after {right:20px;}
	.greeting-promise {padding:60px 40px;}


	.sub-business .both-content-wrap {margin:40px 0 80px;}
	.sub-business .both-content {flex-direction:column; gap:20px;}
	.sub-business .both-content:not(:last-child) {padding-bottom:20px; margin-bottom:40px;}
	.sub-business .both-content .inr {width:100%;}

	.business-wrap {gap:10px;}
	.business-wrap .business-item {width:calc(50% - 5px);}


	.historyTbl td ul li.date {padding-left:10px;}

	.ep-history-top .slogan-box {padding:30px;}


	.tbl-wrap.class01 {overflow-x:scroll;}
	.basicTbl.classTbl {width:fit-content;}

	#openModalBtn{font-size: 18px !important; padding: 10px !important;}
	.topbox h2, .botbox h2 {font-size: 18px; padding-bottom:15px;}

	.modal-content{padding:10px !important;}
	.modal-content ul li {margin-bottom:4px !important;}
	.modal-content .form-text{height:75px !important;}
	.form-modal-btn{margin-top:4px !important;}

}

@media (max-width: 640px) {
	.greeting-top .content-wrap .img {width:60%;}
	.greeting-top .content-wrap .txt p{font-size:1.5rem;}
	.greeting-top .content-wrap .txt img {width:150px; top:auto; bottom:10px;}

	.greeting-promise {flex-direction:column;}
	.greeting-promise .inr {width:100%;}
	.greeting-promise .inr .col-list p br {display:none;}

	.content-title {display:flex; align-items:center; gap:6px; font-size:1.5rem;}
	.content-title:before {width:20px; height:20px; margin:0;}
	.content-title.str:before {display:inline-block; margin:0;}


	.business-wrap {margin-top:20px;}
	.organ-list-wrap .or-item {gap:8px;}
	.organ-list-wrap .or-item .or-item-inr {width:calc(50% - 4px);}
	.organ-list-wrap .or-item .or-item-inr .or-info {flex-direction:column; align-items:flex-start; gap:2px;}

	.map-info {padding-bottom:0;}
	.map-info .inr {flex-direction:column; gap:10px;}
	.map-info .inr .tit, .map-info .inr .info {width:100%;}

	.ep-history-top .slogan-box img {width:180px;}
	.ep-history-item:last-child {margin-bottom:0;}
	.ep-history-item .item-txt {padding:20px; text-align:center;}


	.culture-wrap {padding-bottom:0;}
	.culture-wrap .culture-info .content-info {padding:20px;}

	.culture-book {flex-direction:column;}
	.culture-book .book-img {width:150px; margin:0 auto;}
	.culture-book .book-info {width:100%; padding:20px 10px; text-align:center;}



}

@media (max-width: 510px){
	.sub-con-leftbox{width:500px !important; height:490px !important; margin:0px auto !important;}
	.botbox ul li h3{font-size:16px !important; padding:2.5% !important;}
	.topbox h2, .botbox h2 {font-size: 18px;}
	.sub-con-leftbox {width: 100% !important; height: 490px !important; margin: 0px auto !important;     background-size: contain !important;}

}


@media (max-width: 460px){
	.subTop {height:120px;}
	.subTop .title-wrap .page-title {font-size:1.5rem;}
	.sub-container {padding:40px 0 80px;}

	.subNav {overflow-x:scroll;}
	.subNav ul {width:fit-content;}
	.subNav ul li {width:auto !important;}
	.subNav ul li a {min-width:150px; padding:0 20px;}

	.greeting-top .content-wrap .txt {padding:40px 0;}
	.greeting-top .content-wrap .txt p {font-size:1.25rem;}
	
	.greeting-ment {padding:40px 20px; text-align:center;}
	.greeting-ment:last-child {padding:40px 20px 80px;}
	.greeting-ment:before {left:10px;}
	.greeting-ment:after {right:10px;}
	.greeting-promise {padding:40px 20px;}

	
	.sub-business {padding-bottom:0;}
	.sub-business .both-content .inr.inr-txt p br {display:none;}

	.foundation-list p {padding-left:20px;}

	.business-wrap .business-item {width:100%;}
	.business-wrap .business-item .icon {width:60px; height:60px; margin:0 auto 5px;}
	.business-wrap .business-item .icon img {width:40px;}


	.historyTbl th {width:10%; font-size:1.25rem;}
	.historyTbl td {width:90%;}
	.historyTbl td ul {flex-direction:column;}
	.historyTbl td ul li.date {width:100%;}
	.historyTbl td ul li.info p {position:relative; padding-left:8px;}
	.historyTbl td ul li.info p:before {display:block; position:absolute; top:0.7rem; left:0;}


	.organ-list-wrap .or-item .or-item-inr {padding:12px 10px;}

	.ep-history-top .slogan-box {padding:10px 20px;}
	.ep-history-top .slogan-box img {width:100px;} 


	.basicTbl.classTbl th, .basicTbl.classTbl td {padding:10px;}

	.tbl-wrap.class02 {overflow-x:scroll;}
	.basicTbl.classTbl02 {width:fit-content;}




	.member-cont a.go-btn, .basicBtn {padding:14px 40px;}
	
	.content-info{margin-bottom:0px !important;}
	.botbox ul li h3{font-size:14px !important; padding: 12px 2px !important;}
	.botbox ul li p{font-size:14px !important;}
}

@media (max-width: 380px){
	.botbox ul li h3{font-size:14px !important; padding: 12px 2px !important;}
}