@charset "utf-8";

/* 슬라이드 공통 */
.carousel-caption {z-index:1 !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;}
/* 제어 배경 투명도 */
.left.carousel-control,.right.carousel-control {background-image: -webkit-linear-gradient(270deg, rgba(255,255,255,0.00) 0%, rgba(255,0,0,0.00) 100%);background-image: -moz-linear-gradient(270deg, rgba(255,255,255,0.00) 0%, rgba(255,0,0,0.00) 100%);background-image: linear-gradient(180deg, rgba(255,255,255,0.00) 0%, rgba(255,0,0,0.00) 100%);opacity: 0;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;}
.carousel-control:hover {opacity: 1;}


/* 도트 메뉴 디자인 - 피아노*/
.carousel-indicators {bottom:200px;}
.carousel-indicators li {width:30px; height:9px; background:#fff; border:none; margin:0px 3px 0px 0px;}
.carousel-indicators .active {width:30px; height:9px; margin:2px 3px 0px 0px;}

@media (max-width:1199px) {
	.carousel-indicators {bottom:20px;}
}



/* 슬라이드 메인 */
#main_carousel.carousel { }
#main_carousel .carousel-inner { }
#main_carousel .carousel-inner .item {background-repeat:no-repeat;background-position:center center;background-size:cover;}
#main_carousel .carousel-inner .banner_num01 {background-image:url(../img/main/main1.jpg);}
#main_carousel .carousel-inner .banner_num02 {background-image:url(../img/main/main2.jpg);}
#main_carousel .carousel-inner .banner_num03 {background-image:url(../img/main/main3.jpg);}
#main_carousel .carousel-inner .banner_num04 {background-image:url(../img/main/main4.jpg);}
#main_carousel .carousel-inner .banner_num05 {background-image:url(../img/main/main5.jpg);}
#main_carousel .carousel-inner .banner_num06 {background-image:url(../img/main/main6.jpg);}

#main_carousel .carousel-caption {text-shadow:none;margin-bottom:27vh;}
#main_carousel .carousel-caption *{color:#FFFFFF; font-family:'Raleway','Crete Round', sans-serif !important;}

#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-weight:600;font-size:4vmin;display:inline-block;padding:0 3vmin 5vmin;position:relative;}
#main_carousel .mtext01:after {content:"";position:absolute;left:0;bottom:2.5vmin;width:60%;height:3px;margin-left:50%;transform:translateX(-50%);background-color:#fff;z-index:19;}
#main_carousel .mtext02 {font-size:5vmin;margin:2vmin 0 4vmin;font-weight:100;/*background-image:-webkit-linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 24.35%,rgba(0,0,0,0.1) 79.27%,rgba(0,0,0,0) 100%);background-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 24.35%,rgba(0,0,0,0.1) 79.27%,rgba(0,0,0,0) 100%);text-transform:uppercase;padding:4vh 0;*/}
#main_carousel .mtext02 strong{font-weight:550}
#main_carousel .mtext03 {font-size:2.5vmin;margin-bottom:5vmin;letter-spacing:-0.05em;}

@media (max-width:1199px) {
	#main_carousel .carousel-inner .item {height:60vmin;}
	#main_carousel .carousel-caption {margin-bottom:15vh;}
}

@media (max-width:991px) {
	
	#main_carousel .carousel-inner .item {height:60vmin;}
	#main_carousel .carousel-caption {margin-bottom:10vh;}
}

@media (max-width:767px) {
	#main_carousel .carousel-inner .item {height:70vmin;}
	#main_carousel .carousel-caption {margin-bottom:8vh;}
}

@media (max-width:425px) {
	#main_carousel .carousel-inner .item {height:30vmax;letter-spacing:-0.05em;}
	#main_carousel .carousel-caption {margin-bottom:5vh;}
}



#main-content {margin:30px 0px;}
#main-content .container {background:#fff; border:1px solid rgba(0,0,0,0.1); }

@media (max-width:1199px){
	#main-content {margin:0px 0px 20px;}
	#main-content .container {}
}

/* 퀵메뉴 */
#quick-wrap {z-index:11; margin-top:-184px; position:relative; padding-bottom:20px;}
#quick-wrap .container {background:#fff;}
#quick-wrap h3 {font-size:1.3em; text-transform:uppercase; letter-spacing:-0.03em; margin:35px -21px 0px 30px; font-family:'Raleway','Crete Round', sans-serif !important; }
#quick-wrap h3 span {display:inline-block; width:100%; font-size:1.8em; letter-spacing:1px; font-weight:600; padding:15px 0px 0px; line-height:96%;}
#quick-wrap h3:before {content: ""; height: 2px; width: 50px; background: #4572ce; display: inline-block; top:60px; position: absolute;}

#quick-wrap .quick-tit {padding:0px;}
#quick-wrap .quick-con {padding:0px;}
#quick-wrap .quick-con ul {padding:0px; margin-left:1px;}
#quick-wrap .quick-con ul li {text-align:center; text-transform:uppercase; padding:0px;}
#quick-wrap .quick-con ul li a {display:block; padding:10px 0px; border-left:1px solid rgba(0,0,0,0.1); margin:20px 0px;}
#quick-wrap .quick-con ul li:hover {background:#4572ce;}
#quick-wrap .quick-con ul li img {width:70px}
#quick-wrap .quick-con ul li h6 {margin:18px 0px 0px; font-family: 'Raleway','Crete Round', sans-serif !important; font-weight:600;}
#quick-wrap .quick-con ul li:hover h6 {color:#fff !important;}

@media (max-width:1199px) {
	#quick-wrap {padding:20px 0px; border-bottom:none; margin:0px;}
	#quick-wrap .container {padding:30px 10px; margin-bottom:0px; border-bottom:none;}
	#quick-wrap h3 {text-align:center; margin:0px 0px 20px 0px;}
	#quick-wrap h3:before {top:22px;}
	#quick-wrap .quick-con {padding:0px 20px;}
	#quick-wrap .quick-con ul {border-top:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); display:inline-block; width:100%;}
	#quick-wrap .quick-con ul li {padding:20px 0px; border-bottom:1px solid rgba(0,0,0,0.1); padding:0px;}
	#quick-wrap .quick-con ul li a {margin:0px; padding:20px 0px;}
}


/* 게시판 */
.board-wrap {padding:20px 0px;}
.board {border-right:1px solid rgba(0,0,0,.1); }
.board .widget .lt_more{right:5px;}
.board .tabs .lt_more{top:-50px;}
.board .nav{margin-bottom:20px;}
.board .nav-tabs .active{font-weight:600;}
.board .widget .widget-title{margin-bottom:35px;font-weight:600; font-family: 'Raleway','Crete Round', sans-serif !important;}
.board .widget .widget-title:after{height:2px;}

@media (max-width:1199px) {
	.board-wrap {margin:0px; padding:0px;}
	.board {border-right:none; padding-top:20px; padding-bottom:20px; border-bottom:1px solid rgba(0,0,0,0.1);}
}

/* cs */
.cs-wrap h1 {font-weight:600; font-family: 'Raleway','Crete Round', sans-serif !important; font-size:50px; padding:25px 0px 0px;}
.cs-wrap .list-group {font-size:15px; margin:30px 0px 30px 5px;}
.cs-wrap span {display:block;}
.cs-wrap i {display:inline-block; margin-right:6px; font-size:16px; vertical-align:middle;}
.cs-wrap p {display:inline-block;}

@media (max-width:1199px) {
	.cs-wrap {margin-top:20px; padding-top:20px; padding-bottom:20px;}
	.map {padding:0px; height:285px; overflow:hidden;}
}

@media (max-width:349px) {
	.cs-wrap {text-align:center;}
	.cs-wrap h1 {line-height:38px;}
	.cs-wrap i {display:block; font-size:1.8em;margin-bottom:5px;}
}


* 파트너 */
#partners {background:#fff;padding:35px 0}
#partners .owl-carousel .item{text-align:center;}
#partners .owl-carousel .item img{height:auto;vertical-align:middle}
#partners .owl-carousel:hover{padding:0 25px}
#partners .owl-carousel:hover .owl-next {right:-10px;}
#partners .owl-carousel:hover .owl-prev {left:-10px;}

/*고객센터*/
.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;}
.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;}
}