#idx_container {
	width: 1280px;
	margin: 0 auto;
	font-size: 1.2em;
	transition: all 0.3s ease;
}
#idx_wrapper .tit{
	margin-bottom: 56px;
}
#idx_wrapper .tit h2{
	font-weight: 800;
	font-size: 3.2rem;
	color: #222;
	line-height: 1.2em;
	padding-top: 80px;
	text-align: center;
}
#idx_wrapper .tit h3{
	text-align: center;
	margin-top: 10px;
}

/* 메인 비주얼 슬라이드 */
.idx_vis{ width: 100%; position: relative;}
.mainSwiper{height: 740px;}
.mainSwiper .swiper-slide{ width: 100%; height: 100%; background-position: center bottom; background-repeat: no-repeat; background-size: cover; position: relative; background-color: #EEE8D8;background-size: contain;}
.mainSwiper .swiper-slide:nth-child(1){
	background-color: #C9D5E3; background-image: url(../img/main/visual_img03.jpg);}
.mainSwiper .swiper-slide:nth-child(2){
	background-color: #FDE7D9; background-image: url(../img/main/visual_img01.jpg);}
.mainSwiper .slogan{
	position: absolute;
	top: 60%;
	left: 10%;
	transform: translateY(-50%);
	max-width: 1300px;
	font-size: 1.8em;
	color: #222;
	padding: 0 2rem;
}
.mainSwiper .slogan h2{letter-spacing: -2px; font-size: 1.8em;  line-height: 1.4em; margin-bottom: 20px;color: #222;font-family: 'SeoulHangangM';}
.mainSwiper .slogan h2 p{color: #FF7F40; font-size: 1.3em;
	font-weight: 800;}
.mainSwiper .slogan span{font-size: 0.7em;line-height: 1.5em;display: block;color: #5a5a5a;}

.mainSwiper .swiper-slide.swiper-slide-active .slogan h2 {
	animation: fadeInRight 1s ease-in-out;
}
.mainSwiper .swiper-slide.swiper-slide-active .slogan span {
	animation: fadeInLeft 1s ease-in-out;
}
@keyframes fadeInRight {
	from {opacity: 0;transform: translateX(50px);}
	to {opacity: 1;transform: translateX(0);}
}
@keyframes fadeInLeft {
	from {opacity: 0;transform: translateX(-50px);}
	to {opacity: 1;transform: translateX(0);}
}
.mainSwiper .swiper-pagination{bottom: 20px;}
.mainSwiper .swiper-pagination-bullet{ width: 30px; height: 2px; border-radius: 0;}
.mainSwiper .swiper-pagination-bullet-active{background:#FF7F40}
@media screen and (max-width: 1023px) {
	.mainSwiper .slogan h2{font-size: 1.2em;}
	#idx_wrapper .tit h2{
		font-size: 2.8rem;
	}
	#idx_wrapper .tit h3{
		font-size: 1.8rem;
	}


}
@media screen and (max-width: 1024px) {
	#idx_wrapper .tit{
		margin-bottom: 40px;
	}
	#idx_wrapper .tit h2{
		padding-top: 50px;
	}
}
@media screen and (max-width: 767px) {
	#idx_wrapper .tit h2{
		font-size: 2.2rem;
	}
	#idx_wrapper .tit h3{
		font-size: 14px;
	}


	.mainSwiper{height: 400px;}
	.mainSwiper .slogan{font-size: 1.4em;}
	.mainSwiper .swiper-slide{background-size: auto 80%;}
}
/*  //메인 비주얼 슬라이드 */



@media screen and (max-width: 425px) {
	letter-spacing: -0.1em;
}








#wrap .btn {
	color: #333;
	padding: 0;
	border-radius: 0;
	margin-left: 10px;
	font-weight: 800;
}







/* #visual */
#visual {
	text-align: center;
	position: relative;
	padding: 50px 0;
}
#visual .text {
	font-size: 2.5em;
	line-height: 4.6rem;
	max-width: 800px;
	margin: 0px auto 30px;
}

