@charset "euc-kr";

*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
img,iframe{max-width:100%}
img{height:auto;vertical-align:top}

/* ¹öÆ° ¾Ö´Ï¸ÞÀÌ¼Ç div
.btn_st01:hover { color:#fff; border:1px solid #9e7d54; background:#b8905c; }
 */
 
/* wrap */
.visual_wrap { position:relative; width:100%;}
.visual_wrap .bg_vi {}
.visual_wrap .bg_vi a { display:block; text-align:center;}
.visual_wrap .bg_vi a .vi_a_wrap { position:absolute; top:52%; width:100%; text-align:center; }
.mod_m { display:none;}
.mod_w { display:block;}


.visual_wrap .vi_txt_box { position:absolute; top:18%; width:100%; font-size:23px; text-align:center; font-weight:400; color:#000; line-height:1.3; z-index:9; }
.visual_wrap .vi_txt_box .vi_txt { font-size:25px; font-weight:500; color:#fff;}
.visual_wrap .vi_txt_box .vi_txt02 { letter-spacing:4px; padding-top:4px;}
.visual_wrap .vi_txt_box .vi_txt_eng { display:inline-block; padding:4px 0 4px 3%; margin:20px 0 30px 0; background:rgba(0,0,0,0.4); font-size:45px; font-weight:900; letter-spacing:28px; color:#fff;}
.visual_wrap .vi_m { display: none;}
.visual_wrap .bg_pt { position:absolute; left:0; top:0; width:100%; height:100%; font-size:0; background:url(../images/main/bg_pt.png) repeat 0 0; z-index:2;}
 
/* content */
#content { position:relative; max-width:1465px; margin:0 auto; word-break:keep-all; }

.tit_box { line-height:1.4; padding:30px 10px 25px 10px; text-align:center;}
.tit_box .tit { font-size:30px; color:#1e6026; font-weight:800; padding:4px 0 4px 18px; letter-spacing:18px; }
.tit_box p { font-size:14px; color:#4a4a4a;}

.bg_st01 { background:#f7f6f3; padding:0 0 50px 0; border-bottom:4px solid #e8e6de;}
.cs01 .box { text-align:center; min-height:150px; padding:35px 10px; color:#000; font-size:16px; line-height:28px;}

.roll_wrap a.btn_box { position:absolute; width:100%; height:100%; display:block; z-index:20; background:rgba(240,110,100,0.5); color:#fff; text-align:center; font-size:20px;}
.roll_wrap a.btn_box:hover {background:rgba(0,0,0,0.5);}
.roll_wrap a.btn_box p.btn_more { position: relative; top:40%;}
.roll_wrap .btn_box .btn_more span { width:280px; display:inline-block; border:4px solid #fff; padding:15px 10px; font-weight:600;}

.roll_wrap .jq_lay { width:100%; max-width:1340px; position:relative; margin:0 auto;}
/*
.roll_wrap .jq_lay ul { width:90%; z-index:10; margin:0 auto; overflow:hidden;}
.roll_wrap .jq_lay ul li { float:left; display:inline-block; width:24%; margin:0 0.5%;}
*/
.roll_wrap .jq_lay .slider p { padding:6px 0; margin:10px 0; font-size:17px; font-weight:600; text-align:center; background:url(../images/common/btn_plus.png) no-repeat right 50% / 28px;}

.roll_wrap .btn_prev { position:absolute; left:0; top:35%; }
.roll_wrap .btn_next { position:absolute; right:0; top:35%; }



/* cs02 case_wrap  */
.cs02.case_wrap { padding:5px 0 36px 0;}
.case_wrap .box_case { overflow:hidden;}
.case_wrap .box_case li { float:left; width:25%;}
.case_wrap .box_case li a { position:relative; display:block; margin:0 0 10px 0;}
.case_wrap .box_case li a .hover_txt { box-sizing:border-box; transition:all .2s ease-out; opacity:0; position:absolute; width:100%; height:100%; padding:0 15px; text-align:center; vertical-align:middle;background:rgba(6,74,6, 0.8) }
.case_wrap .box_case li a .hover_txt:hover {opacity:1; }
.case_wrap .box_case li a .hover_txt h3 { font-size:20px; font-weight:600; color:#fff; padding:21% 0 10px 0;}
.case_wrap .box_case li a .hover_txt .txt { font-size:14px; color:#979797; line-height:1.3; padding:10px 10%;}
.case_wrap .box_case li p img {width: 100%; height: 230px;}

.cs02 .box02 { display:table; width:100%; padding:33px 0 55px 0; overflow:hidden;}
.cs02 .box02 > div{ display:table-cell; }
.cs02 .box02 .left_area { width:45%; margin-right:4%; vertical-align:top;}
.cs02 .box02 .left_area div { float:left;}
.cs02 .box02 .left_area div.guide_img { margin-right:15px;} 
.cs02 .box02 .left_area div.guide_name { padding:35px 0 0 20px;}
.cs02 .box02 .left_area div.guide_name p { font-size:24px; color:#000; padding-bottom:17px;}
.cs02 .box02 .right_area { padding:0 5%; border-left:1px solid #ccc; vertical-align:middle; font-size:17px; line-height:1.5; color:#000;}
.cs02 .box02 .right_area .tt {font-size:24px; font-weight:600; color:#000;  padding:7px 0;}
.cs02 .box02 .right_area .ul_st01 li { padding:2px 0 2px 10px; background:url('../images/common/bl_one2.png') no-repeat 0 12px; background-size:4px;}


/* cs03 custom_wrap Äݼ¾ÅÍ */
.customer_center .tit_box .tit { padding:4px 0; letter-spacing:0; }
.customer_center .cus_list { overflow:hidden; padding:0 0 0 1%; max-width:1340px; margin:0 auto;}
.customer_center .cus_list li { float:left; width:31%; padding:0 1%; display:block; }
.customer_center .cus_list li a { position:relative; display:block; border:1px solid #fff; padding:28px 10% 46px 11%; background:#fff url(../images/common/bl_more.png) no-repeat 11% 86% / 36px;}
.customer_center .cus_list li a:hover { border:1px solid #ccc;}
.customer_center .cus_list li a h3 { font-size:22px; color:#1d441f; font-weight:600; padding:0 0 4px 0; line-height:1.2;}
.customer_center .cus_list li a .txt { min-height:66px; line-height:1.3;}
.customer_center .cus_list li a .ap_img { position:absolute; right:10%; top:13%; width:51px;}

.customer_center .call_wrap { text-align:center; padding:40px 10px 0;}
.customer_center .call_wrap .stt {padding-bottom:21px; color:#4a4a4a; }
.customer_center .call_wrap .call_div { display:table; margin:0 auto; }
.customer_center .call_wrap .call_div .lay { display:table-cell; text-align:left; }
.customer_center .call_wrap .call_box { padding:19px 28px 5px 74px; font-size:15px; letter-spacing:1px; font-weight:600; line-height:1.3; color:#424242; background:url(../images/main/icon_call.png) no-repeat 0 50% / 55px; }
.customer_center .call_wrap .call_box .num { font-size:20px; padding:0 0 0 0; }
.customer_center .call_wrap .call_box .num span { font-size:28px; font-weight:800; vertical-align:sub}
.customer_center .call_wrap .time_box {padding:0 0 30px 34px; border-left:1px solid #adadad; font-size:15px; color:#282828; line-height:1.4; } 

.call_wrap .call_nember { font-size:28px; font-size:28px; font-weight:700; padding:40px 0 20px 0;}
.call_wrap .call_nember span {color:#1573c8;}


/* ±âº»Çü
1024px; 850px; 768px; 600px; 480px; 320px
*/


@media screen and (max-width:1280px) {	
.case_wrap .box_case li p img {width: 100%; height: 155px;}

}

@media all and (max-width:979px) {
.swiper-container .swiper-slide { overflow:hidden}
.case_wrap .box_case li p img {width: 100%; height: 120px;}
}



@media all and (max-width:768px) {	
.swiper-container .swiper-slide img { max-width:100%; position:relative;}
.visual_wrap .vi_txt_box { top:25%; font-size:16px;  }
.visual_wrap .vi_txt_box .vi_txt { font-size:20px;}
.visual_wrap .vi_txt_box .vi_txt_eng { font-size:30px; letter-spacing:18px; font-weight:700; }

.mod_m { display:block;}
.mod_m img{max-width: 100%; width: 100%;}
.mod_w { display:none;}

.case_wrap .box_case li { width:33%;}
.case_wrap .box_case li a .hover_txt h3 { padding:21% 0 2%; }
.case_wrap .box_case li a .hover_txt .txt_ { display:none;}
.case_wrap .box_case li:first-child { display:none;}
.case_wrap .box_case li:last-child { display:none;}


.customer_center .cus_list li a { padding:18px 10% 6px 11%; background:#fff url("../images/common/bl_more.png") no-repeat scroll 93% 17% / 32px auto;}
.customer_center .cus_list li a h3 { font-size:19px; padding:0 0 6px 0;} 
.customer_center .cus_list li a .txt { font-size:13px; line-height:1.4;}
.customer_center .cus_list li a .ap_img { display:none;}	

}


@media all and (max-width:580px) { 
.tit_box {padding:20px 4% 15px; }
.tit_box .tit { font-size:24px; letter-spacing:10px;}
.tit_box p { font-size:13px;}

.roll_wrap .jq_lay { width:92%; }

.case_wrap .box_case li { width:50%;}
.case_wrap .box_case li a .hover_txt h3 { padding:30% 0 2%; font-size:17px; }
.case_wrap .box_case li a .hover_txt .txt { display:none;}


/* cs03 custom_wrap Äݼ¾ÅÍ */
.customer_center .tit_box .tit { padding:4px 0; letter-spacing:0; }
.customer_center .cus_list { overflow:hidden; padding:0; max-width:1340px; margin:0 2%;}
.customer_center .cus_list li { float:left; width:100%; padding:1% 0; display:block; }
.customer_center .cus_list li a { padding:20px 10% 46px 10%; background:#fff url(../images/common/bl_more.png) no-repeat 11% 89% / 32px;}
.customer_center .cus_list li a h3_ { font-size:22px; color:#1d441f; font-weight:600; padding:0 0 4px 0; line-height:1.2;}
.customer_center .cus_list li a .txt { min-height:36px; line-height:1.3;}
.customer_center .cus_list li a .ap_img { display:block; position:absolute; right:7%; top:20%; width:50px;}

.customer_center .call_wrap { text-align:center; padding:20px 10px 0;}
.customer_center .call_wrap .stt { font-size:13px; padding-bottom:15px; color:#4a4a4a; }
.customer_center .call_wrap .call_div { display:table; margin:0 auto; }
.customer_center .call_wrap .call_div .lay { display:block; text-align:left; }
.customer_center .call_wrap .call_box { padding:3px 2px 5px 60px; font-size:16px; background:url(../images/main/icon_call.png) no-repeat 0 50% / 45px; }
.customer_center .call_wrap .call_box .num { font-size:18px; padding:0 0 5px 0; }
.customer_center .call_wrap .call_box .num span { font-size:26px; vertical-align: baseline;}
.customer_center .call_wrap .time_box {padding:5px 0 0 58px; border-left:none; font-size:13px; line-height:1.5; } 



}



@media all and (max-width:480px) { 	
.swiper-container .swiper-slide img { max-width:100%; position:relative;}

.visual_wrap .vi_txt_box { top:24%; font-size:14px;  }
.visual_wrap .vi_txt_box .vi_txt { display:block; font-size:15px; }
.visual_wrap .vi_txt_box .vi_txt_eng { font-size:25px; letter-spacing:12px; margin:10px 0 0 0;}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next { display:none;}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev { display:none;}

}