@charset "UTF-8";

/*layout*/
#mainVisu {position: relative; width: 100%; height: 765px; background: url(/img/mainVisu.png) no-repeat center 40px; background-size: cover;}
#mainSc1 {width: 100%; padding-bottom: 84px; background: #fff;}
#mainSc2 {width: 100%; height: 421px;  background: url(/img/mainSc2.png) no-repeat center center; background-size: cover;}
#mainSc3 {background: #f8f8f8; padding-bottom: 84px;}

/*공통*/
.titBox {padding: 84px 0 30px 0}


/*메인비주얼*/
.mainVisu .main_txt {color: #fff; width:100%; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); padding-top: 79px;}
.mainVisu h4 {position: relative; font-size: 35px; text-align: center; color: #fff; letter-spacing: -2.2px; font-weight: 300; padding-bottom: 4px;}
.mainVisu span {display: block; font-size: 50px; font-weight: 500; text-align: center;}


/*메인섹션1*/
.mainSc1 {overflow: hidden; position: relative;}
.mainSc1:before {content:''; background: url(/img/mainSc_bg.png) no-repeat; width: 475px; height: 325px; position: absolute; bottom: 0; right: 4px;}
.mainSc1:after {content: ''; width: 135px; height: 135px; position: absolute; top: 50px; right: 36%; border:10px solid #ddd; z-index: 20;}
.mainSc1 .titBox .tit {position: relative; font-size: 45px; color: #1b1a1a;}
.mainSc1 .titBox .sub_tit {display: block; font-size: 30px; color: #095393; font-weight: 600;}
.mainSc1 .mainSc_cont p {font-size: 17px; color: #727272; line-height: 1.7em;}
.mainSc1 .mainSc_cont.fl {float: left; width: 50%;}
.mainSc1 .mainSc_cont.fr {float: left; width: 45.3%; padding: 84px 0 0 64px;}
.mainSc1 .mainSc_cont.fr .swiper-slide img {width: 100%;}
/*메인섹션1-Arrow*/
.mainSc1 .mainSc_cont .slider .swiper-button-prev {top: 28%; left: 40% !important; border: 1px solid #ddd; width: 50px; height: 50px;}
.mainSc1 .mainSc_cont .slider .swiper-button-next {top: 28%; left: 45% !important; border: 1px solid #ddd; width: 50px; height: 50px;}
.mainSc1 .mainSc_cont .slider .swiper-button-prev:after,
.mainSc1 .mainSc_cont .slider .swiper-button-next:after {color: #d8d8d8; font-size: 33px; padding-left: 5px;} 


/*메인섹션2*/
.mainSc2 {overflow: hidden; text-align: center;}
.mainSc2 .mainSc_cont span {display: block; font-size: 40px; font-weight: 500; color: #fff; padding : 80px 0 25px 0;}
.mainSc2 .mainSc_cont p {font-size: 16px; color: #fff; line-height: 1.7em; word-break: keep-all}
.mainSc2 .mainSc_cont .more_btn {display: inline-block; margin-top: 52px; padding: 10px 85px; color: #fff; border: 1px solid #fff; font-size: 20px; transition: all .3s ease-in-out;}
.mainSc2 .mainSc_cont .more_btn:hover {background:#fff; color: #000}


/*메인섹션3*/
.mainSc3 {overflow: hidden; position: relative;}
.mainSc3 .titBox {text-align: center; font-weight: 500;}
.mainSc3 .titBox h3.tit {font-size: 33px;}
.mainSc3 .titBox h3.tit > span.blue {color: #095393;}
.mainSc3 .titBox .sub_tit {font-size: 20px; color: #727272; font-weight: 400;}