#visual .text p {
	position: relative;
	display: inline-block;
	font-family: 'SeoulHangangM';
	font-size: 2em;
	font-weight: 600;
	color: #f4f4f4;
}
#visual .ddaom{
	width: 66px;
}
#visual .ddaom.ddaom2{
	transform: rotate(180deg);
}
#visual .text span {
	display: block;
	line-height: 1.8;
	font-size: 2rem;
	color: #222;
}
#visual .text a {
	font-size: 17px;
	border-radius: 0;
	padding: 7px 10px;
	font-weight: 600;
	background: #C69C32;
	color: #fff;
	margin-top: 50px;
}

#visual .text a:hover {
	background: #fff;
	color: #C69C32;
}


/* //#visual */
@media screen and (max-width: 1440px) {

}
@media screen and (max-width: 1024px) {
	#visual .ddaom {
		width: 50px;
	}
	#visual .text p{
		font-size: 1.6em;
	}
	#visual .text span{
		font-size: 1.6rem;
	}
}
@media screen and (max-width: 768px) {
	#visual .ddaom {
		width: 40px;
	}
	#visual .text p{
		font-size: 2.4em;
	}
	#visual .text span{
		padding: 0 3%;
	}

}
@media screen and (max-width: 425px) {

}


#middle p.title {
	font-family: 'SeoulHangangM';
	font-size: 1.5em;
	line-height: 1.2em;
	margin-bottom: 30px;
	margin-bottom: 20px;
	color: #292929;
}

#middle {
	font-size: 1.4em;
	line-height: 2em;
}

#middle .box {
	background: #fff;
	padding: 100px 40px;
}






/* b01 */
#middle .b01 {
	background: #FDF0E2;
	margin-top: 80px;
	padding-bottom: 80px;
}
#middle .b01 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#middle .b01 li{
	width: 40%;
	text-align: center;
	margin-bottom: 26px;
	padding: 0 40px;
}
#middle .b01 li:nth-child(3),
#middle .b01 li:nth-child(4){
	margin-bottom: 0;
}
#middle .b01 .imgBox{
	display: inline-block;
	width: 280px;
	height: 280px;
	border-radius: 50%;
	overflow: hidden;
}
#middle .b01 .imgBox:nth-child(1){}
#middle .b01 .imgBox:nth-child(2){}
#middle .b01 .imgBox:nth-child(3){}
#middle .b01 .imgBox:nth-child(4){}
#middle .b01 .txtBox{
	padding-top: 20px;
}
#middle .b01 .txtBox strong{
	display: block;
	margin-bottom: 20px;
	font-weight: 600;
	color: #FF7F40;
}
#middle .b01 .txtBox p{
	line-height: 1.8em;
	font-size: 0.8em;
}

@media screen and (max-width: 1440px) {
	#middle .b01 li{
		width: 50%;
		padding: 0 20px;
	}
}
@media screen and (max-width: 1024px) {
	#middle .b01{
		margin-top: 50px;
		padding-bottom: 50px;
	}
}
@media screen and (max-width: 768px) {
	#middle .b01 ul{
		display: block;
	}
	#middle .b01 li{
		width: 100%;
		margin-bottom: 30px;
	}
	#middle .b01 li:nth-child(3){
		margin-bottom: 30px;
	}
	#middle .b01 .txtBox strong{
		font-size: 1.2em;
		margin-bottom: 10px;
	}
	#middle .b01 .txtBox p{
		font-size: 14px;
	}

}
@media screen and (max-width: 425px) {

}




/* //b01 */




