


/*메인-슬라이더*/
#main_slider_wrap{width:100%; min-width:1100px; height:650px; position:relative;}
#main_slider_wrap .mobile_text{ display:none;}
#main_slider_wrap .text{color: #fff; }
#main_slider_wrap .text .a{z-index:600; opacity:0; position:absolute; top:20px; left:50%; margin-left:78px; font-size: 2.2em; letter-spacing: 0.5em; }
#main_slider_wrap .text .b{z-index:600; opacity:0; position:absolute; top:20px; left:50%; margin-left:79px; font-size:5em;font-family: 'Nanum Myeongjo', serif; letter-spacing: 
0.1em;  }
#main_slider_wrap .text .c{z-index:600; opacity:0; position:absolute; top:20px; left:50%; margin-left:70px; font-size:1.3em; text-align: right;text-shadow: 0px 2px 1px #000}
.main_slider{width:100%; margin:0 auto; position:relative;}
.main_slider .simg{width:100%; height:650px; position:relative;}
.main_slider .s1{background:url(../img/main/m_img02.png) no-repeat center 0;}
.main_slider .s2{background:url(../img/main/m_img01.png) no-repeat center 0;}
.main_slider .s3{background:url(../img/main/m_img03.png) no-repeat center 0;}
.main_slider .s4{background:url(../img/main/m_img04.png) no-repeat center 0;}
.main_slider .s5{background:url(../img/main/m_img05.png) no-repeat center 0;}
.main_slider .simg .sinner{width:1100px; margin:0 auto; padding-top:64px;}
/*이미지를 담고 있는 div태그 이름(2겹으로 감싸져 있음)*/
.main_slider .slidesjs-container{height:650px !important;}
.main_slider .slidesjs-control{height:650px !important;}
/*플레이버튼*/ 
.main_slider .slidesjs-play{display:block; width:14px; height:14px; text-indent:-9999px; background:url(../img/main/btn_play.png) no-repeat -14px 0; position:absolute; bottom:19px; left:50%; margin-left:53px; z-index:800;}
/*스탑버튼*/ 
.main_slider .slidesjs-stop{display:block; width:14px; height:14px; text-indent:-9999px; background:url(../img/main/btn_play.png) no-repeat; position:absolute; bottom:19px; left:50%; margin-left:53px; z-index:800;}
/*이전버튼*/ 
.main_slider .slidesjs-previous{display:block; width:100px; height:100px; text-indent:-9999px; background:url(../img/main/btn_arrow.png) no-repeat; position:absolute; top:272px; left:50px; z-index:700;}
.main_slider .slidesjs-previous:hover{background-position:0 -100px;}
/*다음버튼*/  
.main_slider .slidesjs-next{display:block; width:100px; height:100px; text-indent:-9999px; background:url(../img/main/btn_arrow.png) no-repeat -100px 0; position:absolute; top:272px; right:50px; z-index:700;}
.main_slider .slidesjs-next:hover{background-position:-100px -100px;}
/*페이져버튼*/
.main_slider .slidesjs-pagination{position:absolute; bottom:30px; left:50%; margin-left:-15px; z-index:99;}
.main_slider .slidesjs-pagination li{float:left; margin:0 3px;}
.main_slider .slidesjs-pagination li a{display:block; width:12px; height:12px; text-indent:-9999px; border-radius:9px; background:#FFF;}
.main_slider .slidesjs-pagination li a.active{ background:#fff; width:24px;}
@media (max-width: 991px) {
#main_slider_wrap{ min-width:100%; height:210px; background-size:cover; }
#main_slider_wrap .text { display:none;}
#main_slider_wrap .mobile_text { display:block;z-index:10000;color: #fff;}
#main_slider_wrap .mobile_text img{ width:92%;}
#main_slider_wrap .mobile_text .a{z-index:600; opacity:0; position:absolute; top:20px; left:50%; margin-left:-152px; font-size: 2.2em; letter-spacing: 0.5em; }
#main_slider_wrap .mobile_text .b{z-index:600; opacity:0; position:absolute; top:20px; left:50%; margin-left:-150px; font-size:3em;font-family: 'Nanum Myeongjo', serif; letter-spacing: 0.1em;  }
#main_slider_wrap .mobile_text .c{z-index:600; opacity:0; position:absolute; top:20px; left:9px; font-size:1em; text-align: center;text-shadow: 0px 2px 1px #000}

.main_slider{width:100%;}
.main_slider .simg{width:100%; height:210px; position:relative; }
.main_slider .s1{ background-size:180%;}
.main_slider .s2{ background-size:180%;}
.main_slider .s3{ background-size:180%;}
.main_slider .s4{ background-size:180%;}
.main_slider .simg .sinner{width:100%; padding-top:64px;}
/*이미지를 담고 있는 div태그 이름(2겹으로 감싸져 있음)*/
.main_slider .slidesjs-container{height:210px !important;}
.main_slider .slidesjs-control{height:210px !important;}

/*이전버튼*/ 
.main_slider .slidesjs-previous{display:none;}
/*다음버튼*/  
.main_slider .slidesjs-next{display:none;}
/*페이져버튼*/
.main_slider .slidesjs-pagination{ display:none;}
}



/*banner01*/
.banner01{min-width: 100%;  padding: 60px 0;}
.banner01 .col-sm-4{ text-align: center;}
.banner01 a{ text-align: center;}
.banner01 h1{ color:#4d4c51; font-size: 2em; font-weight: bold; padding:30px 0; }
.banner01 p{ color:#989898; font-size: 1.15em; word-break: keep-all; line-height: 1.7em; height: 72px;}
.banner01 .goto{ color:#1fa3de; font-size: 1.2em; border: 1px solid #d8d8d8; padding: 10px 50px; width: 150px; margin:20px auto 0; display: inline-block;}
.banner01 a:hover .goto { background:#1fa3de; color: #fff; transition: 0.6s;}

@media (max-width: 991px) {
.banner01{padding: 40px 0;}
.banner01 .col-sm-4{margin-bottom: 20px;}
.banner01 p{ font-size: 1em; word-break: keep-all;height: auto;}

}

/*banner02*/
.container-fluid{ background: #eaeded;}
.banner02{min-width: 1100px; width: 1100px; margin: 0 auto;}
.banner02 h1{ color:#4d4c51; font-size: 2em; font-weight: bold; padding:97px 0 15px; }
.banner02 p{ color:#989898; font-size: 1.2em; word-break: keep-all; line-height: 1.7em; height: 72px;}
@media (max-width: 991px) {
.banner02{display: none;}
}

/*banner03*/
.banner03{min-width: 100%;  padding: 80px 0;}
.banner03 h1{ color:#4d4c51; font-size: 1.6em; font-weight: bold; padding:15px 0 15px 66px; }
.banner03 a:hover h1{ color:#82d3f1; transition: 0.6s;}
.banner03 .b_icon01{background:url(../img/main/banner03_1.png) no-repeat left center;}
.banner03 .b_icon02{background:url(../img/main/banner03_2.png) no-repeat left center;}
.banner03 .b_icon03{background:url(../img/main/banner03_3.png) no-repeat left center;}
.banner03 p{ color:#989898; font-size: 1.1em; word-break: keep-all; line-height: 1.7em; padding-left: 66px;}
@media (max-width: 991px) {
.banner03{display: none;}
}

/*banner04*/
.banner04_bg{background:#373f4f;}
.banner04_bg .row{min-width: 1100px; width: 1100px; margin: 0 auto;padding: 50px 0;}
.banner04 h1{ color:#eaebe7; font-size: 2.3em; font-weight: bold; line-height: 1.1em; padding: 0 0 22px 0;}
.banner04 span{ color:#eaebe7; font-size: 0.7em; font-weight: normal;  }

.m_business{ background: url(../img/main/banner04_1.png) no-repeat right bottom;}
.m_business a{ border: 1px solid #878c95; text-align: center; color: #fff !important; padding: 8px 5px; width: 138px; margin: 0 20px 15px 0; font-size: 1em;}
.m_business a:hover{ border: 1px solid #1fa3de; text-align: center; color: #fff; background: #1fa3de; transition: 0.6s;}
.m_business p{ color:#989898; font-size: 1.1em; word-break: keep-all; line-height: 1.7em; padding-left: 66px;}

.m_call{ background: url(../img/main/banner04_2.png) no-repeat right bottom;    height: 283px;    padding-left: 30px !important;}
.m_call h2{color: #82d3f1; font-size: 2.7em; padding:10px 0 30px 0; font-weight: bold; letter-spacing:-0.03em;}
.m_call p{ color:#ebecee; font-size: 1.2em; word-break: keep-all; line-height: 1.8em; }
@media (max-width: 991px) {
.banner04_bg .row{min-width: 100%; width: 100%; margin: 0 auto;padding: 50px 0;}
.m_business a{ padding: 8px 5px; width: 140px; margin:0 10px 15px 0; font-size:1em;}
.m_call h2{font-size: 2.2em; padding:0px 0 30px 0; }
.m_call{  height: auto;    padding-left: 15px !important;}
	
}


/*메인-cscenter*/
.m_brand{width:100%; min-width:1100px; text-align:center; display: table;padding: 40px 0;
  height: 100%;
  position: relative;
  background:url(../img/main/brand_bg.jpg)no-repeat bottom center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
.m_brand #m_mov{padding: 60px 0 40px;}
.m_brand h2{padding:70px 0 40px 0}
.m_brand h3{padding-bottom:15px}
.m_brand .jo{ font-size:2.3em; font-weight: bold; padding: 40px 0; font-family: "나눔명조", "-윤명조350"; color: #fff;}
.m_brand .m_call{width:600px; margin:0 auto; padding-bottom:60px; line-height:24px; margin: 0 auto;font-size: 1.5em;color: #fff;}
.m_brand h4{color: #fff; font-weight: bold; font-size: 3.5em;}
.m_brand .m_call:after{ clear:both; display:block; content:"";}
.m_brand .m_call li a{display:block; border:2px solid #fff; padding:15px; border-radius:8px; font-size:1.4em; color:#fff; font-weight: bold; }
.m_brand .m_call li a:hover{background:#e60013; border:2px solid #e60013; transition: 0.6s;}
@media (max-width: 991px) {
.m_brand{ min-width:100%; height:auto; background-size:cover;}
.m_brand h2{padding:30px 0 30px 0;}
.m_brand h3{ width:60%; margin:0 auto 5px auto;}
.m_brand h3 img{ width:100%;}
.m_brand h4{font-size:3em; line-height:1.5em;}
.m_brand .m_call{width:100%; padding-top:20px; padding-bottom:30px; font-size: 1.2em;}
.m_brand .m_call li a{ text-align:center; padding:15px; font-size:1.2em; font-weight:bold;background:#e60013; border:2px solid #e60013;}
.m_brand #m_mov{padding: 20px 0;}
.m_brand .jo{ font-size:1.8em;padding: 20px 0;}


}
