#contents { width:100%; max-width:100%; }

.main_slide { width:100%;margin:0 auto;position: relative; }
.main_slide .swiper-slide { height:750px; text-align:center; }
.main_slide .swiper-slide img { height:100%; object-fit:cover; }

.page_toparea { display:none; }



#footer {  margin-top:0; }


/*swiper*/
.swiper-container .swiper-button-prev:after,
.swiper-container .swiper-button-next:after{display:none}
.swiper-container .swiper-button-prev{width:50px;height:50px;margin-top:-25px;background:url('../image/arrow_prev.png') no-repeat center }
.swiper-container .swiper-button-next{width:50px;height:50px;margin-top:-25px;background:url('../image/arrow_next.png') no-repeat center }
.swiper-container .swiper-pagination-bullet{width:12px;height:12px;background:#fff;margin:0 6px !important}
.swiper-container .swiper-pagination{bottom:30px}
.swiper-container .swiper-pagination-bullet-active{}



.main_introduce { padding:50px 0; }
.main_introduce .title_area {  text-align:center; color:#222; }
.main_introduce .title_area h2 { font-size:40px; font-weight:500; letter-spacing:-1px; margin-bottom:10px; }
.main_introduce .title_area p { font-size:16px; }

.main_con_bbs { padding:50px 0; }
.main_con_bbs ul { display:flex; width:1400px; margin:0 auto; flex-wrap:wrap; }
.main_con_bbs ul li { width:45%; margin:2.5%; }
.main_con_bbs ul li h2 { font-size:35px; margin-bottom:20px; font-weight:500; }
.main_con_bbs ul li p { font-size:16px; color:#777; line-height:150%; font-weight:100; display:-webkit-box; -webkit-line-clamp:4;
-webkit-box-orient:vertical; overflow:hidden; }

.main_intro_2 { position:relative; padding:150px 0; height:700px; width:100%; margin:0 auto; background:#f5f5f5; }
.main_intro_2 .textarea { position:absolute; width:1400px; left:50%; margin-left:-700px; z-index:2; padding:2.5% 20% 0 2.5% ; }
.main_intro_2 .textarea h2 { font-size:50px; margin-bottom:20px; }
.main_intro_2 .textarea p { font-size:25px; color:#777; }
.main_intro_2 .imagearea { position:absolute; right:0; }
.main_intro_2 .imagearea img { height:400px; width:800px; object-fit:cover; }


.main_contact { position:relative; width:100%; height:800px; background-position: center;  text-align:center; }
.main_contact .main_contact_image { height:100%; text-align:center; }
.main_contact .main_contact_image img { height:100%; object-fit:cover; }

.contact_form { position:absolute; top:0; z-index:2; width:100%; padding:80px 0 }
.contact_form .inner { color:#222;  width:900px; margin:0px auto; }

.contact_form h3 { font-size:35px;  color:#fff; letter-spacing:-1px; margin-bottom:30px }
.contact_form .input_box { width:100%; text-align:left; display:flex; align-items:center;  padding:10px 0; }
.contact_form .input_box .label { display:block; margin-bottom:5px;  font-size:22px; width:180px; flex-shrink:0; padding-left:20px; color:#fff; }
.contact_form .input_box input[type="text"], .contact_form .input_box select
{ border:0px solid #ddd;  line-height:45px; height:45px; font-size:18px; color:#222; padding:0 5px; 
box-sizing:border-box; background:#fff !important;  width:100%; }
.contact_form .input_box .required_i { display:inline-block; color:#dd0000; margin-left:5px; }
.contact_form .input_box .flex3 { display:flex; align-items:center;  flex-grow:1; }
.contact_form .input_box .add2 { width:100%; }
.contact_form .input_box .add2 input { margin-bottom:7px; width:350px; }
.contact_form .input_box .add2 input:last-child { margin:0; }
.contact_form .input_box .add2 .add2_flex2 { display:flex; }
.contact_form .input_box .add2 > input { margin-bottom:7px; width:405px; }
.search_add { background:#eee;  border-radius:5px; white-space:nowrap; height:40px; line-height:40px; margin-left:5px; padding:0 10px; font-size:16px; }
.contact_form .phone input,
.contact_form .phone select { margin:0 0 0 5px; }
.contact_form .phone select:first-child { margin-left:0; }
.contact_form .sangdam_title1 input { width:100%; }
.contact_form .memo textarea { border:1px solid #ddd;  line-height:30px; height:140px; font-size:18px; color:#222; padding:5px; box-sizing:border-box; background:#fff; width:100%; }
.contact_form .btn_area { text-align:center; }
.contact_form .btn_area .button { background:#0091a2; border:none; width:300px; height:50px; font-size:20px; border-radius:10px; cursor:pointer; margin:0 auto; }
.contact_form .agree_check { display:flex; justify-content:center; align-items:center; color:#fff; width:90%; margin:20px auto;}
.contact_form .agree_check [type="checkbox"] { width:22px; height:22px; }
.contact_form .agree_check label { font-size:16px; margin-left:5px; }
.contact_form .agree_check .btn_detail { background:#222; border-radius:10px; color:#fff; padding:2px 10px 4px; margin-left:10px; font-size:14px; }

.btn_submit { display:inline-block;  margin:20px auto; background:#e40000; color:#fff; font-size:22px; 
 padding:10px 30px 11px; width:200px; border-radius:10px; border:0; font-weight:500; cursor:pointer; }















@media(max-width:900px){



#contents { width:100%; max-width:100%; }

.main_slide { width:100%;margin:0 auto;position: relative; }
.main_slide .swiper-slide { height:350px; }
.main_slide .swiper-slide img { height:100%; object-fit:cover; }

.page_toparea { display:none; }


.swiper-container .swiper-button-prev:after,
.swiper-container .swiper-button-next:after{display:none}
.swiper-container .swiper-button-prev{width:50px;height:50px;margin-top:-25px;background:url('../image/arrow_prev.png') no-repeat center }
.swiper-container .swiper-button-next{width:50px;height:50px;margin-top:-25px;background:url('../image/arrow_next.png') no-repeat center }
.swiper-container .swiper-pagination-bullet{width:12px;height:12px;background:#fff;margin:0 6px !important}
.swiper-container .swiper-pagination{bottom:30px}
.swiper-container .swiper-pagination-bullet-active{}



.main_introduce { padding:50px 0; }
.main_introduce .title_area {  text-align:center; color:#222; }
.main_introduce .title_area h2 { font-size:40px; font-weight:500; letter-spacing:-1px; margin-bottom:10px; }
.main_introduce .title_area p { font-size:16px; }

.main_con_bbs { padding:30px 0 0; }
.main_con_bbs ul { display:flex; width:90%; margin:0 auto; flex-wrap:wrap; }
.main_con_bbs ul li { width:100%; margin:0 0 30px 0; }
.main_con_bbs ul li h2 { font-size:22px; margin-bottom:10px; font-weight:500; }
.main_con_bbs ul li p { font-size:14px; color:#777; line-height:130%; font-weight:100; display:-webkit-box; -webkit-line-clamp:4;
-webkit-box-orient:vertical; overflow:hidden; }

.main_intro_2 { position:relative; padding:50px 0; height:auto; width:100%; margin:0 auto; background:#f5f5f5; }
.main_intro_2 .textarea { position:static; width:90%; left:0; margin-left:0; z-index:2; padding:0 ; margin:0 auto; }
.main_intro_2 .textarea h2 { font-size:22px; margin-bottom:20px; }
.main_intro_2 .textarea p { font-size:16px; color:#777; }
.main_intro_2 .imagearea { position:static; right:0; margin-top:30px; }
.main_intro_2 .imagearea img { height:auto; width:100%; object-fit:cover; }


.main_contact { position:relative; width:100%; height:600px; background-position: center;  text-align:center; }
.main_contact .main_contact_image { height:100%; }
.main_contact .main_contact_image img { height:100%; object-fit:cover; }

.contact_form { position:absolute; top:0; left:5%; z-index:2; width:90%; padding:60px 0 }
.contact_form .inner { color:#222;  width:100%; margin:0px auto; }

.contact_form h3 { font-size:25px;  color:#fff; letter-spacing:-1px; margin-bottom:30px }
.contact_form .input_box { width:100%;  text-align:left; display:flex; align-items:center;  padding:5px 0; }
.contact_form .input_box .label { display:block; margin-bottom:5px;  font-size:16px; width:100px; flex-shrink:0; padding-left:0px; color:#fff; }
.contact_form .input_box input[type="text"], .contact_form .input_box select
{ border:0px solid #ddd;  line-height:35px; height:35px; font-size:16px; color:#222; padding:0 5px; box-sizing:border-box; background:#fff !important; width:100%; }
.contact_form .input_box .required_i { display:inline-block; color:#dd0000; margin-left:5px; }
.contact_form .input_box .flex3 { display:flex; align-items:center;  flex-grow:1; }
.contact_form .input_box .add2 { width:100%; }
.contact_form .input_box .add2 input { margin-bottom:7px; width:350px; max-width:100%; }
.contact_form .input_box .add2 input:last-child { margin:0; }
.contact_form .input_box .add2 .add2_flex2 { display:flex; }
.contact_form .input_box .add2 > input { margin-bottom:7px; width:405px;max-width:100%;  }
.search_add { background:#eee;  border-radius:5px; white-space:nowrap; height:40px; line-height:40px; margin-left:5px; padding:0 10px; font-size:16px; }
.contact_form .phone input,
.contact_form .phone select { margin:0 0 0 5px; }
.contact_form .phone select:first-child { margin-left:0; }
.contact_form .sangdam_title1 input { width:100%; }
.contact_form .memo textarea { border:1px solid #ddd;  line-height:30px; height:100px; font-size:16px; color:#222; padding:5px; box-sizing:border-box; background:#fff; width:100%; }
.contact_form .btn_area { text-align:center; }
.contact_form .btn_area .button { background:#0091a2; border:none; width:300px; height:50px; font-size:20px; border-radius:10px; cursor:pointer; margin:0 auto; }
.contact_form .agree_check { display:flex; justify-content:center; align-items:center; color:#fff; width:90%; margin:20px auto;}
.contact_form .agree_check [type="checkbox"] { width:22px; height:22px; }
.contact_form .agree_check label { font-size:16px; margin-left:5px; }
.contact_form .agree_check .btn_detail { background:#222; border-radius:10px; color:#fff; padding:2px 10px 4px; margin-left:10px; font-size:14px; }

.btn_submit { display:inline-block;  margin:20px auto; background:#e40000; color:#fff; font-size:22px; 
 padding:10px 30px 11px; width:200px; border-radius:10px; border:0; font-weight:500; cursor:pointer; }


}