/* b02 */
.b02{
	background: #FAFAFA;
	padding-bottom: 80px;
}
.b02 .pf_lists{
	position: relative;
}
.b02 .lists{
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 10px;
}
.b02 .list{
	width: calc((100% - 40px) / 3);
	margin-right: 20px;
	margin-bottom: 20px;

}
.b02 .list:nth-child(3n){
	margin-right: 0;
}
.b02 .list,
.b02 .swiper-slide{
	background: #fff;
	padding: 30px 20px;
	border-radius: 20px;
	overflow: hidden;
	box-sizing: border-box;
}
.b02 .top{
	display: flex;
	align-items: center;
	margin-bottom: 32px;
}
.b02 .top .imgBox{
	width: 132px;
	height: 132px;
	border-radius: 50%;
	overflow: hidden;
}
.b02 .top .imgBox img{
	width: 100%;
}
.b02 .top .nameBox{
	padding-left: 20px;
}
.b02 .top .name{
	font-weight: 600;
	font-size: 1.2em;
	color: #222;
}
.b02 .top .kind{
	font-weight: 600;
	font-size: 0.9em;
	color: #FF7F40;
	line-height: 1.4;
}
.b02 .bottom{}
.b02 .bottom > div{
	margin-bottom: 10px;
}
.b02 .bottom > div:last-child{
	margin-bottom: 0;
}
.b02 .bottom h3{
	padding: 0 17px;
	line-height: 28px;
	height: 30px;
	border-radius: 15px;
	border: 1px solid #FF7F40;
	color: #FF7F40;
	font-size: 17px;
	font-weight: 500;
	display: inline-block;
	margin-bottom: 10px;
}
.b02 .bottom ul{
	padding-left: 10px;
}
.b02 .bottom li{
	font-size: 16px;
	line-height: 1.6;
}
.b02 .moreBtn{
	margin-top: 20px;
	text-align: center;
	width: 100%;
}
.b02 .pf_lists{
	overflow: hidden;

	max-height: 700px;
	border-radius: 20px;
}
.b02 .pf_lists .gradiation{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 120px;
	background-image: linear-gradient(to top, #FAFAFA 10%,  rgba(250,250,250,0.1) 100%);
}
.b02 .moreBtn .more{
	cursor: pointer;
	border: 0;
	background: none;
	font-size: 16px;
	font-weight: 600;
}
.b02 .moreBtn .more svg{
	margin-bottom: -5px;
}
@media screen and (max-width: 1440px) {

}
@media screen and (max-width: 1024px) {
	.b02{
		padding-bottom: 50px;
	}
	.b02 .pf_lists{
		max-height: 700px;
		border-radius: 20px;
		overflow: hidden;
	}
	/*.b02 .list:nth-child(n + 5){
		display: none;
	}*/
	.b02 .list{
		width: calc((100% - 10px) / 2);
		margin-right: 10px;
	}
	.b02 .list:nth-child(3n) {
		margin-right: 10px;
	}
	.b02 .list:nth-child(2n) {
		margin-right: 0;
	}
	.b02 .top .name{
		font-size: 1em;
	}
	.b02 .top .kind{
		font-size: 0.8em;
	}
	.b02 .bottom h3,
	.b02 .bottom li{
		font-size: 15px;
	}
	.b02 .moreBtn{
		margin-top: 0;
	}
}
@media screen and (max-width: 768px) {
	.b02 .pf_lists{
		display: block;
		max-height: 690px;
	}
	.b02 .lists{
		display: block;
	}
	.b02 .pf_lists .gradiation{
		height: 80px;
	}
	.b02 .list{
		/*max-width: 360px;
		margin: 0 auto 20px !important;*/
		width: 100%;
		margin-right: 0;
		text-align: center;
	}
	.b02 .bottom h3, .b02 .bottom li{
		font-size: 14px;
	}
	.b02 .bottom > div{
		text-align: left;
	}
	.b02 .top{
		display: block;
	}
	.b02 .top .imgBox{
		margin: 0 auto;
	}
	.b02 .top .nameBox{
		padding-left: 0;
		margin-top: 10px;
	}
	.b02 .moreBtn .more{
		font-size: 14px;
	}
	.b02 .moreBtn .more svg{
		width: 16px;
		height: 16px;
		margin-bottom: -3px;
	}
}
@media screen and (max-width: 425px) {

}
/* //b02 */








/* b04 */
.b04{
	margin-top: 80px;
	background: #fff;
	padding: 0 0 80px;
}
.b04 .container{
	display: flex;
	justify-content: space-between;
}
.b04 .imgBox,
.b04 .contactBox{
	width: 50%;
}
.b04 .imgBox {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	background: url(../img/main/middle04_bg.jpg) no-repeat center/cover;
	text-align: center;
	border-radius: 20px;
	overflow: hidden;
}
.b04 .imgBox:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}
.b04 .imgBox p {
	font-family: 'SeoulHangangM';
	display: inline-block;
	color: #fff;
	font-size: 2.3em;
}
.b04 .contactBox{
	padding-left: 40px;
}
.b04 .contactBox .tit{
	font-weight: 800;
	font-size: 3.2rem;
	color: #222;
	margin-bottom: 20px !important;
}
.b04 .contactBox p{
	font-size: 1em;
}
.b04 .contactBox ul{
	margin-top: 20px;
}
.b04 .contactBox li{
	margin-bottom: 10px;
}
.b04 .contactBox input{
	height: 60px;
	width: 100%;
}
.b04 .contactBox .select_box{
	width: 100%;
}
.b04 #agree_modalBtn{
	cursor: pointer;
	font-size: 15px;
}
.b04 button.style2{
	margin-left: 6px;
}
.b04 .check span{
	cursor: pointer;
}
@media screen and (max-width: 1440px) {

}
@media screen and (max-width: 1024px) {
	.b04{
		margin-top: 50px;
		padding: 0 0 50px;
	}
	.b04 .imgBox p{
		font-size: 2em;
	}
	.b04 .contactBox{
		padding-left: 20px;
	}

}
@media screen and (max-width: 768px) {
	.b04 .container{
		display: block;
	}
	.b04 .tit,
	.b04 .contactBox p{
		text-align: center;
	}
	.b04 .contactBox .tit{
		margin-bottom: 10px !important;
	}
	.b04 .imgBox, .b04 .contactBox{
		width: 100%;
	}
	.b04 .imgBox{
		height: 300px;
	}
	.b04 .contactBox{
		padding-top: 20px;
		padding-left: 0;
	}
	.b04 .contactBox .tit{
		font-size: 2.2rem;
	}
	.b04 .contactBox p{
		font-size: 14px;
	}
	.b04 .agree_checkbox+label, .b04 .radio+label{
		font-size: 14px;
	}
	.b04 input{
		font-size: 14px;
	}
	.b04 .select_box select{
		font-size: 14px;
	}
	.b04 button.style1{
		font-size: 14px;
	}
	.b04 .check span{
		font-size: 13px;
	}

}
@media screen and (max-width: 425px) {

}



