@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Dancing+Script:wght@700&family=Nanum+Myeongjo:wght@700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700&display=swap');

.sub_hd { max-width:1150px; margin:0 auto; padding:0 ; text-align:center;}
.sub_tit { font-size:2.5em; color:#262626; margin-top:80px; font-weight:500;}
.tit_line {max-width:30px; margin:15px auto;; height:2px; background:#D5D5D5;}
.sub_subject {font-size:1.15em;  color:#717171}
.wid {max-width:1400px; margin:0 auto; padding:80px 10px; }
.wid2 {background:#f5f5f5; padding:80px 10px;}
.wid3 {max-width:1400px; margin:0 auto; padding:80px 10px;}

/*인사말*/
#company { }
#company {margin:0 auto;}
#company .con1 {float:right; width:51%;margin-left:2%;}
#company .con1 h2 {font-size:3.0em;}
#company .con1 p {font-size:2.1em; color:#000; line-height:37px; margin-top:0px; margin-bottom:-16px;}
#company .con1 p b {font-weight:500;}
#company .con1 .p1 {font-size:1.35em; color:#666; line-height:27px; margin-top:10px; font-weight:400;}
#company .con1 .p1 b {color:#595959; font-size:1.2em;}
#company .con1 p span {font-size:1.35em;line-height:30px; color:#4179ca; font-weight:400; }
#company .con1 .p1 span b {font-weight:400; color:#6f4fd1}
#company .con1 p strong { font-size:1.1em;color:#686ac5;font-weight:800;}
#company .con1 .p1 strong b {color:#6f4fd1}
#company .con1 .p2 {padding-top:45px; font-size:1.4em; color:#000;}
#company .con1 .p2 b {font-size:1.1em}
#company .con2 {float:left; width:45%; margin-right:2%; height:530px; background:url('/theme/basic/img/com.jpg')no-repeat center bottom; background-size:cover;}
#company .con3 {width:100%; margin-left:0;}


/*경영이념*/
#intro {text-align:center;}
#intro .com_box_wid {max-width:1100px; margin:0 auto;}
#intro .com_box {float:left; width:30.3333%; margin:1.5%; margin-top:50px;}
#intro .com_box .one {width:240px; height:240px; border:3px solid #262626; margin:0 auto; background:rgba(255,255,255,0.15); border-radius:50%; }
#intro .com_box img {margin-top:44px;}
#intro .com_box .one p {font-size:1.6em; font-weight:400; margin-top:10px;}
#intro .com_box .bt_line {width:60px; height:2px; background:#262626; margin:0 auto; margin-top:20px;}
#intro h1 {font-size:4.0em; margin-top:30px;font-family: 'Heebo', sans-serif; font-weight:600;}
#intro h3 {font-size:1.4em; font-weight:400; margin-top:15px; line-height:30px; color:#4b4b4b;}
#intro h2 {font-size:3.5em;font-family: 'Heebo', sans-serif; font-weight:600;}
#intro .busi_bpx {float:left; width:23%; margin:1%; margin-top:10px; }
#intro .busi_bpx p{font-size:1.4em; font-weight:600; color:#000; margin-top:15px; border-bottom:1px solid #cacaca; padding:0 10px;padding-bottom:18px;}
#intro .busi_bpx span {display:inline-block; margin-top:13px; font-size:1.25em; font-weight:400; line-height:25px; height:100px;padding-top:15px; color:#7e7e7e}
#intro .busi_bpx span.sp2 {padding-top:0;}
#intro .busi_bpx .img2 {margin-top:15px; width:100%; padding:0 10px;}
#intro .wid2 {background:url('/theme/basic/img/s01_02_bg1.jpg')no-repeat; background-size:cover; padding:80px 10px;font-family: 'Heebo', sans-serif;}
#intro .effect7 {
	position: relative;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
#intro .effect7:before, .effect7:after {
	content: "";
	position: absolute;
	z-index: -1;
	box-shadow: 0 0 10px #eee);
	top: 0;
	bottom: 0;
	left: 10px;
	right: 10px;
	border-radius: 100px / 10px;
}
#intro .effect7:after {
	right: 10px;
	left: auto;
	transform: skew(8deg) rotate(3deg);
}



/*오시는길*/
.content h3 {font-weight:600;font-size:2.8em; color:#000; text-align:center;}
.content h3 span{font-family: 'Heebo', sans-serif; }
.content h3 b {color:#2e92de}
.content p {font-size:2.2em; font-weight:600; margin-top:50px;font-family: 'Heebo', sans-serif;}
.content span {font-size:1.35em; font-weight:400; display:inline-block; margin-top:10px; letter-spacing:0.5px; color:#262626;}
.contact_address {width:100%;height:auto;line-height:1.7;}
.contact_address ul {max-width:1240px;clear: both;margin-top:25px;padding-bottom:15px;}
.contact_address ul li {color: #000; font-weight:400;margin:5px 0; font-size:1.25em;}
.contact_address ul li strong {color:#000; font-size:1.1em;}
.contact_address ul li b {position:relative; font-size:0.9em; top:-2px; padding:0 13px 0 10px; color:#959595; font-weight:400;}

.map_info{width:283px;height:164px;background:#000;position:absolute;left:0;top:0px;padding: 30px 20px;font-size:16px;color:#f8969a;letter-spacing:0;}
.map_info p { color:#e3b62a; line-height:1.4; font-size:14px; font-weight:600;}
.map_btn{position:absolute;left:20px;bottom:30px;}
.map_btn a{font-size:14px; display:inline-block;width:100px;height:33px;line-height:33px;;border:1px solid #f2f2f2;text-align:center; color:#FFF; letter-spacing:-0.5px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.map_btn a:hover{color:#c2131a;background:#fff;border-color:#fff; text-decoration:none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.map_btn a:first-child{margin-right:5px;}


/*비즈니스파트*/
#business h1{font-size:4.0em; text-align:center; margin-top:30px;font-family: 'Heebo', sans-serif; font-weight:600;}
#business h2 {font-size:1.8em; font-weight:500; margin-top:35px; text-align:center; }
#business h3 {font-size:1.3em; font-weight:400; margin-top:15px; line-height:30px; text-align:center; color:#7e7e7e}
#business .img1 {width:100%; margin-bottom:100px; margin-top:40px;}
#business h4 {font-size:2.5em; font-weight:500; color:#fff;font-family: 'Heebo', sans-serif;}
#business p {font-size:1.3em; font-weight:400; margin-top:30px; coloR:#eee;}
#business p b {font-weight:500; color:#fff; font-size:1.2em; }
#business .txt_box {float:left; width:54%; background:#2e92de; padding:60px 50px; height:490px;}
#business .twi_bg {background:url('/theme/basic/img/s02_04.jpg')no-repeat center; background-size:cover; float:left; width:46%; height:490px;}
#business .thi_bg {background:url('/theme/basic/img/s02_02.jpg')no-repeat center; background-size:cover; float:left; width:46%; height:490px;}
#business .for_bg {background:url('/theme/basic/img/s02_06.jpg')no-repeat center; background-size:cover; float:left; width:46%; height:490px;}
#business .img2 {float:left; width:46%;}
#business ul {max-width:600px; margin:0 auto;margin-top:25px;}
#business ul li {font-size:1.25em; font-weight:400; line-height:35px;}
#business .ul2 {max-width:470px;}
#business .txt_box2 {text-align:center; margin-top:70px;}
#business .txt_box2 p {margin-top:10px; line-height:30px;}
#business .img3 { margin-top:20px;}
#business .img_box {margin-top:30px;}
#business .img_box img {width:23.5%; margin:0.5%; padding:0 px; border:1px solid #e7e7e7;}
#business .img_box2 {max-width:1200px; margin:0 auto; margin-top:30px;}
#business .img_box2 img {width:31%; margin:0.5%; border:1px solid #e7e7e7;}
#business h5 {font-size:1.7em; color:#0b4b96;margin-bottom:15px; margin-top:60px; font-weight:500; letter-spacing:0.5px;}
#business h5 b {color:#28aeb8;background:#28aeb8; font-weight:800; font-size:0.7em; position:relative; top:-2px; margin-right:6px;}
#business .part_box1 {float:left; width:20%; text-align:center; }
#business .part_box1 img {width:80%; margin-top:14px; box-shadow:0px 1px 5px #999; padding:10px;}
#business .part_box1 p { padding:0; font-size:1.25em; font-weight:400; color:#333; margin-top:13px;}
#business .part_box1 p i {font-size:0.8em; position:relative; top:-1px; }
#business .border-last {}

#business .txt_box_fir { margin:0 auto;margin-bottom:50px; margin-top:60px; }
#business .txt_box_fir .fir_bg {float:left; width:60%; background:url('/theme/basic/img/s02_03.jpg')no-repeat center; background-size:cover; height:450px;}
#business .txt_box_fir .fir2_bg {float:left; width:60%; background:url('/theme/basic/img/s02_05.jpg')no-repeat center; background-size:cover; height:450px;}
#business .txt_box_fir .txt_fir {float:left; width:40%; background:#eee;  margin-top:50px; margin-left:-60px; height:350px; padding:10px 50px;box-shadow:0px 1px 5px #999;}
#business .txt_box_fir .txt_fir h2 {text-align:left; font-size:1.7em;}

#business .busi_box1 {background:url('/theme/basic/img/busi_box1.jpg')no-repeat center; background-size:cover;margin-top:-100px;padding:80px 10px;}
#business .busi_box2 {background:url('/theme/basic/img/busi_box2.jpg')no-repeat center; background-size:cover;margin-top:40px;padding:55px 10px 80px 10px;}
/* #business .busi_box3 {background:url('/theme/basic/img/busi_box3.jpg')no-repeat center; background-size:cover;margin-top:20px;padding:80px 10px;} */
#business .busi_box3 {background:#f2f2f2;margin-top:40px;padding:80px 10px;}
/* #business .busi_box4 {background:url('/theme/basic/img/busi_box4.jpg')no-repeat center; background-size:cover;margin-top:40px;padding:55px 10px 80px 10px;} */
#business .busi_box4 {background:#f2f2f2;margin-top:40px;margin-bottom: 40px;padding:80px 10px 80px 10px;}
#business .busi_box5 {background:url('/theme/basic/img/busi_box5.jpg')no-repeat center; background-size:cover;margin-top:-80px;padding:80px 10px;}
#business .busi_box6 {background:url('/theme/basic/img/busi_box6.jpg')no-repeat center; background-size:cover;margin-top:40px;padding:55px 10px 80px 10px;}
#business .busi_box div {max-width:1400px; margin:0 auto;  }
#business .busi_box div h4 {color:#000; font-size:2.6em;}
#business .busi_box div p {color:#666; line-height:29px; font-weight:400; font-size:1.4em;}
#business .busi_box div p b {color:#3b87b6;} 



/*사업문의*/
.qna {background:url('/theme/basic/img/s04_03_bg.jpg')no-repeat right bottom; background-size:cover; }
.qna .wid{}
.qna h3 {font-weight:600;font-size:3.5em; color:#000;font-family: 'Heebo', sans-serif;}
.qna p {font-size:1.6em; font-weight:400; margin-top:40px;}
.qna span {font-size:1.35em; font-weight:400; display:inline-block; margin-top:10px; letter-spacing:0.5px; color:#262626;}
.qna .contact_address {width:100%;height:auto;line-height:1.7;}
.qna .contact_address ul {max-width:1240px;clear: both;margin-top:45px;padding-bottom:15px;}
.qna .contact_address ul li {color: #000; font-weight:400;margin:25px 0; font-size:1.35em;font-family: 'Heebo', sans-serif;}
.qna .contact_address ul li strong {color:#000; font-size:1.1em; font-weight:600;}
.qna .contact_address ul li b {position:relative; font-size:0.9em; top:-2px; padding:0 13px 0 10px; color:#959595; font-weight:400;}


@media screen and (max-width:1200px) {
		#business .txt_box_fir .fir_bg {float:left; width:96%; margin:0 2%; background:url('/theme/basic/img/s02_03.jpg')no-repeat center; background-size:cover; height:300px;}
		#business .txt_box_fir .fir2_bg {float:left; width:96%; margin:0 2%; background:url('/theme/basic/img/s02_04.jpg')no-repeat center; background-size:cover; height:300px;}
	#business .txt_box_fir .txt_fir {float:left; width:90%; margin:0 5%; margin-top:-120px; height:auto; padding:20px 20px;padding-bottom:40px;}
	#business .txt_box_fir .txt_fir h2 {text-align:center;}
	
	.qna .wid{background:none; }
	
}

@media screen and (max-width:992px) {
	#company .con1 {float:right; width:90%; margin:4% 5% 0 5%;}
	#company .con2 {float:left; width:100%; text-align:center;}
	#company .con2 img {width:90%; margin:0 5%; margin-top:0px;}
	
	#intro h2 {font-size:3.0em; font-weight:600;}
	#intro h3 {font-size:1.1em;}
	#intro .com_box .one {width:190px; height:190px;}
	#intro .com_box img {margin-top:30px; width:80px;}
	#intro .com_box .one p {font-size:1.25em;}
	#intro h4 {font-size:1.0em;margin:0 2%; width:96%; margin-top:40px;}
	#intro .busi_bpx {float:left; width:48%; margin:1%; margin-bottom:80px; }
	#intro .busi_bpx .img2 {margin-top:15px; width:100%; padding:0;}
	#intro .busi_bpx p {font-size:1.25em; padding-bottom:15px;}
	#intro .busi_bpx span {font-size:1.0em; margin-top:5px;}
	
	#business h1{font-size:2.5em; text-align:center; margin-top:30px;}
	#business h2 {font-size:1.5em; font-weight:500; margin-top:35px; text-align:center;}
	#business h3 {font-size:1.2em;}
	#business .txt_box {float:left; width:96%; margin:0 2%; height:auto; padding-bottom:55px;}
	#business .img2 {float:left; width:96%; margin:2% 2%;}
	#business .img3 {width:100%;}
	#business .part_box1 {float:left; width:33.333%; margin-bottom:10px;}
	#business .twi_bg {background:url('/theme/basic/img/s02_04.jpg')no-repeat center; background-size:cover; float:left;width:96%; margin:0 2%; height:300px;}

	.qna {background:url('/theme/basic/img/s04_03_bg2.jpg')no-repeat right bottom;  }
	
	
}
@media screen and (max-width:767px){
	#business .img_box img {width:48.5%; margin:0.5%; }
	.content h3 {font-size:1.8em}
}

@media screen and (max-width:550px) {
	#company .con1 p {font-size:1.55em; color:#000; line-height:28px; margin-top:0px; margin-bottom:-16px;}
	#company .con1 p b {font-weight:500;}
	#company .con1 p strong { }
	#company .con1 .p1 {font-size:1.0em;}
	#company .con1 .p2 {float:right; padding-top:15px; font-size:1.1em; }
	#company .con2 {height:400px;}
	
	#intro h1 {font-size:2.6em;}
	#intro h2 {font-size:2.0em; font-weight:600;}
	#intro h3 {font-size:0.85em; padding:0 15px; max-width:400px; margin:0 auto; margin-top:10px;}
	#intro .com_box .one {width:110px; height:110px;border:2px solid #262626;}
	#intro .com_box img {margin-top:15px; width:50px;}
	#intro .com_box .one p {font-size:0.85em; margin-top:2px; }
	#intro .com_box .bt_line {width:30px; margin-top:15px; height:1px;}
	#intro h4 {font-size:0.9em; padding:15px 10px;width:auto; margin:0 10px; margin-top:30px;}
	
	.content h3 {font-weight:600;font-size:1.2em; color:#000; text-align:center;}
	.content p {font-size:1.8em;}
	.content span {font-size:1.25em}
	.contact_address ul li {font-size:1.15em;}
	
	#business h1{font-size:1.6em; text-align:center; margin-top:0px;}
	#business h2 {font-size:1.0em; font-weight:500; margin-top:25px; text-align:center;}
	#business h3 {font-size:1.0em;line-height:23px;}
	#business h4 {font-size:1.6em; font-weight:500; }
	#business p {font-size:1.05em;}
	#business ul li {font-size:1.0em; margin-left:10px;}
	#business .img_box img {width:98.5%; margin:0.5%;}
	#business .img_box2 img {width:98%; margin:0.5%;}
	#business .part_box1 p{font-size:1.0em;}
	#business .border-last2 {border-right:1px solid #dedede;}
	#business .part_box1 img {width:100%; height:40px;}
	#business .busi_box1 {background:url('/theme/basic/img/busi_box1.jpg')no-repeat center right -680px; background-size:cover;}
	#business .busi_box2 {background:url('/theme/basic/img/busi_box2.jpg')no-repeat center right -450px; background-size:cover;}
	/* #business .busi_box3 {background:url('/theme/basic/img/busi_box3.jpg')no-repeat center right -680px; background-size:cover;} */
	/* #business .busi_box4 {background:url('/theme/basic/img/busi_box4.jpg')no-repeat center right -680px; background-size:cover;} */
	#business .busi_box5 {background:url('/theme/basic/img/busi_box5.jpg')no-repeat center right -680px; background-size:cover;}
	#business .busi_box6 {background:url('/theme/basic/img/busi_box6.jpg')no-repeat center right -680px; background-size:cover;}
	#business .busi_box div h4 {font-size:1.5em;}
	#business .busi_box div p {font-size:1.05em;}


	.qna h3 {font-weight:600;font-size:2.5em; color:#000;}
	.qna p {font-size:1.0em;}
	.qna .contact_address ul li {font-size:1.0em;}
	.qna {background:url('/theme/basic/img/s04_03_bg2.jpg')no-repeat right bottom;  background-size:400px;}
}
	
@media screen and (max-width:480px){
   
}
@media screen and (max-width:380px) {
	
	
}