@charset "utf-8";


/*메인-슬라이더*/
.control { position: inherit; top: 40%; z-index: 105; display: inline-block; right: 50%;} 
.swiper-container .mtxt{position:absolute; top:20%; left:50%; z-index:99999;}
.swiper-container .m_text{ position:absolute; width:100%; margin:0px auto; z-index:100;/* left: 50%;margin-left: -550px*/;top: 150px; display:table; text-align:center}
.swiper-container .m_text h2{ font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;color:#fff; font-size:6.5em; letter-spacing:-.08em;  font-weight:bold; padding-top:0px; line-height: 0.7em;}
.swiper-container .m_text h2 span{ font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;color:#fff; font-size:0.25em; letter-spacing:-.010em;  font-weight:bold; font-weight:500; background:rgba(88,161,15,0.8); padding:5px 15px}
.swiper-container .m_text p{color:rgba(255,255,255,0.8); font-size:1.10em; padding-top:10px; line-height:1.4em}
.swiper-container .m_text p span{color:#fff; font-size:1.35em; padding-top:10px;font-weight:600}
@media (max-width: 991px) {
.swiper-container .mtxt{display:none;}
.swiper-container .mtxt img{width:100%;}
.swiper-container .m_text{ position:absolute; width:100%; margin:0px auto; z-index:100;/* left: 50%;margin-left: -550px*/;top: 50px; display:table; text-align:center}
.swiper-container .m_text h2{ font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;color:#fff; font-size:3.7em; letter-spacing:-.08em;  font-weight:bold; padding-top:0px; line-height: 1.0em;}
.swiper-container .m_text h2 span{ font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;color:#fff; font-size:0.4em; letter-spacing:-.02em;  font-weight:bold; font-weight:500}
.swiper-container .m_text p{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;color:rgba(255,255,255,0.8);font-size:1.0em; padding-top:10px;}
}
@media (max-width: 767px) {
.swiper-container .mtxt{display:none;}
.swiper-container .mtxt img{width:100%;}
.swiper-container .m_text{ position:absolute; width:80%; margin:0px 10% auto; z-index:100;/* left: 50%;margin-left: -550px;top: 20px; */display:table; text-align:center}
.swiper-container .m_text h2{ font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;color:#fff; font-size:2.7em; letter-spacing:-.08em;  font-weight:bold; padding-top:0px; line-height: 1.0em;}
.swiper-container .m_text h2 span{ font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;color:#fff; font-size:0.4em; letter-spacing:-.02em;  font-weight:bold; font-weight:500}
.swiper-container .m_text p{font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;color:rgba(255,255,255,0.8);font-size:1.0em; padding-top:10px;}
}
.swiper_width{width:350px !important}


/*메인-배너1*/
.m_content01{ width:100%; background:#fff; padding:40px 0 60px 0}
.m_content01 .title{ color:#fff; font-size:1.25em; font-weight:600; line-height:2.4em}
.m_content01 .cont{ color:rgb(255,255,255,0.7); font-size:1.05em; letter-spacing:-.050em}


/*메인-배너2  타이틀*/
.m_content01 #main_ban{width:100%; min-width:1100px;}
.m_content01 .main_ban_in{width:1100px; margin:0 auto; padding:50px 0 0;}
.main_ban_in h1{font-weight:600; line-height:1.2em; letter-spacing:-0.020em; color:#191919; font-size:2.5em !important; /*font-family: 'Titillium Web', sans-serif, tahoma, sans-serif;*/ }
.main_ban_in h4{font-weight: 400;color: #585151;font-size: 1.699em;padding: 30px 0 10px; }
.main_ban_in .con{color:rgb(0,0,0,0.7); font-size:1.3em; line-height:2em; /*margin-bottom:40px;*/ letter-spacing: -.010em; font-weight: 400;}
.main_ban_in .con02{color:#352c2c; text-align:center; font-size:2.918em; line-height:1.3em; letter-spacing:-.01em; font-weight: 300; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;padding-top: 75px;}
.m_content01 .main_ban_in .box_list li{float:left; text-align:center;}
.m_content01 .main_ban_in .box_list .title{width:110px; background:#666; color:#fff; border-radius:50px; text-align:center;margin:0 auto; padding:10px; font-size:17px; margin-bottom:28px;}
.m_content01 .main_ban_in .box_list li.last{margin-right:0;}
.m_content01 .main_ban_in .box_list li .over{position:relative; overflow:hidden;}
.m_content01 .main_ban_in .box_list li .over img{width:100%; height:auto; transition:all 0.4s;}
.m_content01 .main_ban_in .box_list li .over:hover img{transform:scale(1.2);}
.m_content01 .main_ban_in .box_list:last-child{margin-top:60px;}

@media screen and (max-width:1082px) {
.m_content01 #main_ban{width:100%; min-width:100%;margin: 0; padding: 0;}
.m_content01 .main_ban_in{width:100%; padding:0;}
.m_content01 .main_ban_in .box_list li{float:left; text-align:center;}
.m_content01 .main_ban_in .box_list li.last{margin-right:0;}
.m_content01 .main_ban_in .box_list li .over{position:relative; overflow:hidden;}
.m_content01 .main_ban_in .box_list li .over img{width:100%; height:auto; transition:all 0.4s;}
.m_content01 .main_ban_in .box_list li .over:hover img{transform:scale(1.2);}
.m_content01 .main_ban_in .box_list:last-child{margin-top:60px;}
}

@media (max-width: 991px) {
.m_content01 #main_ban{width:100%; min-width:100%;}
.m_content01 .main_ban_in{width:100%; padding:30px 0 0 0;}
.m_content01 .main_ban_in h2{font-size:18px;padding-top: 25px;}
.m_content01 .main_ban_in .con{}
.m_content01 .main_ban_in .box_list li{margin-bottom:10px;}
.m_content01 .main_ban_in .box_list li.col-md-3{padding-right:5px; padding-left:5px;}
.m_content01 .main_ban_in .box_list .title{width:80px; padding:6px; font-size:14px; margin-bottom:20px;}
.m_content01 .main_ban_in .box_list:last-child{margin-top:30px;}
}


/*메인-배너2  타이틀*/
.m_content02{width:100%; min-width:1100px; background:url(../img/main/m_content02_bg.jpg) no-repeat center top; padding:80px 0 147px;}
.m_content02 .main_ban_in{width:1100px; margin:0 auto; padding:50px 0 0;}
.m3_list dd{ float:left;overflow: hidden;}
.m2{ padding: 50px 25px;  width: 275px;  height: 266px;}
.m2 h1{color: #fff; font-weight: bold; font-size:2.18em; margin-bottom: 15px;}
.m2 h1:before{content: ""; width:22px; height: 2px; background: #fff; display: block; margin-bottom: 15px;}
.m2 p{color:rgba(255,255,255,0.5); font-size:1em; font-weight: 300; word-break: keep-all;}
.green{background: #89a439;}
.red{background: #c11f1e;}
.gray{background: #6f625b;height: 264px !important;}
@media screen and (max-width:1082px) {
.m_content02{ min-width:100%; padding: 0 ;margin-top: 70px;}
.m_content02 .main_ban_in{width:100%;padding:0;}
.m2{width: 100%;  height: 266px;}
.hidden-xs { display:none;}

}

@media (max-width: 991px) {
.m_content02{ min-width:100%; padding: 0 ;}
.m_content02 .main_ban_in{width:100%;padding:0; margin-top: 70px;}
.m2{width: 100%;  height: 226px; padding: 50px 42px;}
.gray{height: 226px !important;}
.hiddne-xs{ display:none;}
}


/*메인-배너3  타이틀*/
.m_content03{padding:115px 0 100px;}
.m_content03 .main_ban_in{width:1100px; margin:0 auto; }
.m_content03 .mcont03P{ line-height: 1.4em; opacity: 0.8; font-weight: 400;}
.view_more a{ border: 1px solid #6f625b; padding: 15px 37px; margin-top: 30px; display: inline-block;font-family: 'Titillium Web', sans-serif, tahoma, sans-serif;}
.view_more a:hover{ background: #c11f1e; color: #fff;  transition: 0.6s;}

.dong_right div{ text-align: center; float: left; height: 272px;padding: 50px;}
.dong_right div h1{ color:#fff; font-size: 1.427em;line-height:3em;}
.dong_right div p{ color:rgba(255,255,255,0.7); font-size:1.167em; word-break: keep-all;}
.dong01{ background:url(../img/main/dong01.jpg) no-repeat center center;}
.dong02{ background:url(../img/main/dong02.jpg) no-repeat center center;}
@media screen and (max-width:1082px) {
.m_content03{padding:65px 0;}
.m_content03 .main_ban_in{width:100%; }
.dong_right div{  height: 272px; background-size: contain; padding: 32px; margin-top: 30px;}
.m_content03{padding:115px 0 100px;}
	
}

@media (max-width: 991px) {
.m_content03{padding:65px 0;}
.m_content03 .main_ban_in{width:100%; }
.dong_right div{  height: auto; background-size: contain; padding: 32px; margin-top: 30px;}
.m_content03{padding:115px 0 100px;}

}


/* 3ea 배너*/
.m3_list{ width:1100px; padding:0; margin:0px auto}
.m4_list{ width:1150px; padding:0; margin:0px auto}
.m4_list ul{}
.m4_list li{ display:inline-block; width:19.5%;}
.m4_list li .box{ /*background:#fff;*/ margin-bottom:20px}
.m4_list li .box .photo{ text-align:center; padding:20px 0 0}
.m4_list li .box .content{ padding:20px 5px 30px 5px; text-align:center; /*border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef;*/}
.m4_list li .box .content p.title{font-size:1.35em; line-height:0.8em;color:#1b1b1b; font-weight:500; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.015em}
.m4_list li .box .content p.st{font-size:0.95em; line-height:0em;color:#7d7771; font-weight:300; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.055em}
.m4_list li .box .content p{ color:rgb(51,51,51,0.6);color:rgba(51,51,51,0.6); font-size:1.00em; line-height:1.35em; margin:17px 0 0}
.m4_list li .box .content p.more{ color:#ff3c00; font-size:0.95em; line-height:1.35em; margin:17px 0 0}

@media screen and (max-width:1082px) {
.m3_list{ width:100%; padding:0; margin:0}
.m4_list{ width:100%; padding:0; margin:0}
.m4_list ul{}
.m4_list li{ display:inline-block; width:48%; margin:0 1% 0 0}
.m4_list li:nth-child(2){ display:inline-block; margin:0 0 0 1%}
.m4_list li:nth-child(3){ display:inline-block;  margin:0 1% 0 0}
.m4_list li:nth-child(4){ display:inline-block; margin:0 0 0 1%}
.m4_list li:last-child{display:inline-block; width:100%; margin:0}
.m4_list li .box{ background:#fff; margin-bottom:15px}
.m4_list li .box .photo{ max-width:100%}
.m4_list li .box .content{ text-align:center;}
}


/* 5ea 배너*/
.m5_list{ width:1100px; padding:0; margin:0px auto}
.m5_list ul{}
.m5_list li{ display:inline-block; width:19.5%; margin:0 0.5% 0 0}
.m5_list li:nth-child(2){ display:inline-block; width:19%; margin:0 0.5%}
.m5_list li:nth-child(3){ display:inline-block; width:19%; margin:0 0.5%}
.m5_list li:nth-child(4){ display:inline-block; width:19%; margin:0 0.5%}
.m5_list li:last-child{ display:inline-block; width:19.5%; margin:0 0 0 0.5%}
.m5_list li .box{ /*background:#fff;*/ margin-bottom:20px}
.m5_list li .box .photo{ text-align:center; padding:20px 0 0}
.m5_list li .box .content{ padding:20px 5px 30px 5px; text-align:center; /*border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef;*/}
.m5_list li .box .content p.title{font-size:1.25em; line-height:0.8em;color:#1b1b1b; font-weight:500; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.055em}
.m5_list li .box .content p.st{font-size:0.95em; line-height:0em;color:#7d7771; font-weight:300; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.055em}
.m5_list li .box .content p{ color:rgb(51,51,51,0.7); font-size:1.02em; line-height:1.35em; margin:17px 0 0}

@media screen and (max-width:1082px) {
.m5_list{ width:100%; padding:0; margin:0}
.m5_list ul{}
.m5_list li{ display:inline-block; width:49%; margin:0 1% 0 0}
.m5_list li:nth-child(2){ display:inline-block; width:49%; margin:0 0 0 1%}
.m5_list li:nth-child(3){ display:inline-block; width:49%; margin:0 1% 0 0}
.m5_list li:nth-child(4){ display:inline-block; width:49%; margin:0 0 0 1%}
.m5_list li:last-child{display:inline-block; width:100%; margin:0}
.m5_list li .box{ background:#fff; margin-bottom:15px}
.m5_list li .box .photo{ max-width:100%}
.m5_list li .box .content{ text-align:center;}
}


/* 메인롤링박스 */
.rol_box {
    background: #f7f6f6;
    width: 100%;
	padding: 15px 0 0;
	/*border-top:1px solid #f0eded;
	border-bottom:1px solid #f0eded;
	border-right:1px solid #f0eded;*/
}
.rol_box .stitle {
    color: #333;
    font-size: 1.50em;
    font-weight: 500;
    line-height: 1.5em;
    font-family: 'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;
    letter-spacing: -.090em;
}
.rol_box .cont {
    color: rgb(0,0,0,0.7);
	color: rgba(0,0,0,0.7);
    font-size: 1.08em;
    letter-spacing: -.050em;
}


.m_content01{ width:1100px; margin:0px auto}
@media screen and (max-width:991px) {
.m_content01{ width:94%; margin:0px 3% auto}
}

/* 2ea 배너*/
.m2_list{ width:100%; padding:0; margin:0}
.m2_list ul{}
.m2_list li{ display:inline-block; width:48%; margin:0 2% 0 0}
.m2_list li:last-child{ display:inline-block; width:48%; margin:0 0 0 2%}
.m2_list li .box{ box-shadow: 0 1px 1px rgba(0,0,0,0.08);  margin-bottom:30px}
.m2_list li .box .photo img{ width:100%}
.m2_list li .box .content{ padding:30px; text-align:center; /*border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef;*/}
.m2_list li .box .content p.title{font-size:2.75em; line-height:0.8em;color:#55514d; font-weight:500; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.055em}
.m2_list li .box .content p.st{font-size:0.95em; line-height:0em;color:#7d7771; font-weight:300; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;letter-spacing:-.055em}
.m2_list li .box .content p{ color:#51442b; font-size:1.22em; line-height:1.4em; margin:17px 0 0}

@media screen and (max-width:991px) {
.m2_list{ /*width:100%;*/ padding:0; margin:0}
.m2_list ul{}
.m2_list li{ display:inline-block; width:100%; margin:0}
.m2_list li:last-child{display:inline-block; width:100%; margin:0}
.m2_list li .box{ box-shadow: 0 1px 1px rgba(0,0,0,0.08);}
.m2_list li .box .photo{ max-width:100%}
.m2_list li .box .content{ text-align:center;/*border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef;*/}
}

.m_cus_tel {
    font-family: 'Titillium Web', Arial, sans-serif;
    font-size: 3.0em;
    color: #363636;
    line-height: 1.0em;
}
@media screen and (max-width:991px) {
.m_cus_tel {
    font-family: 'Titillium Web', Arial, sans-serif;
    font-size: 2.4em;
    color: #363636;
    line-height: 1.0em;
}
}
.f_box {
    font-family: 'Titillium Web', Arial, sans-serif;
    background: #115ea4;
    border: 0px;
    padding: 3px 6px;
    font-size: 1.00em;
    color: #fff;
    margin-right: 10px;
}
.m_f_box {
    font-family: 'Titillium Web', Arial, sans-serif;
    background: #232730;
    border: 0px;
    padding: 3px 6px;
    font-size: 0.30em;
    color: #fff;
    margin-right: 10px;
	vertical-align: middle;
}
.e_box {
    font-family: 'Titillium Web', Arial, sans-serif;
    background: #232730;
    border: 0px;
    padding: 3px 6px;
    font-size: 1.15em;
    color: #fff;
    margin-right: 10px;
}
.f_num {
    font-family: 'Titillium Web', Arial, sans-serif;
    font-size: 1.35em;
    font-weight: 600;
}
.m_f_num {
    font-family: 'Titillium Web', Arial, sans-serif;
    font-size: 0.55em;
    font-weight: 400;
	color:#4e4b49;
	vertical-align: middle;
}
.m_cus_title{ color:#83817f; font-family: 'Titillium Web', Arial, sans-serif; font-size:1.25em}

/*버튼관련*/
.m_btn00{  background: transparent; border:1px solid #425f90; padding:15px 20px ; text-align:center; color:#425f90;  font-size:1.20em; font-weight:600}
.m_btn01{  background: #0c44a0; padding:15px 20px ; text-align:center; color:#fff;  font-size:1.20em; font-weight:600}
.m_btn02{ background: #fff; border:1px solid #444445; padding:15px 20px ; text-align:center; color:#444445; font-size:1.20em; font-weight:600}