/*b05*/
.b05,
.b05 .container{
	height: 400px;
	border-radius: 20px;
	overflow: hidden;
}
.b05 a{
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/main/kakaomap_thumb_2.jpg) no-repeat;
	background-position: center;
	background-size: cover;
}



/* [전문보기]팝업 */
#modal1 {
	min-width: 370px;
}
/* //[전문보기]팝업 */



















#middle .b07 {
	background: url(../img/main/middle07_img.jpg) no-repeat;
	padding: 30px 0px;
	padding-left: 60%;
	font-size: 0.8em;
	line-height: 1.8em;
	margin: 70px 0 0
}

#middle .b07.ver2 {
	background: url(../img/sub/middle07_img2.jpg) no-repeat center top;
	height: 650px;
	padding: 0;
	background-size: cover;
	padding: 90px;
}

#middle .b07.ver2 .box {
	padding: 0;
	background: transparent;
}

#middle .b08 {
	background: url(../img/main/middle08_img.jpg) no-repeat;
	padding: 30px 0px;
	padding-left: 60%;
	font-size: 0.8em;
	line-height: 1.8em;
	margin: 70px 0 0;
	position: relative
}

#middle .b08.ver2:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.27);
}

#middle .b08.ver2 {
	background: url(../img/sub/middle08_img2.jpg) no-repeat center bottom;
	height: 650px;
	padding: 0;
	background-size: cover;
	padding: 90px;
}

#middle .b08.ver2 .box {
	padding: 0;
	background: transparent;
}

