


/*메인-슬라이더*/
#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:-535px;  background: #bd73ae; padding:9px 30px; border-radius: 15px;}
#main_slider_wrap .text .b{z-index:600; opacity:0; position:absolute; top:20px; left:50%; margin-left:-535px; font-size:5.3em; color: #e81a83; text-shadow: 2px 2px 2px #fff; }
#main_slider_wrap .text .b strong{font-weight: bold;}
#main_slider_wrap .text .c{z-index:600; opacity:0; position:absolute; top:20px; left:50%; margin-left:-531px; font-size:1.4em; color: #fff; text-shadow: 2px 2px 2px #222;}
.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/mvisual01.jpg) no-repeat center 0;}
.main_slider .s2{background:url(../img/main/mvisual02.jpg) no-repeat center 0;}
.main_slider .s3{background:url(../img/main/mvisual03.jpg) no-repeat center 0;}
.main_slider .s4{background:url(../img/main/mvisual04.jpg) no-repeat center 0;}
.main_slider .s5{background:url(../img/main/mvisual05.jpg) 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:163px; 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:163px; z-index:700;}
.main_slider .slidesjs-next:hover{background-position:-100px -100px;}
/*페이져버튼*/
.main_slider .slidesjs-pagination{position:absolute; bottom:30px; left:50%; margin-left:-50px; 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 .a img{ width:100%;}
#main_slider_wrap .mobile_text .b img{ width:54%;}
#main_slider_wrap .mobile_text .a{z-index:600; opacity:0; position:absolute; top:20px; left:50%; margin-left:-178px;  background: #bd73ae; padding: 5px 10px; border-radius: 15px; width: 195px; }
#main_slider_wrap .mobile_text .b{z-index:600; opacity:0; position:absolute; top:20px; left:50%; margin-left:-165px; font-size:2em; color: #e81a83; text-shadow: 2px 2px 2px #fff; }
#main_slider_wrap .mobile_text .b strong{font-weight: bold;}
#main_slider_wrap .mobile_text .c{z-index:600; opacity:0; position:absolute; top:20px; left:50%; margin-left:-165px; font-size:1em;; text-shadow: 2px 2px 2px #222;}

.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;}
}

/*content*/
#m_box_wrap{ margin: 30px auto;}
#m_box_wrap h2{ padding-top: 22px; font-weight: bold; font-size: 2.3em; color: #000000; text-align: center;line-height: 2em;}
#m_box_wrap h2:before{ content:""; display: block; background: #000; width: 50px; height: 2px; margin: 0 auto;}
#m_box_wrap p{ font-size: 1.2em; color: #777777; line-height: 1.5em; text-align: center; word-break: keep-all;}

/*banner01*/
.banner01{min-width: 100%;  padding: 40px 0;    width: 1100px; margin: 0 auto; display: initial;}
.banner01_1{background: url(../img/main/cont_img01.jpg) no-repeat center;height: 424px; background-size: cover; padding:0 !important;}
.banner01_2{background: url(../img/main/cont_img02.jpg) no-repeat center;height: 424px; background-size: cover; padding:0 !important;}
.banner01 a{ text-align: center;}
.banner01 h1{ color:#fff; font-size:2.2em; padding-bottom:15px; font-weight: bold; margin-top: 15px;}
.banner01 .more{ color:#fff; font-size: 1.1em; line-height:45px; height: 45px; border: 1px solid #fff; width:30%; margin: 0 auto; display: block;}
.banner01 a:hover .over{ transition: 0.4s; display: block; opacity: 1;}
.banner01 .over{overflow:hidden;height: 424px;background: rgba(0,0,0,0.5);padding: 0%;padding-top: 25%; opacity: 0;}
.banner01 .over img{width:auto;  transition:all 0.6s;}
.banner01 .over:hover img{transform:scale(1.2);}
@media (max-width: 991px) {
.banner01{padding: 20px 0; margin: 0;}
.banner01.row{margin: 0px;}
.banner01 .col-sm-4{margin: 15px 0;}
.banner01 p{ font-size: 1em; word-break: keep-all;height: auto;}
.banner01 .over{opacity: 1;padding-top: 65%;}
.banner01 .more{ width:80%;}
}

/*메인-갤러리추출*/

#main_bbs{width:100%; margin:30px auto;}
#main_bbs:after{display:block;clear:both;content:""}
#main_bbs h1{ padding-top: 22px; font-weight: bold; font-size: 2.3em; color: #000000; text-align: center;line-height: 2em;}
#main_bbs h1:before{ content:""; display: block; background: #000; width: 50px; height: 2px; margin: 0 auto;}
#main_bbs .gal{float:left; width:100%; position:relative;}
#main_bbs .gal .more{position:absolute; top:10px; right:0;}


/* 메인추출탭 */
.idx2{width: 100%; height: 199px;}
.tbbs{position:relative; width:30%;}
.tbbs h3{ text-align:left;  color:#1f1f1f; font-size:20px; background:url(../img/main/bbs_title.gif) no-repeat 0 49px; padding-bottom: 10px; font-weight: bold;line-height: 2em;border-bottom: 1px solid #ddd;}
.tbbs .t1{left:0;}
.tbbs .t2{left:166px;}
.tbbs .pannel{width:100%; padding:15px 3px;}
.tbbs .tab.on .pannel{display:block;}
.tbbs .tab.on h3{background:#1699DC; color:#FFF;}
.tbbs{position:relative;}

.m_info{ background: url(../img/main/cscenter_bg.jpg) no-repeat center; background-size: cover; text-align: center;padding: 40px 0;margin: 30px 0; height: 430px;}
.m_info h1{ color:#0c93fd; font-size:30px; padding-bottom:15px; font-weight: bold; margin-top: 15px;}
.m_info h2{ color:#0c93fd; font-size:57px;font-weight: bold; letter-spacing: -4px;}
.m_info h3{ color:#808181; font-size:20px; padding-bottom: 20px; font-weight: bold;line-height: 2em;}
.m_info p{ padding-bottom: 10px; line-height: 2em; color: #808181;}
.info_icon{ width: 490px; margin: 0 auto;}
.info_icon a:first-child{border-left: 0;;}
.info_icon a{ width: 25%; float:left; text-align: center;}
.info_icon a:hover{opacity: 0.8; transition: 0.6s;}
.info_icon p{color: #0c93fd !important; font-size: 1.2em !important; padding-bottom: 0;font-weight: bold;}

@media (max-width: 991px) {
.m_info{ padding: 15px; height: auto;}
.info_icon{ width: 100%;}
.info_icon a{ width:50%; }
.m_info h2{font-size:47px;}

}




.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 0;}
.m_business a{ padding: 8px 15px; width: 115px; margin: 0 20px 15px 0; font-size: 1.1em;}
.m_call h2{font-size: 2.2em; padding:0px 0 30px 0; }
.m_call{  height: auto;    padding-left: 15px !important;}
	
}


