@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');	
/* 슬라이드 공통 */
.carousel-caption {z-index:10 !important;left:10%;right: 10%;}

.carousel-fade .carousel-inner .item {opacity: 0;-webkit-transition-property: opacity;transition-property:opacity;}
.carousel-fade .carousel-inner .active {opacity: 1;}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {left:0;opacity: 0;z-index: 1;}
.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {opacity:1;}
.carousel-fade .carousel-control {z-index: 2;}
/* 제어 배경 투명도 */
.carousel-control{ width:10%; z-index:40;}
/* 도트 메뉴 디자인*/
.carousel-indicators li {width:8px;height:8px;background-color:transparent;border:1px solid rgba(255, 255, 255, 1);transition: background-color 0.2s, border-color 0.2s;box-sizing:content-box;margin:0 3px 2px 0;}
.carousel-indicators .active {width:8px;height:8px;border:3px solid rgba(255, 255, 255, 1);margin:0 3px 0 0;background:rgba(255, 255, 255, 1);}

/* 슬라이드 메인 */
#main_carousel.carousel {}
#main_carousel .carousel-inner .item {background-repeat:no-repeat;background-position:center center;background-size:cover;}
#main_carousel .carousel-inner .item:before{content:'';background-color:rgba(0,0,0,0);position:absolute; width:100%; height:100%;z-index:1}
#main_carousel .carousel-inner .banner_num01 {background-image:url(../../img/main/01.png);}
#main_carousel .carousel-inner .banner_num02 {background-image:url(../../img/main/02.png);}
#main_carousel .carousel-inner .banner_num03 {background-image:url(../../img/main/03.png);}

#main_carousel .carousel-caption {text-shadow:none;margin-bottom:7vmin;}
#main_carousel .carousel-caption *{color:#FFFFFF; font-family:'Raleway','Crete Round'}

#main_carousel .carousel-caption div:first-child {-webkit-animation-delay:1s;animation-delay:1s;}
#main_carousel .carousel-caption div:nth-child(2) {-webkit-animation-delay:2s;animation-delay:2s;}
#main_carousel .carousel-caption div:nth-child(3) {-webkit-animation-delay:3s;animation-delay:3s;}

#main_carousel .carousel-inner .item {height:70vmin;letter-spacing:-0.1em;}

#main_carousel .mtext01 {font-size:8vmin;margin:0 0 4vmin;font-weight:900; text-shadow: 1px 1px 1px #000;}
#main_carousel .mtext01 strong{font-weight:550}
#main_carousel .mtext02 {font-size:2.5vmin;margin-bottom:6vmin;letter-spacing:-0.05em; font-weight:100; text-shadow: 1px 1px 1px #000;}
#main_carousel .btn-lg{border-radius:30px;letter-spacing:0em;font-size:1.5vmin; padding:10px 20px}

@media only screen and (max-width:479px) {
	#main_carousel .carousel-inner .item {height:80vmin;letter-spacing:-0.05em;}
	#main_carousel .carousel-caption{margin-bottom:-0.5vmin;}
}
@media (min-width:480px) and (max-width:725px) {
	#main_carousel .carousel-inner .item {height:75vmin;letter-spacing:-0.05em;}
	#main_carousel .carousel-caption{margin-bottom:3.5vmin;}
}
/*서비스*/
.services{padding:8rem 0;background-color:#fff;}
.services h2{font-size:3rem;}
.services h2:after{width:50px;content:'';display:block;height:3px;margin:2rem auto 0}
.services h3{font-size:2.2rem;word-break: keep-all;line-height:1.4;font-weight:normal;margin:2rem 0;}
.services .mt-5{margin-top: 3rem!important;}
.services .icon{display:inline-block;text-align:center;position:relative;color: #777;font-size:24px;width:60px;height:60px;line-height:58px;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:1px solid #777;font-size:36px;width:100px;height:100px;line-height:97px;margin-bottom:12px;}
.services .service-box:hover .icon{border:0;color:#fff;}
.services .btn{border-radius:3px;margin-top:1rem;color:#fff;background-color:#777;}
.services .service-box:hover .btn{color:#fff;}

.boardWrap{padding-top:40px;background:#fff}
.boardWrap .widget .lt_more{right:5px;}
.boardWrap .tabs .lt_more{top:-50px;}
.boardWrap .nav{margin-bottom:20px;}
.boardWrap .nav-tabs .active{font-weight:600;}
.boardWrap .tab-content .widget .widget-title{ display:none}
.boardWrap .widget .widget-title{margin-bottom:30px;font-weight:600;    font-size: 15px;  letter-spacing: -0.5px;}
.boardWrap .widget .widget-title:after{height:2px;}
.boardWrap .widget_txt ul li{line-height:1.615em;}
/*고객센터*/
.csbox{position:relative;margin-bottom:40px}
.csbox h3{border-bottom: 1px solid #ddd;line-height:40px;padding-left:5px;margin: 0 0 10px;font-size:1.5rem;font-weight:600}
.csbox div{margin-bottom:0.55rem;overflow:hidden}
.csbox div:last-child{ margin-bottom:0}
.csbox div p {margin:0}
.csbox .tel{font-size:3.2rem;font-weight:bold;color:#333;line-height: normal}
.csbox .fr{float:left;margin-right:10px;}
.csbox .ov{overflow:hidden;padding-top:5px;     word-break: keep-all;}
.csbox .icon{display:inline-block;width:30px;height:30px; text-align:center;line-height:30px;border-radius:3px;background:#888;color:#fff;}

@media (min-width: 768px) {
.csbox .telnum span{font-size:2.5rem;}	
.csbox li{font-size:1.15rem;}
}
@media (min-width: 992px) {
.csbox .telnum span{font-size:3rem;}
.csbox li{font-size:1.2rem;}
}
@media (min-width: 1200px) {
.csbox .telnum span{font-size:3rem;}
.csbox li{font-size:1.25rem;}
}

/*갤러리*/
.photoWrap{background-color:#f5f5f5;}
.photoWrap .lat_title a{ color:inherit !important}
/*와이드배너*/
.widebanner{position:relative;margin:0;padding:0;background-color:#fff;background-image: url("../../img/main/widebanner.png"); background-repeat: no-repeat;background-size: cover;background-attachment:fixed;}
.widebanner:before{position:absolute;content: '';top: 0;left: 0; right:0; bottom:0;background: rgba(0, 0, 0, 0.4);z-index: 2;}
.widebanner > .container{position:relative;z-index:3;}
.wbox{background-color: transparent;display:table;width:100%;height:25vmin;}
.wbox .section{border:0px solid #fff;padding:10px;display:table-cell;text-align:center;vertical-align:middle;color:#fff;}
.wbox .section h3{text-align:center;font-weight:700;font-size:3.5rem;}
.wbox .section p{padding:10px;text-align:center;font-weight:100;font-size:1.8rem;}
.wbox .section a{border-radius:25px;max-width:200px;width:100%;height:50px;line-height:50px;display:inline-block;margin-top:10px;text-align: center;font-size:1.150em;position:relative; overflow:hidden}
.wbox .section a span{color:#fff;}
.wbox .section a:hover:after{content:'';background-color:rgba(0,0,0,0.06);position:absolute;left:0;top:0;width:100%;height:100%; z-index:1}
.wbox .section a:hover span{position:relative;font-weight:550;z-index:2; text-decoration:underline}