#middle .b08 p.title {
	font-family: 'SeoulHangangM';
	font-size: 1.5em;
	line-height: 1.2em;
	margin-bottom: 30px;
	margin-bottom: 20px;
	color: #fff;
}

#middle .b09 {
	background: url(../img/main/middle10_img.jpg) no-repeat;
	padding: 30px 0px;
	padding-left: 60%;
	font-size: 0.8em;
	line-height: 1.8em;
	margin: 70px 0 0;
	position: relative
}

#middle .b09.ver2:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.27);
}

#middle .b09.ver2 {
	background: url(../img/sub/middle09_img2.jpg) no-repeat center bottom;
	height: 650px;
	padding: 0;
	background-size: cover;
	padding: 90px;
}

#middle .b09.ver2 .box {
	padding: 0;
	background: transparent;
}

#middle .b09 p.title {
	font-family: 'SeoulHangangM';
	font-size: 1.5em;
	line-height: 1.2em;
	margin-bottom: 30px;
	margin-bottom: 20px;
	color: #fff;
}

#middle .b10 {
	background: url(../img/main/middle10_img.jpg) no-repeat;
	padding: 30px 0px;
	padding-left: 60%;
	font-size: 0.8em;
	line-height: 1.8em;
	margin: 70px 0 0;
	position: relative
}

#middle .b10.ver2:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.27);
}

#middle .b10.ver2 {
	background: url(../img/sub/middle10_img2.jpg) no-repeat center bottom;
	height: 650px;
	padding: 0;
	background-size: cover;
	padding: 90px;
}

#middle .b10.ver2 .box {
	padding: 0;
	background: transparent;
}

#middle .b10 p.title {
	font-family: 'SeoulHangangM';
	font-size: 1.5em;
	line-height: 1.2em;
	margin-bottom: 30px;
	margin-bottom: 20px;
	color: #fff;
}




/* ft_map_wrap */
.wrap_btn_zoom{/*지도확대축소버튼*/
	display: none !important;
}
#ft_map {
	display: flex;
	margin: 15px 0 0;
}
#ft_map > div {
	border-radius: 20px;
	overflow: hidden;
}
#ft_map > div:nth-child(1){
	/*width: 40%;
	margin-right: 20px;*/
}
#ft_map > div:nth-child(1) > a{
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/main/kakaomap_thumb_1.jpg) no-repeat;
	background-position: center;
	background-size: cover;
}
#ft_map .map_border{
	border: 0 !important;
	background: none !important;
}
#ft_map .txt_box{
	/*width: calc(60% - 20px);*/
	border-radius: 15px;
	background: #fff;
	border: 1px solid #dfdfdf;
	padding: 40px 48px;
	color: #222;
}
#ft_map .txt_box .top {
	margin-bottom: 26px;
	padding-bottom: 26px;
	border-bottom: 1px solid #dfdfdf;
}
#ft_map .txt_box .top .introTxt{
	margin-bottom: 26px;
	padding-bottom: 26px;
	border-bottom: 1px solid #dfdfdf;
	font-size: 1.2em;
	line-height: 1.8em;
	color: #5a5a5a;
}
#ft_map .txt_box .top .introTxt > p{
	margin-bottom: 10px;
}
#ft_map .txt_box .top .introTxt > p .big{
	font-size: 16px;
}
#ft_map .txt_box h3 {
	font-size: 1.6em;
	font-weight: 600;
	line-height: 1.3em;
	color: #222;
	margin-bottom: 18px;
}
#ft_map .txt_box h3 strong{
	display: inline-block;
	margin-left: 7px;
	font-weight: 500;
	color: #FF7F40;
	font-size: 16px;
}
#ft_map .txt_box h3 strong span{
	color: #FF7F40;
}
#ft_map .txt_box h3 strong span.under{
	border-bottom: 2px solid #FF7F40;
}
#ft_map .txt_box .top ul{
	display: flex;
	font-weight: 600;
	flex-wrap: wrap;
	margin-top: 20px;
	font-size: 1.3em;
}
#ft_map .txt_box .top li{
	padding-right: 40px;
}
#ft_map .txt_box .bot ul {
	display: flex;
	flex-wrap: wrap;
}
#ft_map .txt_box .bot ul li{
	margin-right: 40px;
}
#ft_map .txt_box .bot ul li:nth-child(1){
	width: 100%;
	margin-bottom: 16px;
}
#ft_map .txt_box .bot ul li:nth-child(3){margin-right: 0px;}
#ft_map .txt_box .bot ul li a{
	padding-left: 36px;
	position: relative;
	display: block;
	cursor: pointer;
}
#ft_map .txt_box .bot ul li a:before {content:''; width:32px; height:32px; position:absolute; top:0; left:0; background-repeat:no-repeat; background-size:cover;}
#ft_map .txt_box .bot ul li a.tel:before {background-image:url('../img/common/icon_phone.svg');filter: invert(61%) sepia(83%) saturate(369%) hue-rotate(5deg) brightness(88%) contrast(89%);}
#ft_map .txt_box .bot ul li a.kakao:before {background-image:url('../img/main/icon_mini_talk.png');}
#ft_map .txt_box .bot ul li a.naver:before {background-image:url('../img/main/icon_mini_naver.png');}
#ft_map .txt_box .bot ul li h4 {font-size:20px; font-weight:600; color:#2c2c2c; white-space:nowrap;}
#ft_map .txt_box .bot ul li h4:hover{
	color: #FF7F40;
	text-decoration: underline;
}
#ft_map .txt_box .bot ul li p {display:block; font-size:13px; font-weight:500; line-height:1.5em; color:#878787;
	margin-top: 8px;}

