@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:100px;padding-bottom:100px;}
 #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 {margin:0 auto;}
#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%;}
#main__slider .slider-table {display:table-cell;width:100%;vertical-align:middle}
#main__slider .slider-tit {max-width:1170px;margin:-210px auto 0;}
#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/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/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%;}
#main__slider .bx-wrapper .bx-controls-direction a.bx-next {background: url(../images/slide_r.png) no-repeat;width: 16px;height: 30px;right: 50%;margin-right: -860px;}
#main__slider .bx-wrapper .bx-controls-direction a.bx-prev {background: url(../images/slide_l.png) no-repeat;width: 16px;height: 30px;left: 50%;margin-left: -860px;}
@media screen and (max-width: 1200px){
	#main__slider .slider-tit {margin:0 15px;}
}
@media screen and (max-width: 1024px){
	#main__slider .slider-inner {height:500px;}
}
@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;}
#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/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__story {background-color:#fff;}

#main__story .main__title {margin-bottom:10px;color: #535353;font-size: 46px;font-family: "Raleway";font-weight: 300;text-align: left;}
#main__story .main__title:after {margin-left:0;margin-top:15px;background-color:#fff;}
#main__story .inner--left {width:34.6%;}
#main__story .inner--right {width:60%;}
#main__story .main__desc {color:#666;font-size: 16px;font-weight: 300;text-align: left;}
#main__story .main__btn {margin-top:23px;margin-right:0;background-color:#afafaf;color: #fff;border-radius: 0;width: 230px;height: 65px;line-height: 65px;display: block;text-align: center;border-radius: 40px;overflow: hidden;font-size: 16px;    -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
#main__story .main__btn:hover {background-color: #606060;}
.story_board_list li:last-child {border-bottom:1px solid #282828;}
.story_board_list li {padding:22.5px 15px;list-style:none;border-top:1px solid #282828;}
/*.story_board_info {position:relative;}*/
.story_board_list li:hover a {color: #f25085;}
.story_board_list a {position:relative;display:block;padding-right:100px;font-size:16px;color:#666;font-weight: 400;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.story_board_list a > span {position:absolute;top:0;right:0;font-size:15px;color:#282828;font-family: "Raleway";}
@media screen and (max-width: 768px){
	#main__story .main__title:after {margin:0 auto;margin-top:15px;}
	#main__story .main__desc {text-align:center;}
	#main__story .main__btn {margin:0 auto;margin-top:15px;}
	#main__story .inner--left {width:100%;margin-bottom:20px;}
	#main__story .inner--right {width:100%;}
}
@media screen and (max-width: 640px){
	.story_board_list a {padding-right:70px;font-size:12px;}
	.story_board_list a > span {font-size:12px;}
}





/***********************************************************************
	메인 비지니스 슬라이드 배너
************************************************************************/
#main__business {background-color:#242424;box-sizing:border-box;}
#main__business .main__title {margin-bottom:20px;font-size:20px;color:#fff;}
#main__business .main__title span {font-size:14px;color:#9e9e9e;text-transform:uppercase;}
#main__business .main__desc {margin-bottom:25px;font-size:14px;color:#777;line-height:22px;letter-spacing:-0.5px;}
#main__business .business-info {position:relative;display:table;table-layout:fixed;float:left;width:25.5%;height:290px;padding:20px 35px;box-sizing:border-box;}
#main__business .business-info .l-business {display:table-cell;vertical-align:middle;}
#main__business .business-bnr li {width:270px !important;}
#main__business .business-bnr {float:right;width:74.5%;}
/*#main__business .business-bnr .image {width:;}*/
#main__business .business-bnr .image img {max-width:100%;height:235px;}
#main__business .business-bnr a {display:block;}
#main__business .business-bnr span {display:block;}
#main__business .business-bnr .info {height:175px;padding:20px;background-color:#fff;box-sizing:border-box;}
#main__business .business-bnr h5 {margin-bottom:15px;font-weight:400;font-size:16px;color:#000;}
#main__business .business-bnr .info p {font-size:13px;color:#999;line-height:21px;}
#main__business .business-bnr .bx-wrapper .bx-pager {display:none;}
#main__business .bx-wrapper .bx-controls-direction {position:absolute;bottom:0;left:-23.5%;width:110px;}
#main__business .bx-wrapper .bx-controls-direction a {top:-110px;width:55px;height:55px;border:1px solid #666;}
#main__business .bx-wrapper .bx-prev {left:-1.5px;background:url(../images/main3_prev.png) no-repeat center #242424;}
#main__business .bx-wrapper .bx-next {right:-1.5px;background:url(../images/main3_next.png) no-repeat center #242424;}
#main__business .bx-wrapper .bx-controls-direction a:hover {background-color:#9e9e9e;}
@media screen and (max-width: 1024px){
	#main__business .main__title span {font-size:13px;}
	/*#main__business .business-bnr .info {height:190px;}*/
	#main__business .bx-wrapper .bx-controls-direction {width:70px;}
	#main__business .bx-wrapper .bx-controls-direction a {width:35px;height:35px;}
}
@media screen and (max-width: 768px){
	#main__business .main__title {margin-bottom:10px;}
	#main__business .main__desc {margin-bottom:20px;font-size:13px;line-height:18px;}

	#main__business .business-info {float:none;width:100%;height:auto;padding:0;}
	#main__business .business-bnr {float:none;width:100%;padding-top:50px;}
	#main__business .business-bnr li {width:243px !important;margin-right:10px !important;}
	#main__business .business-bnr .image img {width:100%;height:auto;}
	#main__business .business-bnr .info {height:230px;}
	#main__business .bx-wrapper .bx-controls-direction {top:-40px;left:0;right:0;margin:0 auto;bottom:auto;width:70px;}
	#main__business .bx-wrapper .bx-controls-direction a {top:0;width:35px;height:35px;}
}
@media screen and (max-width: 640px){
	#main__business {padding:0;}
	#main #main__business .business-bnr li {width:225px !important;}
}
@media screen and (max-width: 540px){
	#main__business .main__desc {font-size:12px;}
	#main__business .business-bnr h5 {margin-bottom:3px;font-size:14px;}
	#main__business .business-bnr .info {height:150px !important;padding:10px;}
	#main__business .business-bnr .info p {font-size:12px;line-height:18px;}
	/*#main__business .business-bnr .bx-viewport {padding-left:19%;}*/
}



/***********************************************************************
	메인 이미지 배너 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;}
#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);}
@media screen and (max-width: 768px){
	#main__story .main__btn {width: 170px;height: 45px;line-height: 45px;font-size: 12px;margin-bottom: 20px;}
	#main__bnr .bnr-list .tit {bottom:10px;left:10px;}
	#main__story .main__desc {margin-bottom: 20px;}
	.section .main__title, #main__story .main__title,.section .main__title, #main__story .main__title {font-size: 26px;font-weight: 500;}
	.section#main_pd .main__title {font-weight: 500;}
	.comm_btn a {padding: 0 30px;height: 45px;line-height: 45px;font-size: 12px;}
	.textbox .commp,.commp {font-size: 12px;}
	.section .t_box {margin-top: 20px;}
	#main__box .banner__list li .i__tit {font-size: 18px;}
	#main__box .banner__list li .commp {font-size: 13px;}
	#main__story .main__desc {font-size: 13px;}
	#main__banner_1 .textbox, #main__banner_2 .textbox {padding: 30px 25px 30px;}
	.story_board_list li {padding: 12.5px 10px;box-sizing: border-box;}
	#main__box .banner__list li {padding: 20px 25px;}
	.type_list li {height: 205px;}
	.type_list li .i__img {margin-top: 10px;height: 50px;}
	.type_list li .commp {line-height: 22px;}
	#main__banner_1 .bgimg,#main__banner_2 .bgimg {background-size: cover;}
}
@media screen and (max-width: 640px){
	#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;}
	.section .main__title, #main__story .main__title {font-size: 23px;}
}
@media screen and (max-width: 480px){
	#main__bnr .bnr-list li {margin:1% 0;}
}