@charset "UTF-8";
/********************************************************


		메인 버전 1.  css 	:: BSJ


********************************************************/


/* layout common */
.l-table {display:table;table-layout:fixed;width:100%;height:100%;}
.l-cell {display:table-cell;vertical-align:middle;}
.maxWidth {max-width:1170px;margin:0 auto;}
.row {overflow:hidden;}
.inner--left {float:left;}




/***********************************************************************
	메인
************************************************************************/
#main > section {padding-top:60px;padding-bottom:60px;}
 #main #main__bnr .bnr-list li {width:48.5%;}
/*.main__title {margin-bottom:15px;font-weight:600;font-size:20px;color:#333;text-align:center;}*/
/*.main__title span {display:block;font-size:14px;color:#b3a586;letter-spacing:0}*/
.main__desc {margin-bottom:60px;font-size:14px;color:#221916;line-height:25px;text-align:center;}
@media screen and (max-width: 1024px){
	#main > section {padding-top:60px;padding-bottom:60px;}
}
@media screen and (max-width: 768px){
	#main > section {padding-top:40px;padding-bottom:40px;}
	/*.main__title span {font-size:13px;}*/

}



/***********************************************************************
	메인 슬라이드
************************************************************************/
#main .section#main__slider {padding:0 !important;}
#main__slider .slider {position:relative;overflow:hidden;}
#main__slider li {position:relative;}
#main__slider li img {}
#main__slider li a {position:absolute;top:0;left:0;width:100%;height:100%;}
#main__slider .slider-inner {position:relative;/*min-height:520px;padding-top:38.3%;*/background-size:cover !important;font-weight:100;font-size:35px;color:#464f5d;line-height:45px;text-align:center;box-sizing:border-box;/*-webkit-transition-duration:18s;-m-transition-duration: 18s;-o-transition-duration:18s;-ms-transition-duration:18s;transition-duration:18s;transition: all 18s ease-in-out;-webkit-transform: scale(1.06,1.06);-ms-transform: scale(1.06,1.06);-moz-transform: scale(1.06,1.06);-o-transform: scale(1.06,1.06);transform: scale(1.06,1.06);*/}
#main__slider .slider-bg {position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover !important;-webkit-transition-duration:18s;-m-transition-duration: 18s;-o-transition-duration:18s;-ms-transition-duration:18s;transition-duration:18s;transition: all 18s ease-in-out;-webkit-transform: scale(1.06,1.06);-ms-transform: scale(1.06,1.06);-moz-transform: scale(1.06,1.06);-o-transform: scale(1.06,1.06);transform: scale(1.06,1.06);}
#main__slider li.active .slider-inner .slider-bg {-webkit-transform: scale(2,2);-ms-transform: scale(2,2);-moz-transform: scale(2,2);-o-transform: scale(2,2);transform: scale(2,2);}
#main__slider .slider-box {display:table;table-layout:fixed;width:100%;height:100%;padding-top: 240px;box-sizing: border-box;}
#main__slider .slider-table {display:table-cell;width:100%;vertical-align:top;}
#main__slider .slider-tit {max-width:1170px;margin:0 auto;}
#main__slider .slider-tit a {display:block;position:relative;z-index:2}
#main__slider .slider-scroll a {display:none;}
#main__slider .bx-controls-auto-item {position:absolute;z-index:99}
#main__slider .bx-wrapper .bx-controls-auto {position:absolute;top:58%;left:50%;margin-left:-71px;width:auto;}
#main__slider .bx-wrapper .bx-controls-auto .bx-start {display:block;width:11px;height:21px;background-image:url(../../images/main/control_start.png);background-position:0}
#main__slider .bx-wrapper .bx-controls-auto .bx-start.active {display:none;}
#main__slider .bx-wrapper .bx-controls-auto .bx-stop {display:block;width:10px;height:21px;background-image:url(../../images/main/control_stop.png);background-position:0}
#main__slider .bx-wrapper .bx-controls-auto .bx-stop.active {display:none;}
#main__slider video {position:absolute;top:0;left:0;width:100%;height:100%;}
#main__slider iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
@media screen and (max-width: 1200px){
	#main__slider .slider-tit {margin:0 15px;}
}
@media screen and (max-width: 1024px){
	#main__slider .slider-inner {height:600px;}
}
@media screen and (max-width: 814px){
	#main__slider .control {top:63%;margin-left:120px;}
	#main__slider .bx-wrapper .bx-controls-auto {top:63%;margin-left:138px;}
}
@media screen and (max-width: 768px){
	.fluid-width-video-wrapper {height:100vmin;padding-top:0 !important;}
	#main__slider .slider-tit img {max-width:80%;}
}
@media screen and (max-width: 425px){
	#main__slider .bx-wrapper .bx-controls-auto {top:58%;left:auto;right:61px;margin-left:0;}
}
@media screen and (max-width: 375px){
	#main__slider .slider-inner {height:420px;}
}





/***********************************************************************
	main__imgBnr
************************************************************************/
#main__imgBnr .main__title {margin-bottom:40px;text-align: center;}
#main__imgBnr .bnr-inner {margin:-1%;}
#main__imgBnr .bnr-inner li {float:left;width:48%;margin:1%;}
#main__imgBnr .bnr-inner .image {height:350px;margin-bottom:40px;}
#main__imgBnr .bnr-inner .image span {display:block;height:100%;background-size:cover !important;}
#main__imgBnr .bnr-inner li h5 {margin-bottom:25px;font-size:16px;color:#221916;}
#main__imgBnr .bnr-inner li p {font-size:14px;color:#666}
/*버전3*/
/*.main_var3 #main__imgBnr {padding-left:30px !important;padding-right:30px !important;}*/
@media screen and (max-width: 1024px){
	#main__imgBnr .bnr-inner .image {height:210px !important;margin-bottom:15px;}
	#main__imgBnr .bnr-inner li h5 {font-size:14px;margin-bottom:15px;}
	#main__imgBnr .bnr-inner li p {font-size:13px;}
}
@media screen and (max-width: 768px){
	#main__imgBnr .main__title {margin-bottom:15px;}
	#main__imgBnr .bnr-inner li h5 {margin-bottom:10px;}
}
@media screen and (max-width: 640px){
	#main__imgBnr .bnr-inner li p {font-size:12px;}
}
@media screen and (max-width: 480px){
	#main__imgBnr .bnr-inner {margin:-1%;}
	#main__imgBnr .bnr-inner li {width:100%;margin:0;margin-bottom:20px;}
	#main__imgBnr .bnr-inner li:last-child {margin-bottom:0;}
	#main__imgBnr .bnr-inner .image {height:130px !important;}

}




/***********************************************************************
	메인포트폴리오
************************************************************************/
/*#main__portfolio .maxWidth {max-width:100%;}*/
/*#portfolioList--2 .pf-list li {width:25%;}*/
/*.btn-more {text-align:center;background-color:#000;}
.btn-more a {display:block;height:50px;font-size:14px;color:#aaa;line-height:50px;letter-spacing:0;box-sizing:border-box;}

.btn-more a:hover {border-color:#333;}*/
/*#main #portfolioList--1 {padding:0 30px 30px;}*/



/***********************************************************************
	메인 박스 배너 2개 
************************************************************************/
#main__boxBnr {height:auto;background:url(../../images/main/bg_artist.jpg) no-repeat;background-size:cover;box-sizing:border-box;}
#main__boxBnr .maxWidth {opacity:0;-webkit-transition-duration:0.8s;-m-transition-duration: 0.8s;-o-transition-duration:0.8s;-ms-transition-duration:0.8s;transition-duration:0.8s;}
#main__boxBnr .bnr-txt {position:relative;height:330px;}
#main__boxBnr .bnr-txt > div {position:absolute;top:0;width:50%;height:100%;padding:0 15px;text-align:center;-webkit-transition-duration:1s;-m-transition-duration: 1s;-o-transition-duration:1s;-ms-transition-duration:1s;transition-duration:1s;box-sizing:border-box;}
#main__boxBnr .inner--left {left:12%;background-color:#e43a4a;}
#main__boxBnr .inner--right {right:12%;background-color:#333;}
#main__boxBnr .bnr-txt h3 {margin-bottom:25px;font-weight:800;font-size:35px;color:#fff;line-height:38px;}
#main__boxBnr .bnr-txt h3:after {content:'';display:block;width:50px;height:4px;margin:0 auto;margin-top:25px;background-color:#fff;}
#main__boxBnr .inner--left .main__btn {background-color:#e43a4a;}
#main__boxBnr .inner--right .main__btn {background-color:#333;}
#main__boxBnr .main__btn:before {background-color:#fff;}
#main__boxBnr .bnr-txt > div:hover .main__btn {color:#333;z-index:3;}
#main__boxBnr .bnr-txt > div:hover .main__btn:before {-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1);}
#main__boxBnr .bnr-txt .info {margin-bottom:25px;font-size:12.5px;color:#fff;line-height:23px;}
#main__boxBnr.active .maxWidth {opacity:1;}
#main__boxBnr.active .inner--left {left:0;}
#main__boxBnr.active .inner--right {right:0;}




/***********************************************************************
	main__hole
************************************************************************/
#main .section#main__hole {padding:90px 0 !important;background-size:cover !important;}
#main__hole * {color:#fff;}
#main__hole .main__title {letter-spacing:0}
#main__hole a {display:block;width:145px;height:35px;margin:0 auto;border:1px solid #fff;line-height:35px;text-align:center;letter-spacing:-0.5px}
#main__hole a img {display:inline-block;margin-right:10px;vertical-align:middle;}
#main__hole .main__desc {margin-bottom:35px;}
@media screen and (max-width: 1024px){
	#main .section#main__hole {padding:60px 15px !important;}
}
@media screen and (max-width: 768px){
	#main__hole .main__desc {font-size:13px;line-height:20px;}
}
@media screen and (max-width: 640px){
	#main .section#main__hole {padding:40px 15px !important;}
	#main__hole .main__title {margin-bottom:8px;}
	#main__hole .main__desc {margin-bottom:15px;}
	#main__hole a {width:100px;font-size:12px;}
	#main__hole a img {margin-right:5px;}
}
@media screen and (max-width: 425px){
	#main__hole .main__desc br {display:none;}

}

#main__location {padding:0 !important;background-color:#fff;}
#main__location .maxWidth {position:relative;max-width:2560px;}
#main__location .tit,
#main__location h2.title {font-weight:700;font-size:25px;color:#333;}
#main__location h2.title {padding-bottom:25px;}
#main__location .map-inner {position:relative;min-height:475px;}
#main__location #map {width:100%;min-height:475px;}
#main__location #map-canvas {width:100%;height:100%;}
#main__location .image-inner {width:100%;min-height:475px;}
#main__location .image {overflow:hidden;}
#main__location .image span {display:block;width:100%;min-height:330px;background-image:url(./images/main/layout_location2.gif);background-position-x:center;background-position-y:center;background-repeat-x:no-repeat;background-repeat-y:no-repeat;background-size:cover;text-indent:-9999px;-webkit-transition:all 1.5s ease;-ms-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-o-transition:all 1.5s ease;transition:all 1.5s ease;}
#main__location .image span:hover {-webkit-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);transform: scale(1.2,1.2);}
#main__location .info-inner {overflow:hidden;position:absolute;top:80px;left:50%;width:500px;margin-left:-585px;padding:25px 35px;background-color:rgba(255, 255, 255, 0.9);box-sizing:border-box;z-index:9}
#main__location .info-list li {position:relative;margin-bottom:10px;padding-left:80px;font-size:16px;color:#666;list-style:none;}
#main__location .info-list li strong {position:absolute;top:0;left:0;font-weight:600;color:#333;letter-spacing:-0.5px;}
#main__location .info-btn {margin-top:25px;}
#main__location .main__title {margin-bottom:22px;font-weight:700;font-size:40px;}
#main__location .main__title:after {margin-top:20px;margin-left:0;}
#main__location .main__btn {margin-top:15px;margin-right:0;}
@media screen and (max-width: 1200px){
	#main__location .info-inner {left:0;margin-left:0;}
}
@media screen and (max-width: 990px){
	#main__location h2.title {padding-bottom:15px;}
	#main__location .tit, #main__location h2.title {font-size:20px;}
	#main__location .info-btn {margin-top:20px;}
	#main__location .map-inner {min-height:410px}
	#main__location .image span {min-height:410px;}
}
@media screen and (max-width: 960px){
	#main__slider li img {max-height: 13vmin;}
	#main__slider .slider-box {padding-top: 190px;}
	section .main__title,#main__business .main__title {font-size: 35px;}
	.banner__list ul li p {font-size: 16px;line-height: 22px;}
	.notice_box li a,.notice_box li a span {font-size: 14px;}
	#main section#main__business {padding: 80px 0;}
	#main__business .row {margin-top: 70px;}
	#main__business .mtit {font-size: 24px;}
	#main__business .commp {margin-top: 10px;}
	#main__location .main__title {font-size: 30px;margin-top: 15px;}
	#main__location .info-list li {font-size: 14px;}
}
@media screen and (max-width: 768px){
	#main__location .main__title {font-size:25px;}
	#main__location {padding:15px 0 0 !important;background-color:#f5f5f5}
	#main__location .info-inner {position:static;width:100%;padding:0 10px 25px;background-color:transparent;border-bottom:1px solid #ddd;}
	#main__location .main__title:after {margin:0 auto;margin-top:15px;}
	#main__location .map-inner,
	#main__location #map {min-height:300px;}
	#main__business .con_l,#main__business .con_r {float: none;width: 100%;padding: 0;}
	#main__business .con_r {margin-top: 30px;}
	#main__business .row {margin-top: 40px;}
	#main__business .mtit {font-size: 18px;}
}
@media screen and (max-width: 639px){
	#main__location .map-inner {min-height:250px}
	#main__location #map {min-height:250px}
	#main__location .image span {min-height:250px;}
}



/***********************************************************************
	메인 이미지 배너 4개 
************************************************************************/
#main__bnr .bnr-list {overflow:hidden;margin:-0.75%;}
#main__bnr .bnr-list li {position:relative;float:left;/*width:23.5%;*/width:48.5%;margin:0.75%;}
#main__bnr .bnr-list li .bnr-img {position:relative;width:100%;height:0;padding-top:39.3%;}
#main__bnr .bnr-list li img {position:absolute;top:0;left:0;width:100%;height:100%;}
#main__bnr .bnr-list a {display:block;position:relative;overflow:hidden;height:0;padding-top:38.2%;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);-moz-transform:perspective(1px) translateZ(0);-ms-transform:perspective(1px) translateZ(0);-o-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;}
#main__bnr .bnr-list .tit {display:table;table-layout:fixed;position:absolute;left:15px;bottom:22px;width:150px;height:56px;padding:0 17px;background-color:#111;font-size:13px;color:#fff;line-height:17px;letter-spacing:5px;vertical-align:middle;box-sizing:border-box;}
#main__bnr .bnr-list a .tit:before {content: '';position:absolute;border:2px solid #111;top:0;right:0;bottom:0;left:0;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-ms-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-property:top,right,bottom,left;-moz-transition-property:top,right,bottom,left;-ms-transition-property:top,right,bottom,left;-o-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left;}
#main__bnr .bnr-list a:hover .tit:before, #main__bnr .bnr-list a:focus .tit:before, #main__bnr .bnr-list a:active .tit:before {top:-5px;right: -5px;bottom:-5px;left:-5px;}
#main__bnr .bnr-list a .tit span {display:table-cell;vertical-align:middle;width:100%;}
#main__bnr .bnr-list .bnr-img {display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);-moz-transform:perspective(1px) translateZ(0);-ms-transform:perspective(1px) translateZ(0);-o-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-ms-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration: 0.5s;-webkit-transition-property:box-shadow, transform;-moz-transition-property:box-shadow, transform;-ms-transition-property:box-shadow, transform;-o-transition-property:box-shadow, transform;transition-property:box-shadow, transform;}
#main__bnr .bnr-list .bnr-img:hover, #main__bnr .bnr-list .bnr-img:focus, #main__bnr .bnr-list .bnr-img:active {box-shadow:0 10px 10px -10px rgba(0, 0, 0, 0.5);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

#main__bd .row {padding: 0 10px;box-sizing: border-box;}

@media screen and (max-width: 768px){
	/*.bnr .bnr-list .tit {display:none;}*/
	#main__bnr .bnr-list .tit {bottom:10px;left:10px;}
	section .main__title, #main__business .main__title {font-size: 24px;}
	#main__imgBnr .banner__list ul li img {max-width: 65px;}
	.banner__list ul li p {font-size: 14px;line-height: 20px;}
	.banner__list ul {margin-top: 30px;}
	#main__bd .con_l {float: none;width: 100%;}
	#main__bd .con_r {float: none;width: 100%;margin-top: 40px;}
	#main__bd .con_r .video_box {margin-top: 20px;}
	#main__bd .notice_box {margin-top: 10px;}
}
@media screen and (max-width: 640px){
	/*#main__bnr {margin-bottom:30px;}*/
	/*.bnr .bnr-list .tit {bottom:15px;}*/
	#main__bnr .bnr-list .tit {width:130px;height:50px;}
}
@media screen and (max-width: 550px){
	#main__bnr .bnr-list {margin:-0.75% 0;}
	#main__bnr .bnr-list li {width:100% !important;margin:0.75% 0;}
	#main__location .main__title {font-size: 20px;}
}
@media screen and (max-width: 480px){
	#main__bnr .bnr-list li {margin:1% 0;}
}