@media screen and (max-width: 1440px) {
	#ft_map{
		display: block;
	}
	#ft_map > div{
		width: 100% !important;
	}

	#ft_map > div:nth-child(1) > a,
	.root_daum_roughmap .wrap_map{
		height: 400px !important;
	}
	#ft_map > div:nth-child(1) > a{
		background: url(../img/main/kakaomap_thumb_2.jpg) no-repeat;
		background-position: right 67% center;
	}
	#ft_map .txt_box{
		margin-top: 10px;
	}
	#ft_map .txt_box .top .introTxt{
		font-size: 1.1em;
	}
}
@media screen and (max-width: 1024px) {
	.root_daum_roughmap .wrap_map{
		height: 300px !important;
	}
	#ft_map .txt_box{
		margin-top: 10px;
		padding: 24px 30px;
	}
	#ft_map .txt_box h3{
		font-size: 1.4em;
	}
	#ft_map .txt_box h3 strong{
		font-size: 14px;
	}
	#ft_map .txt_box .top ul,
	#ft_map .txt_box .bot ul li h4{
		font-size: 1.2em;
	}
	#ft_map .txt_box .bot ul li a:before{
		width: 28px;
		height: 28px;
	}
}
@media screen and (max-width: 768px) {
	/* 메인배너 */
	.mainSwiper .slogan{
		top: 36%;
		left: 6%;
	}
	.mainSwiper .swiper-slide:nth-child(2){
		background-position: right 16% bottom -24%;
	}
	.mainSwiper .swiper-slide:nth-child(1){
		background-position: right 0% bottom;
	}

	#ft_map > div:nth-child(1) a{
		background-position: right 55% center;
	}
	#ft_map .txt_box{
		padding: 20px;
	}
	#ft_map .txt_box h3{
		font-size: 1.5em;
		margin-bottom: 10px;
	}
	#ft_map .txt_box h3 strong{
		font-size: 13px;
	}
	#ft_map .txt_box .top ul{
		margin-top: 0;
	}
	#ft_map .txt_box .top .introTxt{
		font-size: 14px;
	}
	#ft_map .txt_box .bot ul{
		display: block;
	}
	#ft_map .txt_box .bot ul li:nth-child(1){
		margin: 0;
	}
	#ft_map .txt_box .top ul, #ft_map .txt_box .bot ul li h4{
		font-size: 14px;
	}
}
@media screen and (max-width: 425px) {
	#ft_map > div:nth-child(1) > a{
		background: url(../img/main/kakaomap_thumb_1.jpg) no-repeat;
		background-position: right 55% center;
	}

}


