@charset "utf-8";

@media (min-width: 1330px){
	#main .main_inner img {width: 1200px;}
}
@media (max-width: 1330px){
	.container h1{width: 100%;}
	.inner_content {width: 90%; margin: 5%;}
	.inner_content img {width: 100%;}
}
@media (min-width: 991px){
	/*.toc-tab-box .acc-content {height: 340px;}*/
	/*.toc-tab-box .acc-content > div {height: 300px;}*/
}
@media (max-width: 991px){
	.toc-tab-box h2.acc-title {padding: 30px 15px;}
	.toc-tab-box .acc-content {padding: 30px 30px 30px 30px; height: auto;}
	.toc-tab-box .acc-content > div {height: auto;}
	.toc-tab-box .acc-content > div:first-child {height: 200px;}
	
	.toc-tab-box .acc-content > div:last-child {margin-bottom: 100px;}
	.toc-tab-box .acc-content > div > div:first-child {margin-top: 10vw;}
	.accordionItemHeading > table {text-align: left;}
	.container h2 p span br {display: block;}
	.col-md-6 {width: 100%;}
}
@media (max-width: 710px){
	.container h2 p:last-child span:last-child {font-size: 5vw;}
}
@media (max-width: 530px){
	.container h2 p:first-child span {width: 30px; height: 30px; margin-right: 15px; position: relative;}
	.container h2 p:first-child span img {position: absolute;
		top: 50%;
		left: 50%; /* 혹은 필요한 위치 */
		transform: translate(-50%, -50%);
		width: 16px;
		height: 13px;}
	.modal_wrap > a span {display: block; width: 20px; height: 20px; top: 0; left: 0;}
	.modal_wrap > a:hover span {display: none;}
	.modal_wrap > a span img {position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 9px;}
	.toc-tab-box .acc-content > div:first-child > div:first-child {margin-top: 0;}
	.toc-tab-box .acc-content > div > div:first-child {margin-top: 0;}
	.toc-tab-box .acc-content > div:last-child {margin-top: 0; margin-bottom: 0;}
}
@media (max-width: 500px){
	.container h2 p:last-child span:first-child {font-size: 10vw;}
	#close_btn img {width: 15px;}
	.toc-tab-box .acc-content.pricelist {padding: 0 0 30px 0;}
	.modal_wrap > a span {top: 15px;}
}
@media (max-width: 460px){
	.quest .answer p br {display: block;}
}
@media (max-width: 430px){
	.container {margin-top: 110px;}
	.container h1 {padding: 4vw;}
	.container h1 p:first-child span span {font-size: 5vw;}
}
@media (max-width: 420px){
	/* .container h1 p:first-child {padding-right: 30px;} */
}
@media (max-width: 400px){
	.toc-tab-box h2.acc-title {padding: 3vw 15px;}
	.container h1 p:first-child span span:first-child {margin-bottom: 0.1vw;}
	.container h2 p:last-child span:first-child {font-size: 10vw; margin-bottom: 0.7vw;}
	.container h2 p:last-child span:nth-child(2) {font-size: 7vw; margin-bottom: 1vw;}
	.modal_wrap > a > img {width: 85%;}
}