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


		메인 버전 1.  css 	:: BSJ


********************************************************/
/*
#header {border-bottom:none;}
#header.nav-up {border-bottom:1px solid #f5f5f5;}
#header.nav-down {border-bottom:1px solid #f5f5f5;} 
.lnb-menu > li > a {color:#fff;}

#header.nav-up .lnb-menu > li > a {color:#fff;}
#header.nav-down .lnb-menu > li > a {color:#111;}
#header.type2.open_menu .lnb-menu > li > a {color:#111;}
#header.nav-down.nav-top .lnb-menu > li > a {color:#fff;}
#header.type2.open_menu.nav-down.nav-top .lnb-menu > li > a {color:#111;}
#header.nav-down.nav-top {border-bottom:none;}
#header .logo1 {display:none;}
#header.nav-down .logo1 {display:block;}
#header.nav-down .logo2 {display:none;}
#header.nav-down.nav-top .logo1 {display:none;}
#header.nav-down.nav-top .logo2 {display:block;}
#header__mobile span {background-color:#fff;}
#header.nav-down.nav-top #header__mobile span {background-color:#fff;}
@media screen and (max-width: 1024px){
	#header.nav-up .logo1 {display:block;}
	#header.nav-up .logo2 {display:none;}
}
*/



/*----------------------------------------------------------------------
	메인
----------------------------------------------------------------------*/
#main > section {padding-top:6.25rem;padding-bottom:6.25rem;}
#main #main__bnr .bnr-list li {width:48.5%;}
.main__title {margin-bottom:0.938rem;font-weight:600;font-size:1.25rem;color:#333;text-align:center;}
.main__title span {display:block;font-size:0.875rem;color:#b3a586;letter-spacing:0}
.main__desc {margin-bottom:3.75rem;font-size:0.875rem;color:#221916;line-height:1.7;text-align:center;}
@media screen and (max-width: 1024px){
	#main > section {padding-top:5rem;padding-bottom:5rem;}
}
@media screen and (max-width: 768px){
}



/*----------------------------------------------------------------------
	메인 슬라이드
----------------------------------------------------------------------*/
#main__slider {position:relative;padding:0 !important;}
#main__slider .slider__infos {overflow:hidden;height:100vmin;}
/*배경*/
#main__slider .slider__thumb {position:relative;width:100%;height:100%; }
#main__slider .slider__thumb .slider__thumb_bg {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;}
#main__slider .slider__thumb .slider__thumb_mo {display:none;}
#main__slider .slider__thumb video {position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);background-size:cover;z-index:-1;}
#main__slider .slider__thumb iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
#main__slider .slider__mxw {position:absolute;top:0;left:0;right:0;max-width:1170px;width:100%;height:100%;z-index:9;margin:0 auto;}

/*슬로건*/
#main__slider .slider__slogun {display:flex;height:100%;justify-content:center;align-items:center;flex-direction:column;text-align:center;font-weight:900;font-size:4rem;line-height:1;color:#fff;}
#main__slider .slider__slogun > b {position:relative;display:block;font-weight:900;font-size:3.75rem;line-height:1;color:#fff;overflow:hidden;}
#main__slider .slider__slogun > b.subtitle {margin-top:15px; display:block;font-weight:600;font-size:2.5rem;line-height:1;color:#fff;overflow:hidden;}
#main__slider .slider__slogun > b > span,
#main__slider .slider__slogun > p > span { display:block; position:relative; opacity:0; } 
#main__slider .slider__slogun > p {position:relative;margin-top:20px;font-weight:400;font-size:1.500rem;line-height:1.47;color:#fff;overflow:hidden;}
/*
#main__slider .slider__slogun > b {display:block;font-weight:900;font-size:4rem;line-height:1;color:#fff;}
#main__slider .slider__slogun > strong {display:block;margin-top:2.2rem;font-weight:400;font-size:3rem;color:#fff;}
#main__slider .slider__slogun > p {margin-top:2.2rem;font-weight:300;font-size:1.8rem;line-height:1.4;color:#fff;}
#main__slider .slider__slogun > p strong {font-weight:500;}
*/

#main__slider .slider__slogun_btn {position:relative;display:block;padding:1rem 2rem; margin-top:2rem;border:1px solid #fff;font-size:1rem;color:#fff;text-align:center;box-sizing:border-box;-webkit-transition-duration:.3s;-m-transition-duration: .3s;-o-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s;transition: all .3s ease-out;}
#main__slider .slider__slogun_btn:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;opacity:0.8;z-index:-1;-webkit-transition-duration:.3s;-m-transition-duration: .3s;-o-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s;transition: all .3s ease-out;}
#main__slider .slider__slogun_btn > span {display:flex;align-items:center;justify-content:center;}
/*#main__slider .slider__slogun_btn > span:before {content:'';display:inline-block;width:20px;height:20px;margin-right:8px;background-image:url(images/main/slogun_icon.svg);background-repeat:no-repeat;background-position:center;}*/
#main__slider .slider__slogun_btn > span:after {content:'More View';}


/*스크롤*/
#main__slider .slider-scroll a {display:block;position:absolute;left:0;right:0;width:9.2rem;height:4.3rem;margin:0 auto;font-weight:500;font-size:0.875rem;color:#fff;animation:scrollImage 2s linear infinite;cursor:pointer;text-align:center;letter-spacing:0;z-index:9;}
#main__slider .slider-scroll a:before {content:'';display:block;width:1.5rem;height:1.5rem;margin:0 auto;margin-bottom:.4rem;background-image:url(images/main/visual_scroll.png);background-repeat:no-repeat;background-position:center;background-size:cover;}
@keyframes scrollImage {0%{bottom:50px;}50%{bottom:70px;}100%{bottom:50px;}}
/*좌우 부가 설정*/
#main__slider .swiper-button-prev:after, #main__slider .swiper-button-next:after {font-size:3rem;color:#fff;}
#main__slider .swiper-pagination-bullet {background-color:#fff;}
/*액션*/
#main__slider .slider__thumb .slider__thumb_bg {-webkit-transition-duration:15s;-m-transition-duration: 15s;-o-transition-duration:15s;-ms-transition-duration:15s;transition-duration:15s;transition: all 15s ease-out;-webkit-transform: scale(1,1);-ms-transform: scale(1,1);-moz-transform: scale(1,1);-o-transform: scale(1,1);transform: scale(1,1);}
#main__slider .slider__slogun {position:relative;top:4rem;-webkit-transition-duration:.8s;-m-transition-duration: .8s;-o-transition-duration:.8s;-ms-transition-duration:.8s;transition-duration:.8s;transition: all .8s ease-out;}
#main__slider .swiper-slide-active .slider__slogun {top:0;}
#main__slider .swiper-slide-active .slider__thumb .slider__thumb_bg {-webkit-transform: scale(1.25);-ms-transform: scale(1.25);-moz-transform: scale(1.25);-o-transform: scale(1.25);transform: scale(1.25);}

/* SWIPER PAGINATION */
#main__slider .swiper-button-prev:after, #main__slider .swiper-button-next:after {font-size:2rem;color:#fff;}
#main__slider .swiper-button-prev { left:20px; } 
#main__slider .swiper-button-next { right:20px; }


/*반응형*/
@media screen and (min-width: 1025px){
	#main__slider .slider__slogun_btn:hover {border-color:#0d1231;}
	#main__slider .slider__slogun_btn:hover:before {background-color:#0d1231;opacity:1;}
}
@media screen and (max-width: 1024px){
	#main__slider .slider__slogun {padding:0 15px;}
}
@media screen and (max-width: 640px){
	#main__slider .slider__infos {height:640px;}
	#main__slider .slider__thumb .slider__thumb_bg {display:none;}
	#main__slider .slider__thumb .slider__thumb_bg.slider__thumb_mo {display:block;}
	@keyframes scrollImage {0%{bottom:30px;}50%{bottom:50px;}100%{bottom:30px;}}
}
@media screen and (max-width: 480px){
	#main__slider .slider__infos {height:480px;}
}






/*#intro {margin-top:70px;}*/
#intro h2 {margin-bottom:55px;font-weight:500;font-size:42px;color:#333;text-align:center;}
#intro h2 strong {font-weight:600;color:#71768b;}
@media screen and (max-width: 1210px){
	.intro-section .maxWidth {margin:0 20px;}
}
@media screen and (max-width: 768px){
	#intro h2 {margin-bottom:25px;font-size:30px;}
	#intro .intro-section {padding:60px 0;}
}
@media screen and (max-width: 640px){
	.intro-section .maxWidth {margin:0 10px;}
	#intro h2 {margin-bottom:15px;font-size:20px;}
	#intro .intro-section {padding:40px 0;}
}




/*intro__slider*/
#intro {margin-top:0;}
#intro__slider {position:relative;padding:0 !important;}
#intro__slider .slider-inner {position:relative;height:650px;height:100vh;/*padding-top:44.5%;*/background-size:cover !important;box-sizing:border-box;}
#intro__slider .slider-box {max-width:1170px;height:100%;margin:0 auto;} 
#intro__slider .slider-lay {display:table;max-width:1170px;width:100%;height:100%;margin:0 auto;text-align:center;} 
#intro__slider .h-slider {display:table-cell;width:100%;vertical-align:middle;}
#intro__slider .h-slider .inner--left {width:58%;}
#intro__slider .inner--right .image {position:absolute;top:60px;right:-115px;}
#intro__slider .h-slider img {max-width:100%;margin-left:-40px;opacity:0;z-index:-1;-webkit-transition:all 1s ease-out;transition:all 1s ease-out;animation:h_image 2s;}
@keyframes h_image {0%{margin-left:-30px;}50%{margin-left:30px;}100%{margin-left:0;}}
#intro__slider li.active .h-slider img {margin-left:0;opacity:1;z-index:2}
/*#intro__slider .h-slider img {padding:0 20px;margin-top:100px;opacity:0;transition:all 2s ease-out;box-sizing:border-box;}
#intro__slider .h-slider img.on {margin:0 auto;opacity:1;}*/
#intro__slider .h-slider .btn-more {display:block;width:140px;height:45px;margin:0 auto;margin-top:50px;border:2px solid #fff;font-weight:500;font-size:15px;color:#fff;text-align:center;line-height:39px;box-sizing:border-box;}
#intro__slider .btn-skip {position:absolute;left:50%;margin-left:-18px;bottom:40px;}
#intro__slider .btn-skip a {display:block;width:36px;height:21px;background:url(/images/bx/btn_skip.png) no-repeat 0;background-size:100%;text-indent:-9999px;}
#intro__slider .bx-wrapper .bx-controls-direction a {width:42px;height:72px;}
#intro__slider .bx-wrapper .bx-next {background:url(/images/bx/btn_next.png) no-repeat 0;background-size:60%; background-position:right; }
#intro__slider .bx-wrapper .bx-prev {background:url(/images/bx/btn_prev.png) no-repeat 0;background-size:60%; background-position:left; }

.bx-wrapper .bx-pager.bx-default-pager a { width:1rem; height:1rem; background:rgba(255,255,255, 0.5); border-radius:50%; transition:all 0.5s ease;  } 
.bx-wrapper .bx-pager.bx-default-pager a.active, 
.bx-wrapper .bx-pager.bx-default-pager a:hover { background:#fff; } 


.fixed-design {position:absolute;bottom:12.5%;left:50%;}
.fixed-design .fd-inner {position:relative;}
.fixed-design * {-webkit-transition:all 1s ease-out;transition:all 1s ease-out;}
.fixed-design img {max-width:100%;}
.fixed-design .action-photo {position:absolute;right:32%;bottom:22.9%;width:25.5%;z-index:9}
.fixed-design .action-photo img {animation:target_image 4s;animation-iteration-count:infinite;transform-origin:50% -5%;}
@keyframes target_image {0%{ transform:rotate(-10deg);}50%{transform:rotate(25deg)}100%{transform:rotate(-10deg);}}
@media screen and (max-width: 1210px){
	#intro__slider .slider-inner {height:70vmin;}
	#intro__slider .slider-box {margin:0 20px;}
}
@media screen and (max-width: 768px){
	#intro__slider .slider-inner {height:60vmin;}
	#intro__slider .bx-controls-direction {display:none}
	.bx-wrapper .bx-pager.bx-default-pager a {border-width:2.5px;}
	.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {border-width:2.5px;}
}
@media screen and (max-width: 640px){
	#intro__slider .slider-inner {height:115vmin;}
	#intro__slider .h-slider {padding-top:85px;vertical-align:top}
	#intro__slider .h-slider .inner--left {width:80%;}
	.fixed-design {left:auto;left:0;right:0;bottom:7.5%;width:100%;padding:0 45px;box-sizing:border-box;}
}
@media screen and (max-width: 480px){
	#intro__slider .slider-inner {height:135vmin;}
	#intro__slider .h-slider .inner--left {width:100%;}
}


/* intro__brief */
#intro__brief {padding:0 !important;}
#intro__brief .maxWidth {overflow:hidden;position:relative;max-width:1170px;}
#intro__brief ul {border-left:1px solid #e8edf3;}
#intro__brief li {display:table;float:left;width:20%;height:187px;border-right:1px solid #e8edf3;text-align:center;box-sizing:border-box;}
#intro__brief .brief-inner {display:table-cell;vertical-align:middle;}
#intro__brief strong {display:block;font-size:18px;color:#495572;}
#intro__brief strong:before {content:'';display:block;width:100%;height:49px;margin:0 auto;margin-bottom:25px;background:url(/images/layout/intro_brief_icon.png) no-repeat 0 center;}
#intro__brief strong > span {color:#323f5d;}
#intro__brief li.brief-list1 strong:before {width:56px;background-position-x:0px;}
#intro__brief li.brief-list2 strong:before {width:49px;background-position-x:-56px;}
#intro__brief li.brief-list3 strong:before {width:46px;background-position-x:-106px;}
#intro__brief li.brief-list4 strong:before {width:40px;background-position-x:-154px;}
#intro__brief li.brief-list5 strong:before {width:35px;background-position-x:-196px;}
@media screen and (max-width: 768px){
	#intro__brief li {height:120px;}
	#intro__brief strong {font-size:14px;}
	#intro__brief strong:before {margin-bottom:10px;}
}
@media screen and (max-width: 640px){
	#intro__brief li {padding:0 2%;box-sizing:border-box;}
}
@media screen and (max-width: 480px){
	#intro__brief li {width:33.33%;height:95px;border-bottom:1px solid #e8edf3;}
	#intro__brief strong:before {margin-bottom:5px;}
	#intro__brief strong {font-size:11px;}
}



/* intro__best */
#intro__best {background-color:#eaf4fd;padding:100px 0;text-align:center;}
#intro__best .maxWidth {position:relative;max-width:1170px;}
.intro-section .scrollSlideSection {position:relative;overflow:hidden;height:0;padding-top:500px;}
.intro-section .scrollSlide > div {-webkit-transition:all 1s ease-out;-m-transition:all 1s ease-out;-ms-transition:all 1s ease-out;-o-transition:all 1s ease-out;transition:all 1s ease-out;}
.intro-section .scrollSlide.best-image {left:0;}
.intro-section .best-info {width:50%;height:100%;background-color:#eaf4fd;}
.intro-section .best-info .info-inner {width:100%;height:100%;margin-top:4.8%;padding:17%;padding-left:15%;background-color:#fff;box-sizing:border-box;text-align:left;}
.intro-section .best-info em {font-weight:400;font-size:22px;color:#3979ea;}
.intro-section .best-info h3 {margin:15px 0 17px;font-weight:400;font-size:40px;color:#333;line-height:50px;}
.intro-section .best-info p {font-weight:400;font-size:18px;color:#495572;line-height:25px;}
.intro-section .best-image {width:50%;min-height:100%;background-size:100% !important;} 
.intro-section .slideBtn {overflow:hidden;position:absolute;left:50%;bottom:35px;margin-left:-35px;z-index:9999}
.intro-section .slideBtn button {float:left;width:50px;height:50px;margin:0 10px;background-color:#495572;border:none;border-radius:50%;font-weight:400;font-size:14px;color:#fff;}
.intro-section .slideBtn button:after {content:'';display:block;width:18px;height:10px;margin:0 auto;margin-top:3px;background:url(/images/layout/intro_icon_best.gif) no-repeat 0 /100%}
.intro-section .scrollSlide .inner--left,
.intro-section .scrollSlide .inner--right {position:absolute;top:0;}
.intro-section .scrollSlide .inner--left {top:-500px;left:0;}
.intro-section .scrollSlide .inner--right {top:500px;right:0;}
.intro-section .scrollSlide.active > div {top:0 !important;opacity:1 !important;z-index:1 !important;}
.intro-section .scrollSlide.next > div.inner--left {top:-500px;opacity:0;}
.intro-section .scrollSlide.next > div.inner--right {top:500px;opacity:0;}
.intro-section .scrollSlide.prev > div,
.intro-section .scrollSlide.prev > div {top:0 !important;opacity:1 !important;}
#Screen {width:100%;height:100%;}
@media screen and (max-width: 1200px){
	.intro-section .scrollSlideSection {padding-top:42.6%;}
}
@media screen and (max-width: 1024px){
	/*.intro-section .scrollSlideSection {height:449px;}*/
	.intro-section .best-info .info-inner {padding:11%;}
	.intro-section .best-info h3 {font-size:30px;line-height:40px;}
	.intro-section .best-info em {font-size:16px;}
	.intro-section .best-info p {font-size:16px;line-height:23px;}
}
@media screen and (max-width: 768px){
	.intro-section .best-info h3 {font-size:25px;line-height:33px;}
	.intro-section .best-info em {font-size:14px;}
	.intro-section .best-info p {font-size:13px;line-height:18px;}
	.intro-section .best-info p br {display:none;}
	.intro-section .slideBtn {bottom:15px;}
	.intro-section .slideBtn button {font-size:12px;}
	.intro-section .slideBtn button:after {height:6px;}
}
@media screen and (max-width: 640px){
	.intro-section .best-info h3 {margin:7px 0;font-size:18px;line-height:25px;}
	.intro-section .best-info h3 br {display:none;}
}
@media screen and (max-width: 460px){
	.intro-section .scrollSlideSection {padding-top:142%;}
	.intro-section .scrollSlide > div {width:100%;}
	#intro__best .scrollSlide.next > div.best-image {top:0;bottom:auto;height:60%;min-height:60%;}
	#intro__best .scrollSlide.next > div.best-info {top:auto !important;bottom:0;height:40%;}
	.intro-section .best-info .info-inner {padding:20px 20px 30px;margin-top:0;}
	.intro-section .scrollSlide.prev > div {opacity:0 !important;}
	.intro-section .slideBtn {bottom:49vmin;}
	.intro-section .slideBtn button {width:40px;height:40px;}
	.intro-section .slideBtn button:after {width:12px;height:6px;}

}




/* intro__advantage */
#intro__advantage {padding:110px 0;}
#intro__advantage .maxWidth {max-width:1170px;}
#intro__advantage .advantage-info {padding:40px 0;border:1px solid #ddd;border-width:1px 0}
#intro__advantage .advantage-info li {float:left;width:25%;border-left:1px solid #e8edf3;text-align:center;box-sizing:border-box;}
#intro__advantage .advantage-info li:first-child {border-left:none;}
#intro__advantage .advantage-info strong {display:block;margin-top:15px;font-weight:400;font-size:18px;color:#323f5d;}
#intro__advantage .advantage-box {position:relative;height:135px;margin-top:45px;padding:2.5% 30px 2.5% 190px;background-color:#f4f8fc;box-sizing:border-box;}
#intro__advantage .advantage-title {display:table;position:absolute;top:0;left:0;width:160px;height:100%;background-color:#71768b;text-align:center;}
#intro__advantage .advantage-title .l-title {display:table-cell;vertical-align:middle;font-size:22px;color:
	#fff;}
#intro__advantage .advantage-title strong {display:block;font-weight:bold;font-size:35px;}
#intro__advantage .advantage-p {font-weight:400;font-size:18px;color:#6b7c93;line-height:25px;}
@media screen and (max-width: 1150px){
	#intro__advantage .advantage-p {font-size:16px;}
	#intro__advantage .advantage-p br {display:none;}
}
@media screen and (max-width: 1024px){
	#intro__advantage .advantage-info {padding:25px 0;}
}
@media screen and (max-width: 768px){
	#intro__advantage .advantage-title {width:110px;}
	#intro__advantage .advantage-title .l-title {font-size:17px;}
	#intro__advantage .advantage-title strong {font-size:25px;}
	#intro__advantage .advantage-info {padding:15px 0;}
	#intro__advantage .advantage-info li {padding:0 15px;box-sizing:border-box;}
	#intro__advantage .advantage-info li img {max-width:100%;}
	#intro__advantage .advantage-info strong {font-size:14px;}
	#intro__advantage .advantage-box {margin-top:15px;padding-left:125px;padding-right:15px;}
	#intro__advantage .advantage-p {font-size:14px;line-height:22px;}
}
@media screen and (max-width: 520px){
	#intro__advantage .advantage-box {height:auto;padding:0;}
	#intro__advantage .advantage-title {position:static;width:100%;padding:5px 0;}
	#intro__advantage .advantage-title strong {display:inline-block;font-size:18px;}
	#intro__advantage .advantage-p {padding:10px;font-size:13px;line-height:20px;}
}
@media screen and (max-width: 425px){
	#intro__advantage .advantage-info li {padding:0 5px;}
	#intro__advantage .advantage-info strong {margin-top:10px;font-size:13px;}
}



/* intro__hosting */
#intro__hosting {background-color:#f4f8fc;padding:90px 0;}
#intro__hosting .maxWidth {max-width:1170px;}
#intro__hosting h5 {margin-bottom:13px;font-weight:500;font-size:22px;color:#495572;}
#intro__hosting p {font-weight:400;font-size:15px;color:#6b7c93;line-height:25px;}
#intro__hosting p strong {display:block;font-weight:400;margin-top:10px;}
#intro__hosting .hosting-list {margin-top:40px;border:1px solid #e8edf3;background-color:#fff;}
#intro__hosting .hosting-list li {display:table;float:left;width:25%;height:85px;border-left:1px solid #e8edf3;text-align:center;box-sizing:border-box;}
#intro__hosting .hosting-list li:first-child {border-left:none;}
#intro__hosting .hosting-bnr {display:table-cell;vertical-align:middle;}
#intro__hosting .hosting-bnr img {max-width:70%;vertical-align:middle;}
@media screen and (max-width: 768px){
	#intro__hosting h5{font-size:18px;}
	#intro__hosting p {font-size:13px;line-height:20px;}
	#intro__hosting .hosting-list {margin-top:15px;}
	#intro__hosting .hosting-list li {height:55px;}
}




/* intro__setting */
#intro__setting {background-color:#f4f8fc;padding:90px 0;text-align:center;}
#intro__setting .maxWidth {max-width:1325px;}
#intro__setting #settingBtn {margin-bottom:25px;}
#intro__setting #settingBtn a {display:inline-block;margin:0 3%;font-weight:400;font-size:16px;color:#728299;text-align:center;}
#intro__setting #settingBtn a:before {content:'';display:block;width:65px;height:65px;margin:0 auto;margin-bottom:20px;background-color:#dee7f1;border-radius:50%;}
#intro__setting #settingBtn a.active {color:#438df4;}
#intro__setting #settingBtn a.active:before {background-color:#417ae1;}
#intro__setting #settingBtn a.settingBtn1:before {background:url(/images/layout/intro_process_icon1_up.gif) no-repeat 0 /cover;}
#intro__setting #settingBtn a.settingBtn2:before {background:url(/images/layout/intro_process_icon2_up.gif) no-repeat 0 /cover;}
#intro__setting #settingBtn a.settingBtn3:before {background:url(/images/layout/intro_process_icon3_up.gif) no-repeat 0 /cover;}
#intro__setting #settingBtn a.settingBtn4:before {background:url(/images/layout/intro_process_icon4_up.gif) no-repeat 0 /cover;}
#intro__setting #settingBtn a.settingBtn5:before {background:url(/images/layout/intro_process_icon5_up.gif) no-repeat 0 /cover;}
#intro__setting #settingBtn a.settingBtn1.active:before {background:url(/images/layout/intro_process_icon1_hover.gif) no-repeat 0 /cover;}
#intro__setting #settingBtn a.settingBtn2.active:before {background:url(/images/layout/intro_process_icon2_hover.gif) no-repeat 0 /cover;}
#intro__setting #settingBtn a.settingBtn3.active:before {background:url(/images/layout/intro_process_icon3_hover.gif) no-repeat 0 /cover;}
#intro__setting #settingBtn a.settingBtn4.active:before {background:url(/images/layout/intro_process_icon4_hover.gif) no-repeat 0 /cover;}
#intro__setting #settingBtn a.settingBtn5.active:before {background:url(/images/layout/intro_process_icon5_hover.gif) no-repeat 0 /cover;}
#intro__setting .bx-wrapper .bx-prev {background:url(/images/layout/intro_setting_slidebtn_prev.png) no-repeat 0 /cover;}
#intro__setting .bx-wrapper .bx-next {background:url(/images/layout/intro_setting_slidebtn_next.png) no-repeat 0 /cover;}
#intro__setting .bx-wrapper .bx-controls-direction a {width:31px;height:56px;}
#intro__setting .setting-image {width:63.5%;} 
#intro__setting .setting-info {display:table;width:36.5%;height:470px;text-align:left;}
#intro__setting .setting-info strong {display:block;}
#intro__setting .setting-info .l-inner {display:table-cell;vertical-align:middle;}
#intro__setting .setting-num {font-style:italic;font-weight:300;font-size:40px;color:#323f5d;}
#intro__setting .setting-tit {font-size:40px;color:#333;} 
#intro__setting .setting-tit span {font-weight:400;} 
#intro__setting p {margin-top:15px;font-weight:400;font-size:18px;color:#6b7c93;line-height:25px;}
@media screen and (max-width: 1100px){
	#intro__setting .setting-num,
	#intro__setting .setting-tit {font-size:30px;}
	#intro__setting p{font-size:16px;}
}
@media screen and (max-width: 1024px){
	#intro__setting #settingBtn {margin-bottom:15px;}
	#intro__setting .setting-info {height:400px;}
}
@media screen and (max-width: 768px){
	#intro__setting .setting-image {float:none;width:100%;text-align:center;}
	#intro__setting .setting-image img {height:300px;}
	#intro__setting .setting-info {float:none;width:100%;height:auto;margin-top:15px;}
	#intro__setting .setting-info strong {display:inline-block;}
	#intro__setting .setting-num, #intro__setting .setting-tit {font-size:18px;}
	#intro__setting p {margin-top:5px;font-size:12px;line-height:18px;}
	/*#intro__setting p br {display:none;}*/
	#intro__setting .setting-info .l-inner {text-align:center;}
	#intro__setting #settingBtn {margin:-1% -0.5%;}
	#intro__setting #settingBtn a {margin:1% 0.5%;font-size:13px;vertical-align:top;}
	#intro__setting #settingBtn a:before {width:50px;height:50px;margin-bottom:10px;}
	#intro__setting .bx-wrapper .bx-controls-direction a {width:21px;height:31px;}
}
@media screen and (max-width: 480px){
	#intro__setting #settingBtn a {width:18%;font-size:11px;}
	#intro__setting #settingBtn a:before {width:35px;height:35px;}
	#intro__setting .setting-image img {height:190px;}
	#intro__setting .setting-info {margin-top:5px;}
}




/* intro__service */
#intro__service {background-color:#fff;padding:90px 0;text-align:center;}
#intro__service .maxWidth {position:relative;}
@media screen and (max-width: 480px){
	#intro__service .scrollSlideSection {padding-top:177% !important;}
	#intro__service .inner--left {top:0 !important;height:50% !important;min-height:50% !important;}
	#intro__service .inner--right {top:auto !important;bottom:0 !important;height:50% !important;min-height:50% !important;}
	#intro__service .slideBtn {bottom:77vmin !important;}
}