/* //ft_map_wrap */





#ft_con .golink li {
	line-height: 1.5em;
	border-bottom: 1px solid #ddd;
	padding: 7px 5px;
	font-size: 1.2em;
}

#ft_con .golink .btn:before {
	content: "";
	display: inline-block;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	background: #333;
	margin-right: -15px;
	vertical-align: middle;
}

#ft_con .golink .btn span {
	display: inline-block !important;
	font-weight: 600;
}

#ft_con .golink .btn span:first-letter {
	color: #fff;
}

#ft_con .golink .btn:after {
	content: ' ';
	display: inline-block;
	vertical-align: middle;
	font-size: 1.2em;
	content: "\f067";
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	margin: 0 0 3px 10px;
}


@media (max-width: 1279px) {
	#idx_container {
		width: 100%;
		margin: 0 auto;
		font-size: 1.2em;
		transition: all 0.3s ease;
	}

	#idx_container .container {
		width: 100%
	}
}

@media (max-width: 1199px) {
	.home-hero,
	.videoWrapper{
		width: 100% !important;
		height: 500px;
		background-position: center top;
		background-size: cover;
	}


	.mainSwiper{height: 500px;}



}

@media (max-width: 767px) {
	#logo{
		left: 10px;
		transform: translateY(-50%);
	}
	#logo a {
		padding: 0;
	}

	#logo img {
		height: 34px;
	}

	#idx_wrapper {
		font-size: 10px;
	}

	#idx_container {
		font-size: 1em;
		line-height: 1.5em;
	}

	#visual {
		padding: 30px 0;
		background-size: cover;
		min-height: 250px;
	}

	#visual .text {
		font-size: 1.8em;
	}

	#visual .text a {
		font-size: 15px;
	}

	#middle .box {
		padding: 40px 25px;
	}

	#middle p.title {
		font-family: 'SeoulHangangM';
		font-size: 1.17em;
		line-height: 1.2em;
		margin-bottom: 30px;
		margin-bottom: 20px;
		color: #292929;
	}

	#middle .b01 {
		background-size: 100% auto;
		background-position: 0 0;
		padding: 0 0 50px;
	}

	#middle .b01 .text {
		padding: 0;
	}

	#middle .b02 {
		font-size: 1.3em;
		word-break: keep-all;
	}

	#middle .b02 dd {
		width: 92%;
		margin: 0px auto
	}

	#middle .b02 p {
		font-size: 1em
	}

	#middle .b02 p.s {
		font-size: .7em
	}


	/*#middle .b05 {
		background-size: 100% auto;
		background-position: 0 0;
		padding: 60% 0 30px;
		font-size: 1.1em;
	}
*/
	/*#middle .b06{padding:0 0 40px; padding-left: 41%; text-align:left;}*/



	#middle .b07 {
		background: url(../img/main/middle07_img.jpg) no-repeat;
		padding: 30px 0px;
		padding-left: 60%;
		font-size: 0.8em;
		line-height: 1.8em;
		margin: 70px 0 0
	}

	#middle .b07.ver2 {
		background: url(../img/sub/middle07_img2.jpg) no-repeat center top;
		height: 650px;
		padding: 0;
		background-size: cover;
		padding: 60px 30px 30px;
	}

	#middle .b07.ver2 .box {
		padding: 0;
		background: transparent;
	}

	#middle .b08.ver2 {
		background: url(../img/sub/middle08_img2.jpg) no-repeat center bottom;
		height: 650px;
		padding: 0;
		background-size: cover;
		padding: 60px 30px 30px;
	}

	#middle .b08.ver2 .box {
		padding: 0;
		background: transparent;
	}

	#middle .b08 p.title {
		font-family: 'SeoulHangangM';
		font-size: 1.25em;
		line-height: 1.2em;
		margin-bottom: 30px;
		margin-bottom: 20px;
		color: #fff;
	}

	#middle .b08.ver2:before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.45);
	}

	#middle .b09.ver2 {
		background: url(../img/sub/middle09_img2.jpg) no-repeat left bottom;
		height: 650px;
		padding: 0;
		background-size: cover;
		padding: 60px 30px 30px;
	}

	#middle .b10.ver2 {
		background: url(../img/sub/middle10_img2.jpg) no-repeat center bottom;
		height: 650px;
		padding: 0;
		background-size: cover;
		padding: 60px 30px 30px;
	}

	#middle .b10.ver2 .box {
		padding: 0;
		background: transparent;
	}

	#middle .b10 p.title {
		font-family: 'SeoulHangangM';
		font-size: 1.25em;
		line-height: 1.2em;
		margin-bottom: 30px;
		margin-bottom: 20px;
		color: #fff;
	}

	#middle .box .img {
		margin: 0;
	}

	#middle > ul > li {
		padding: 40px 0;
	}

	#middle > ul > li:nth-child(5) .img {
		width: 100%;
	}

	#middle > ul > li:nth-child(5) .text {
		width: 100%;
	}

	#ft_map {
		display: block;
	}

	#ft_map > div {
		width: 100%;
	}

	#wrap .btn {}

	#middle > ul > li:nth-child(4) .img {
		min-height: 400px;
	}

	#ft_con {
		font-size: 0.9em;
	}

	.box-rpad ul {
		padding: 0 2%;
		font-size: 1.15em;
	}

	#footer h1 img {
		height: 40px;
	}
}

