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


		메인 버전 1.  css 	:: BSJ


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




/********************************************************
		MAIN : CSS
********************************************************/
.main-section {padding:65px 0;clear: both;max-width: 1920px;margin:0 auto;}
.main__title {margin-bottom:30px;font-weight:400;font-size:30px;color:#333;line-height:normal;letter-spacing:0;line-height:1.3}
.main__title strong {display:block;font-weight:bold;font-size:35px;text-transform:none;letter-spacing: -2px;}
.main__title:after {content:'';display:block;width:22px;height:3px;margin:0 auto;margin-top:22px;background-color:#333;}

.main__more {float:right;margin-bottom:13px;font-weight:400;font-size:15px;color:#666;line-height:1}
.main__more i {display:inline-block;width:11px;height:11px;margin-top:-3px;margin-left:5px;background-image:url(images/common/i_more.png);background-repeat:no-repeat;background-position:center;vertical-align:middle;text-indent:-9999px;-webkit-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;transition:all 0.4s ease-out;}
.main__more:hover i {transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);}
.main__btn {display:block;width:170px;height:45px;line-height:45px;margin:0 auto;margin-top:33px;background-color:#2e5579;border-radius:50px;font-weight:100;font-size:16px;color:#fff;text-align:center;}
.main__desc {font-size:16px;line-height:1.6}
@media screen and (max-width: 768px){
	.main-section {padding:50px 0 0;}
	.main__title {font-size:26px !important;text-align:center}
	.main__title strong {font-size:35px !important;}
}
@media screen and (max-width: 630px){
	.main__title strong {font-size:22px !important;}
}
@media screen and (max-width: 639px){
	.main__title {margin-bottom:20px;font-size:22px !important;text-align:center}
	.main__title:after {margin-top:15px;}
	.main__desc {font-size:14px;}
	.main__btn {width:110px;height:35px;line-height:35px;margin-top:20px;font-size:14px;}
}
/* ----------------------------------------------------
	main slider CSS
------------------------------------------------------*/
#main .section#main__slider {padding:0 !important;}
#main__slider .slider {position:relative;overflow:hidden;}
#main__slider li {position:relative;text-align:left;}
/* #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:1420px;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: 1450px){
	#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 info CSS
------------------------------------------------------*/
.main__info {position:absolute;left:0;bottom:100px;width:100%;display:none;}
.main__info_list li {position:relative;float:left;width:37.3%;padding-left:92px;box-sizing:border-box;}
.main__info_list i {position:absolute;left:0;top:0;width:70px;height:70px;background-repeat:no-repeat;background-position:center;background-size:cover;}
.main__info_list li.list1 i {background-image:url(images/main/main_info_i_01.png);}
.main__info_list li.list2 i {background-image:url(images/main/main_info_i_02.png);}
.main__info_list li.list3 {float:right;width:auto;}
.main__info_list li.list3 i {background-image:url(images/main/main_info_i_03.png);}
.main__info_desc {padding:10px 0px;font-size:15px;color:#fff;line-height:1.7;}
.main__info_desc span {display:block;}
.main__info li {list-style:none;}
@media screen and (max-width: 990px){
	.main__info_list li {width:33.3%;padding-left:82px;}
	.main__info_desc {font-size:14px;}
}
@media screen and (max-width: 768px){
	.main__info_list li {padding-left:60px;}
	.main__info_list i {width:50px;height:50px;}
	.main__info_desc {padding-top:0;}
}
@media screen and (max-width: 640px){
	.main__info {display:none;}
}



/* ----------------------------------------------------
	main about CSS
------------------------------------------------------*/
#main__about {padding:85px 0;}
#main__about .main__title {margin-bottom:0 !important;font-size:30px;font-weight:bold;}
#main__about .main__title strong {font-size:35px;padding-bottom: 20px;position: relative;}
#main__about .main__title strong:after {content: '';position: absolute;bottom: 0;left: 0;height: 2px;background-color: #1444bc;width: 70px;}
#main__about .main__title:after {content:none !important;}
#main__about .inner--left {width:34%;}
#main__about .row .inner--right {width:66%;margin-top: 30px;}
#main__about .aerosol_list .main__title strong {font-size:22px;}
#main__about .aerosol_list .main__title strong:after {content:none;}
#main__about .aerosol_list li > a {display:block;position:relative;width:100%;height:0;padding-top:109.5%;z-index:2;}
#main__about .aerosol_thumb img {position:absolute;top:0;left:0;width:100%;height:100%;}
#main__about .aerosol_infos {position:absolute;top:0;left:0;width:100%;height:100%;padding:0 10px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;z-index:9;box-sizing:border-box;}
#main__about .aerosol_infos .num {font-weight:700;font-size:13px;color: #fff;padding-bottom:2px;border-bottom:1px solid #fff;color:#fff;}
#main__about .aerosol_infos p {font-size:20px;font-weight:bold;color:#fff;font-weight: normal;margin-top: 20px;line-height:1.4;}
#main__about .aerosol_infos .main_more {display:none;width:110px;line-height:46px;margin:0 auto;margin-top:13px;border:1px solid #fff;font-weight:400;font-size:13px;color:#fff;text-align:center;}
@media screen and (min-width: 1025px){
	#main__about .aerosol_list ul li a:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1444bc;opacity:0;z-index:-1;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
	#main__about .aerosol_list ul li:hover a:before {opacity:0.9;z-index: 2;}
	#main__about .aerosol_list ul li:hover .pd_ovimg:before {opacity: 0.95;}
	#main__about .aerosol_list ul li:hover .num {display:none;}
	#main__about .aerosol_list ul li:hover .main_more {display:block;}
}
@media screen and (max-width: 1024px){
	/*#main__about .inner--left {width:41%;}*/
	#main__about .main__title strong {font-size:42px;}
}
@media screen and (max-width: 768px){
	#main__about {padding:50px 0;}
	#main__about .main__title {font-size:28px;text-align:center}
	#main__about .main__title strong {font-size:35px;}
	#main__about .inner--left {width:100%;margin-bottom:20px;}
	#main__about .inner--right {width:100%;text-align:center}
	#main__about .row .inner--right {width:100%;text-align:center}
	#main__about .scommp, #main__about2 .scommp {margin-bottom:10px !important;}
	#main__about .aerosol_infos p {font-size:18px;}
}
@media screen and (max-width: 480px){
	#main__about .aerosol_infos p {font-size:16px;}
	#main__about .aerosol_infos p br {display:none;}
}

/* ----------------------------------------------------
	main about2 CSS
------------------------------------------------------*/
#main__about2 {padding:85px 0;}
#main__about2 .main__title {margin-bottom:0 !important;font-size:30px;font-weight:bold;}
#main__about2 .main__title strong {font-size:35px;padding-bottom: 35px;position: relative;}
#main__about2 .main__title strong:after {content: '';position: absolute;bottom: 0;left: 0;height: 2px;background-color: #1444bc;width: 70px;}
#main__about2 .main__title:after {content:none !important;}
#main__about2 .inner--left {width:35%;}
#main__about2 .row .inner--right {margin-top: 30px;}
#main__about2 .row .inner--right {width:65%}
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1024px){
	#main__about2 .main__title strong {font-size:42px;}
}
@media screen and (max-width: 768px){
	#main__about2 {padding:50px 0;}
	#main__about2 .main__title {font-size:28px;text-align:center}
	#main__about2 .main__title strong {font-size:35px;}
	.mbanner__box .tit,
	#main__about .main__title strong ,#main__about2 .main__title strong {padding-bottom: 15px;}
	#main__about2 .inner--left {width:100%;margin-bottom:20px;}
	#main__about2 .inner--right {width:100%;text-align:center}
	#main__about2 .row .inner--right {width:100%;text-align:center}
}
.down__list {}
.down__list ul {font-size:0;margin: 60px -2% 0;text-align:center;}
.down__list li {display:inline-block;min-height:179px;margin: 0 2%;width: 29%;background-color: #f8f8f8;padding:30px 30px 25px;box-sizing: border-box;}
.down__list li p {text-align: left;font-size: 20px;color: #333;font-weight: 550;}
.down__list li p span {display: block;font-size: 16px;color: #666;font-weight: normal;margin-bottom: 10px;}
.down__list li .down_btn {margin-top: 20px;text-align:right;letter-spacing:2px;font-size:14px;color: #666;}
.down__list li .down_btn a {display: block;font-size:14px;color: #666;text-align: right;letter-spacing: 0;}
.down__list li .down_btn a img {margin-left: 10px;vertical-align: middle;}
.down__list .all_btn {margin: 60px auto 0;height: 45px;line-height: 45px;display: block;text-align: center;}
.down__list .all_btn a {display: inline-block;font-size:13px;color: #333;border: 1px solid #333;box-sizing: border-box;padding: 0 40px 0 20px;background: url(images/main/more_icon2.png) no-repeat 90% center;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.down__list .all_btn:hover a {background: url(images/main/more_icon.png) no-repeat 90% center #1444bc;color: #fff;}



/* ----------------------------------------------------
	main works CSS
------------------------------------------------------*/
#main__works {padding-top:0 !important;}
.works__bg {height:730px;padding-top:110px;background-repeat:no-repeat;background-position:center top;background-size:cover;box-sizing:border-box;}
.works_box {overflow:hidden;position:relative;max-width:877px;margin:0 auto;height:485px;box-sizing:border-box;text-align:center;}
.works_box * {color:#fff;}
#main__works .main__title {line-height:2.3}
#main__works .main__title strong {font-size:45px;line-height:1}
#main__works .main__title:after {background-color:#fff;}
#main__works .main__btn {font-family: 'Roboto', sans-serif;}
#main__works .maxWidth {position:relative;margin-top:-65px;z-index:2}
.works_list ul {overflow:hidden;}
.works_list li {float:left;width:33.3%;height:550px;padding:29px;list-style:none;background-color:#fff;box-sizing:border-box;border:1px solid #d0d0d0;border-left:none}
.works_list li:first-child {border-left:1px solid #d0d0d0;}
.works_num {display:block;margin-bottom:20px;font-weight:700;font-size:48px;color:#333;line-height:1}
.works_tit {display:block;margin-bottom:17px;font-size:18px;color:#333;}
.works_desc {display:block;margin-bottom:30px;font-size:15px;color:#666;line-height:1.6}
/*active*/
.works_box .before, 
.works_box .after, 
.works_box .before2, 
.works_box .after2 {background-color:#fff;opacity:0.3}
.works_box .before, 
.works_box .after, 
.works_box .before2, 
.works_box .after2{content:"";position:absolute;transition-property:transform;-webkit-transition-property:transform;-ms-transition-property:transform;-o-transition-property:transform;-webkit-transition-duration:.1s;-ms-transition-duration:.1s;transition-duration:.1s;-o-transition-duration:.1s;-webkit-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.works_box .before, .works_box .after{width:100%;height:1px;left:0;}
.works_box .before{top:0;transform:translate3d(-105%,0,0);-webkit-transform:translate3d(-105%,0,0);-ms-transform:translate3d(-105%,0,0);-o-transform:translate3d(-105%,0,0);transform:translate3d(-105%,0,0);-webkit-transition-delay:.25s;-ms-transition-delay:.25s;-o-transition-delay:.25s;transition-delay:.25s;}
.works_box .after {bottom:0;transform:translate3d(105%,0,0);transition-delay:.05s;}
.works_box .before2, 
.works_box .after2{width:1px;height:100%;top:0;}
.works_box .before2{left:0;transform:translate3d(0,105%,0);}
.works_box .after2{right:0;transform:translate3d(0,-105%,0);transition-delay:.15s;}
.works_box.obj.active .before, .works_box.obj.active .after,
.works_box.obj.active .before2, 
.works_box.obj.active .after2, 
.works_box:focus .before2, 
.works_box:focus .after2{transform:translate3d(0,0,0);transition-duration:.2s;}
.works_box.obj.active .before, 
.works_box:focus .before{transition-delay:0s;}
.works_box.obj.active .after, 
.works_box:focus .after{transition-delay:.4s;}
.works_box.obj.active .after2, 
.works_box:focus .after2{transition-delay:.2s;}
.works_box.obj.active .before2, 
.works_box:focus .before2{transition-delay:.6s;}
@media screen and (max-width: 1024px){
	.works_thumb img {max-width:100%;}
}
@media screen and (max-width: 907px){
	.works_box {margin:0 15px;}
}
@media screen and (max-width: 768px){
	#main__works {padding-bottom:50px;}
	#main__works .main__title {line-height:1.8}
	.works__bg {height:auto;padding:50px 0;}
	.works_box {height:345px;}
	.works_list li {height:440px;padding:20px;}
	.works_desc {margin-bottom:20px;font-size:14px;}
	.works_num {display:inline-block;font-size:30px;}
	.works_tit {display:inline-block;font-size:16px;}
}
@media screen and (max-width: 640px){
	#main__portfolio #portfolioList--1 .pf-list li {width:100%;height:auto;border:1px solid #d0d0d0;margin-top:-1px;}
	.works_thumb {display:block;text-align:center;}
	.works_num {margin-right:10px;}
	.works_box {height:295px;}
}
@media screen and (max-width: 639px){
	#main__works .main__title {line-height:1.2}
	#main__works .main__title strong {margin-top:10px;}
}


/* ----------------------------------------------------
	main location CSS
------------------------------------------------------*/
#main__story {background-color:#f6f6f6;}
#main__story .main__title {margin-bottom:20px;}
#main__story .main__title:after {margin-left:0;margin-top:15px;}
#main__story .inner--left {width:34.6%;}
#main__story .inner--right {width:60%;}
#main__story .main__desc {color:#333;}
#main__story .main__btn {margin-top:23px;margin-right:0;background-color:#333;}
.story_board_list li:last-child {border-bottom:1px solid #d0d0d0;}
.story_board_list li {padding:15px;list-style:none;border-top:1px solid #d0d0d0;}
/*.story_board_info {position:relative;}*/
.story_board_list a {position:relative;display:block;padding-right:100px;font-size:15px;color:#333;}
.story_board_list a > span {position:absolute;top:0;right:0;font-size:15px;color:#333;}
@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:80px;font-size:13px;}
	.story_board_list a > span {font-size:13px;}
}



/* ----------------------------------------------------
	main news CSS
------------------------------------------------------*/
#main__news .maxWidth {max-width:1210px;}
#main__news .main__title {text-align:center;}
#main__news .main__desc {margin-bottom:45px;text-align:center;}
#main__news .bx-wrapper .bx-controls-direction a {width:30px;height:30px;margin-top:-50px;background-repeat:no-repeat;background-position:center;background-size:cover;}
#main__news .bx-wrapper .bx-prev {left:-50px;background-image:url(images/main/news_prev.gif);}
#main__news .bx-wrapper .bx-next {right:-50px;background-image:url(images/main/news_next.gif);}
.news_photo_list ul {overflow:hidden;}
.news_photo_list li {float:left;margin-right:60px;list-style:none}
.news_photo_list li a {display:block;overflow:hidden;}
.news_photo_list .photo-image {position:relative;display:block;height:0;margin-bottom:22px;padding-top:240px}
.news_photo_list .photo-image .image {position:absolute;top:0;left:0;width:100%;height:100%;}
.news_photo_list .photo-tit {display:block;margin-bottom:5px;font-weight:600;font-size:18px;color:#333;}
.news_photo_list .photo-date {font-weight:300;font-size:15px;color:#666;}
@media screen and (max-width: 1220px){
	#main__news .bx-wrapper .bx-prev {left:0;}
	#main__news .bx-wrapper .bx-next {right:0;}
}
@media screen and (max-width: 1024px){
	.news_photo_list li {width:330px !important;margin-right:20px !important;}
}
@media screen and (max-width: 640px){
	.news_photo_list .photo-tit {font-size:16px;}
}
@media screen and (max-width: 480px){
	.news_photo_list ul {width:1000% !important;}
}



/* ----------------------------------------------------
	main location CSS
------------------------------------------------------*/
#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:#fff;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: 768px){
	#main__location .main__title {font-size:35px !important;}
	#main__location {padding:50px 0 0 !important;background-color:#f5f5f5}
	#main__location .info-inner {position:static;width:100%;padding:0 0 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;}
}
@media screen and (max-width: 639px){
	#main__location .main__title {font-size:28px !important;}
	#main__location .map-inner {min-height:250px}
	#main__location #map {min-height:250px}
	#main__location .image span {min-height:250px;}
}



/* ----------------------------------------------------
	메인포트폴리오
------------------------------------------------------*/
#main__portfolio .portfolio-title {display:none;}
/*#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;}*/
#main__portfolio .btn-more {display:none;}
#main__portfolio #portfolioList--1 .pf-list {margin:0;}
#main__portfolio #portfolioList--1 .pf-list li {width:33.3%;margin:0;}
@media screen and (max-width: 640px){
	#main #main__portfolio #portfolioList--1 .pf-list li {width:100% !important;height:auto;border:1px solid #d0d0d0;margin-top:-1px;}
}


/* ----------------------------------------------------
	메인 이미지 배너 4개 
------------------------------------------------------*/
#main__bnr {padding:0 75px 50px;}
#main__bnr .bnr-list .tit {display:none;}
@media screen and (max-width: 1500px){
	#main__bnr {padding:0 50px 45px;}
}
@media screen and (max-width: 1200px){
	#main__bnr {padding:0 15px 45px;}
}
@media screen and (max-width: 1024px){
	#main__banner {padding-bottom:0;}
}



/* ----------------------------------------------------
	main Active CSS
------------------------------------------------------*/
.obj {position:relative;opacity:0;top:80px;-webkit-transition:all 0.6s ease-out;-ms-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}
.obj.active {opacity:1;top:0;}


#main__slider .main__info li.obj {top:0 !important;}
#main__slider .main__info li.obj i {-webkit-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;transition:all 0.4s ease-out}
#main__slider .main__info li.obj.active i {transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-o-transform:rotate(-360deg);}


#main__about .inner--left.obj,#main__about2 .inner--left.obj {top:0 !important;left:-100px;}
#main__about .inner--right.obj,#main__about2 .inner--right.obj {top:0 !important;right:-100px;}

#main__about .inner--left.obj.active,#main__about2 .inner--left.obj.active {left:0;}
#main__about .inner--right.obj.active,#main__about2 .inner--right.obj.active {right:0;}

.works__bg.obj {top:0 !important;}
.works_box.obj {top:0 !important;}

#main__story .inner--left .obj {top:0 !important;left:-100px;}
#main__story .inner--left .obj.active {left:0;}

#main__location .main__btn.obj {top:0 !important;right:-100px;}
#main__location .main__btn.obj.active {right:0;}

#main__banner2 {position: relative;margin:0 auto;overflow: hidden;padding:0;}
#main__banner2 .mbanner__box1 {position: relative;}
#main__banner2 .mbanner__box.mbanner__box1 .color_banner {right:auto;left: 0;height: 480px;top: 75px;}
#main__banner2 .mbanner__box .con_l .tit {padding-bottom:15px;}
/*#main__banner2 .mbanner__box.mbanner__box1 .color_banner {}*/
#main__banner2 .mbanner__box.mbanner__box1 .bg_banner {height: 620px;position: relative;z-index: 9999;width: 60%;}
#main__banner2 .mbanner__box .con_l .tit:after {display: none;}
#main__banner2 .mbanner__box .con_l .search__box {max-width: 500px;width: 100%;height: 50px;line-height: 50px;background-color: transparent;}
#main__banner2 .mbanner__box .con_l .search__box input {background-color: transparent;border: 1px solid #fff;box-sizing: border-box;width: 100%;height: 100%;padding: 0 20px;box-sizing: border-box;color: #fff;background: url(/../images/main/search_icon.png) no-repeat 95% center}
#main__banner2 .mbanner__box .con_l .search__box input::placeholder {color: #fff;}
#main__banner2 .bx-wrapper .bx-pager, #main__banner2 .bx-wrapper .bx-controls-auto {position:static !important;text-align:left !important;}
#main .bx-wrapper .bx-pager.bx-default-pager a {width:8px;height:8px;background-color:#fff;}
#main .bx-wrapper .bx-pager.bx-default-pager a:hover, #main .bx-wrapper .bx-pager.bx-default-pager a.active {background-color:transparent;}




/* 추가 배너 */
.main_plus_banner {position:relative;z-index:2;margin-top:70px;}
.main_plus_banner.mid {margin-top:0;margin-bottom:70px;}
.main_plus_banner.bot {margin-top:0;margin-bottom:70px;}
.main_plus_banner.cen {margin-top:70px;margin-bottom:70px;}
.main_plus_banner.cen .swiper {height:350px;}
.main_plus_banner.cen .swiper-slide {
    height: calc((100% - 50px) / 2) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.main_plus_banner .maxWidth {max-width:1550px;}
/* .main_plus_banner_area {display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:-3%;} */
.main_plus_banner_inner {position:relative;width:100%;height:0;padding-bottom:41%;border:1px solid #b8b9bb;box-sizing:border-box;}
.main_plus_banner_inner img {position:absolute;top:0;left:0;width:100%;height:100%;}
@media screen and (max-width: 1580px){
	.main_plus_banner .maxWidth {margin:0 15px;}
    .main_plus_banner.cen .swiper {height:22vmax;}
}
@media screen and (max-width: 1024px){
	.main_plus_banner {margin-top:50px;}
	.main_plus_banner.mid {margin-top:0;margin-bottom:50px;}
	.main_plus_banner.bot {margin-bottom:50px;}
	.main_plus_banner.cen {margin-top:50px;margin-bottom:50px;}
}
@media screen and (max-width: 768px){
    .main_plus_banner.cen .swiper {height:49vmin;}
}