@charset "utf-8";

/* common css */
@import url("../common/common.css");

/* component css */
@import url("../common/component.css");

@media(max-width: 1200px) {
	.map-area-wrap {width: 100%}
}
@media(max-width: 768px) {
	.map-area-wrap {padding: 10px 0;}
}
@media(max-width: 550px) {	
	.map-area-wrap .map-area {border-radius: 10px;}
}


/* body  */
body {background-color: transparent}
.body-container .content-background-wrap .content-background {background-color: #fff; padding: 75px 0;}
.body-container .content-background-wrap .content-background .content-container {padding: 0px 50px}

.banner-container .banner-wrap .banner .banner-area .bn-title.sub-title {padding-top: 115px}
.banner-container .banner-wrap .banner .banner-area .bn-title.sub-title h1 {font-size: 4.9rem;}

@media (max-width: 1200px) {
	.body-container .content-background-wrap .content-background .content-container {width: 100%; padding: 0px 10px}
}

@media (max-width: 1024px) {
	.body-container .content-background-wrap .content-background {padding: 50px 0}
	.banner-container .banner-wrap .banner .banner-area .bn-title.sub-title p {font-size: 2.7rem; }
	.banner-container .banner-wrap .banner .banner-area .bn-title.sub-title h1 {font-size: 4.2rem}
}

@media (max-width: 800px) {
	.banner-container .banner-wrap .banner .banner-area .bn-title.sub-title h1  {font-size: 3.6rem}
	.banner-container .banner-wrap {height:250px}
	.banner-container .banner-wrap .banner {background-position: right bottom;}
	.banner-container .banner-wrap .banner .banner-area .bn-title.sub-title {padding-top:90px}
}

@media (max-width: 500px) {
	.banner-container .banner-wrap .banner .banner-area .bn-title.sub-title {padding-top: 65px}
	.banner-container .banner-wrap {height:220px}
}





/* cont-tit */
.content-container .cont-tit { font-size: 3rem; font-weight: 600; line-height: 28px; margin-bottom: 50px; text-align: center; color: #555}
.content-container .cont-tit img.tit-img {margin-right: 5px}

@media (max-width: 1024px) {
	.content-container .cont-tit {font-size: 2.5rem}	
}

@media (max-width: 800px) {
	.content-container .cont-tit {font-size: 2.3rem}	
}

@media (max-width: 650px) {
	.content-container .cont-tit {padding-bottom: 15px; margin-bottom: 15px}	
}


/* signup tit */

.signup-cont:not(:first-child) { padding-top: 40px; }
.signup-cont .sub-tit {padding-bottom:20px; font-size:1.6rem}
.signup-cont .sub-txt { display: inline-block; font-size: 1.3rem; color: #999; padding-left: 5px;}

/* signup info */
.signup-cont .signup-info {background:#f1f7f5; padding:15px; font-size:1.5rem; line-height:22px; margin-bottom:20px}
.signup-cont .signup-info li {position:relative; padding-left:10px}
.signup-cont .signup-info li:after {position:absolute; content:''; top:9px; left:0; width:3px; height:3px; background:#999; border-radius:50%; transform:translateY(-50%)}


@media(max-width:572px) {
	.signup-cont .signup-info {font-size:1.3rem; line-height:19px; margin-bottom:10px}
	.signup-cont .signup-info li:after {top:8px}
}