/*sms박스*/
#sms-popup {
	position: fixed;
	padding: 0px 5px 30px;
	border-radius: 10px;
	background: #605c59;
	z-index: 1;
	right: 90px;
	bottom: 0px;
	box-shadow: 5px 5px 5px 0px rgb(0, 0, 0, 0.2);
	box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.2);
	width: 260px;
}

@media all and (max-width:1300px) {
	#sms-popup {
		position: fixed;
		padding: 0px 5px 30px;
		border-radius: 10px;
		background: #605c59;
		z-index: 1;
		right: 0px;
		top: 295px;
		box-shadow: 5px 5px 5px 0px rgb(0, 0, 0, 0.2);
		box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.2);
		width: 260px;
		display: none
	}

	#sms-popup {
		right: 0
	}
}

#sms-popup h4 {
	color: #fff;
	padding: 15px 0 15px 10px;
	margin: 0;
	font-weight: normal;
	position: relative;
	font-size: 1.30em;
	font-weight: 600
}

#sms-popup #sms-popup-close {
	position: absolute;
	right: 10px
}

#sms-popup .inner {
	background: #fff;
	font-size: 13px;
	width: 250px;
	padding: 10px;
	color: #707070;
	position: relative
}

#sms-popup li {
	margin: 3px 0;
	color: #888
}

#sms-popup .label {
	display: inline-block;
	width: 60px;
	color: #555 !important;
	font-size: 1.05em;
	text-align: left !important;
	padding: 10px 0 !important
}

#sms-popup .checkbox {
	display: inline !important;
}

#sms-popup input[type="radio"] {
	margin: 0 !important
}

#sms-popup input[type=text],
#sms-popup select {
	width: 155px;
	border: 1px solid #d5d5d5;
	padding: 5px 0px 4px 3px;
}

#sms-popup select {
	height: 38px
}

#sms-popup textarea {
	width: 99%
}

#sms-popup .inner .tel .ed {
	width: 50px
}

#sms-popup .inner .small {
	font-size: 12px
}

#sms-popup .inner hr {
	border-color: #ececec
}

#sms-popup button {
	background: #ffad00;
	display: inline-block;
	width: 50%;
	height: 35px;
	margin: 10px auto 10px auto;
	color: #fff;
	border: 0;
}

#sms-popup button.local {
	background: #605c59;
}

#sms-popup .anchor-close {
	position: absolute;
	bottom: 3px;
	color: #fff;
	font-size: 14px;
	left: 30%
}
