.side_Wrap .st_item {position: relative;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;
background-size: cover;}
.side_Wrap .st_item:before {display: none;content:'';position: absolute;width: 1px;height: 100%;background-color: rgba(255,255,255,.5);transition:all .5s .6s ease-in-out;-webkit-transition:all .5s .6s ease-in-out;left: -1px;}
#container.load .st_item:before {left: 99px;} 
.side_Wrap .st_item1 {background-image: url(../images/main/main_bg1.jpg);} 
.side_Wrap .st_item2 {background-image: url(../images/main/main_bg2.jpg);} 
.side_Wrap .st_item3 {background-color:#9daabf;} 
.side_Wrap .st_item4 {background-image: url(../images/main/main_bg3.jpg);} 
.side_Wrap .st_item5 {background-color:#9daabf;} 

.slide_sw_01{padding: 0 140px; margin: 40px 0;}
.slide_sw_01{opacity: 0;transition:transform .5s ease-in-out, opacity .5s ease-in-out;-webkit-transition:transform .5s ease-in-out, opacity .5s ease-in-out;transform:translateY(30px);-webkit-transform:translateY(30px);}
.slide_sw_01{overflow: hidden; transition-delay: 0 ;-webkit-transition-delay: 0 ;}
.slide_sw_01.sst01{margin-top: 30px; overflow: hidden; transition-delay: .3s ;-webkit-transition-delay: .3s ;}
.st_item.on .slide_sw_01 {opacity: 1;transform:translateY(0);-webkit-transform:translateY(0);}



#container.load .scrollDown{bottom: 50px;opacity: 1;}


.scrollTop{opacity: 1;position: absolute;bottom: 20px;right: 20px;transform:translateX(-50%);-webkit-transform:translateX(-50%);color: #fff;text-align: center;z-index: 999999;transition:all .5s  ease-in-out;-webkit-transition:all .5s  ease-in-out;}
.scrollDown {opacity: 0;position: absolute;bottom: 10px;left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);color: #fff;text-align: center;z-index: 9999;transition:all .5s  ease-in-out;-webkit-transition:all .5s  ease-in-out;}
.scrollDown a {display: block;}
.scrollDown p {font-size: 14px;line-height: 120%;font-weight: 400; letter-spacing: 1px;/*transform:rotate(90deg);-webkit-transform:rotate(90deg);*/margin-bottom: 15px;opacity: .99999; color: #df2514;}
.scrollDown span {display: inline-block;vertical-align: top;animation-name: scroll;  animation-duration: .4s;  animation-timing-function: ease-in-out;  animation-iteration-count: infinite;  animation-direction: alternate;    
  -webkit-animation-name: scroll;
  -webkit-animation-duration: .4s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
}

.main #container.load  .btn_contact {bottom: 70px;opacity: 1;} 
.main .btn_contact {z-index: 99999;text-align: left;position: fixed;color: #fff;left: 100%;margin-left: -200px;opacity: 0;bottom: 20px;font-size: 16px;line-height: 18px;box-sizing:border-box;padding-bottom: 11px;width: 140px;background-repeat: no-repeat;background-position: right bottom;background-image: url(../images/main/arrow_qna.png);
	transition:all .5s  ease-in-out;-webkit-transition:all .5s  ease-in-out; animation-name: arrow;  animation-duration: .4s;  animation-timing-function: ease-in-out;  animation-iteration-count: infinite;  animation-direction: alternate;
  -webkit-animation-name: arrow;
  -webkit-animation-duration: .4s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
}
.main_sec_btnBox {margin-top: 60px;opacity: 0;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transform:translateY(30px);-webkit-transform:translateY(30px);}
.st_item.on .main_sec_btnBox {opacity: 1;transform:translateY(0);-webkit-transform:translateY(0);} 


#st_menu {width: 117px;position: absolute;right: -117px;top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:all .5s .6s ease-in-out;-webkit-transition:all .5s .6s ease-in-out;}
#st_menu.on {right: 59px;}
#st_menu li {position: relative;margin-bottom: 2px;}
#st_menu li:last-child {margin-bottom: 0;}
#st_menu li.on a strong{opacity: 1; font-size: 16px; font-weight: 400; color: #df2514; transform:scale(1);-webkit-transform:scale(1);}
#st_menu li a {display: block;font-size: 12px; text-align: right; padding-right: 40px; font-weight: 200; line-height: 30px;position: relative;color: #fff;}
#st_menu li a:hover span{background-color: #df2514;transition:all .6s ease-in-out;-webkit-transition:all .2s ease-in-out;}
#st_menu li a strong {opacity: .5; font-weight: 100;transform:scale(1);-webkit-transform:scale(1);transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out}
#st_menu li a span {right: 10px;top: 12px;position: absolute;width: 10px;height: 10px;border-radius: 10px;border: none; background-color: #fff; box-sizing:border-box;transform:scale(1);-webkit-transform:scale(1);transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out}
#st_menu li.on a span {top: 0px; width: 10px;height: 35px; background-color: #df2514; transform:scale(1);-webkit-transform:scale(1);}
#st_menu li:last-child{margin-bottom: 0;}



.st_item {overflow: hidden;}
.st_inner {max-width: 1448px;margin: 0 auto;text-align: center;padding: 0 200px;}
.st_inner  .txt_box {opacity: 0;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transform:translateY(-30px);-webkit-transform:translateY(-30px);}
.st_inner .txt_box a {margin-top: 26px;height: 56px;width: 190px;display: inline-block;vertical-align: top;font-size: 15px; line-height: 52px;box-sizing:border-box;border: 1px solid rgba(255,255,255,.7);text-align: center;color: #fff;}
.st_item.on .st_inner  .txt_box {opacity: 1;transform:translateY(0);-webkit-transform:translateY(0);}
.st_inner  .txt_box > strong{display: block;font-size: 54px;line-height: 56px;color: #fff;font-weight: 500;}
.st_inner  .txt_box > span {display: block;font-size: 34px;line-height: 36px;color: #df2514;margin-bottom: 30px;letter-spacing: -.4px;}
.st_inner  .txt_box > h3 {font-size: 45px;line-height: 80px;color: #fff;font-weight: 500;letter-spacing: -.4px;}
.st_inner  .txt_box > h4 {font-size: 25px;line-height: 40px;color: #fff;font-weight: 300;letter-spacing: -.4px;}
.st_inner  .txt_box > h5 {font-size: 15px;line-height: 20px;color: #fff;font-weight: 300;letter-spacing: -.4px;}
.st_inner  .txt_box > p {font-size: 35px;line-height: 40px;color: #fff;font-weight: 300;letter-spacing: -.4px;}
.st_inner  .txt_box > p strong {font-weight: 500;}
.st_item1 .icon_list {font-size: 0;margin-top: 60px;}
.st_item1 .icon_list li{height: 170px;position: relative;display: inline-block;font-size: 14px;vertical-align: bottom;width: 260px;margin: 0 30px;text-align: left;}
.st_item1 .icon_list li > div {position: absolute;width: 100%;bottom: 0;height: 140px;box-sizing:border-box;border: 1px solid #fff;padding: 27px 30px;background-repeat: no-repeat;background-position: right bottom;-webkit-background-origin: content-box;
background-origin: content-box;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;background-color: rgba(0,0,0,.15);}


.st_item2 .list_mb .icon_box {display: inline-block;vertical-align: top;width: 150px;height: 150px;border-radius: 100%;background-color: rgba(255,255,255,.4);background-repeat: no-repeat;background-position: center center;
transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;margin-bottom: 20px;}
.st_item2 .list_mb {font-size: 0;text-align: center;}
.st_item2 .list_mb li {text-align: center;display: inline-block;vertical-align: top;width: 296px;box-sizing:border-box;padding: 0 20px;}
.st_item2 .list_mb li:nth-child(1) .icon_box {background:rgba(255,255,255,.5) url("../images/main/icon_box_d01.png") center 50% no-repeat; background-size: 40%;}
.st_item2 .list_mb li:nth-child(2) .icon_box {background:rgba(255,255,255,.5) url("../images/main/icon_box_d02.png") center 50% no-repeat; background-size: 40%;}
.st_item2 .list_mb li:nth-child(3) .icon_box {background:rgba(255,255,255,.5) url("../images/main/icon_box_d03.png") center 50% no-repeat; background-size: 40%;}
.st_item2 .list_mb li a{display: block;}
.st_item2 .list_mb li:nth-child(1) a:hover .icon_box {background:rgba(255,255,255,.999) url("../images/main/icon_box_01.png") center 50% no-repeat; background-size: 50%;}
.st_item2 .list_mb li:nth-child(2) a:hover .icon_box {background:rgba(255,255,255,.999) url("../images/main/icon_box_02.png") center 50% no-repeat; background-size: 50%;}
.st_item2 .list_mb li:nth-child(3) a:hover .icon_box {background:rgba(255,255,255,.999) url("../images/main/icon_box_03.png") center 50% no-repeat; background-size: 50%;}
.st_item2 .list_mb li a .txt_area {color: #fff;}
.st_item2 .list_mb li a:hover .txt_area strong {color: #d22619;}
.st_item2 .list_mb li a .txt_area strong {display: block;font-size: 16px;line-height: 24px;margin-bottom: 10px;letter-spacing: -.4px;}
.st_item2 .list_mb li a .txt_area p {font-size: 14px;line-height: 22px;letter-spacing: -.4px;}
.st_item2 .icon_list {margin-top: 68px;}

.st_item3 .st_inner  .txt_box > span {display: block;font-size: 34px;line-height: 36px;color: #df2514;margin-bottom: 10px;letter-spacing: -.4px;}
.st_item3 .st_inner  .txt_box > p {font-size: 16px;line-height: 120%; color: #fff;font-weight: 300;letter-spacing: -.4px;}

.st_item4 .con_list_li01 {text-align: center;font-size: 0;margin-top: 50px;}
.st_item4 .con_list_li01 li {display: inline-block;vertical-align: top;width: 190px;box-sizing:border-box;padding: 5px;}
.st_item4 .con_list_li01 li a{display: block;border: 1px solid rgba(255,255,255,.7);line-height: 52px;font-size: 15px;color: #fff;font-weight: 300;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;}
.st_item4 .con_list_li01 li a:hover {background-color: rgba(255,255,255,1);color: #000;font-weight: 500;}


.st_item .icon_list > li {opacity: 0;transition:transform .5s ease-in-out, opacity .5s ease-in-out;-webkit-transition:transform .5s ease-in-out, opacity .5s ease-in-out;transform:translateY(30px);-webkit-transform:translateY(30px);}
.st_item .icon_list > li:nth-child(1) {transition-delay: 0 ;-webkit-transition-delay: 0 ;}
.st_item .icon_list > li:nth-child(2) {transition-delay: .2s ;-webkit-transition-delay: .2s ;}
.st_item .icon_list > li:nth-child(3) {transition-delay: .4s;-webkit-transition-delay: .4s ;}
.st_item.on .icon_list > li {opacity: 1;transform:translateY(0);-webkit-transform:translateY(0);}


.st_item .icon_list .slick-track > li {opacity: 0;transition:transform .5s ease-in-out, opacity .5s ease-in-out;-webkit-transition:transform .5s ease-in-out, opacity .5s ease-in-out;transform:translateY(30px);-webkit-transform:translateY(30px);}
.st_item .icon_list .slick-track > li:nth-child(1) {transition-delay: 0 ;-webkit-transition-delay: 0 ;}
.st_item .icon_list .slick-track > li:nth-child(2) {transition-delay: .2s ;-webkit-transition-delay: .2s ;}
.st_item .icon_list .slick-track > li:nth-child(3) {transition-delay: .4s;-webkit-transition-delay: .4s ;}

.st_item.on .icon_list .slick-track > li {opacity: 1;transform:translateY(0);-webkit-transform:translateY(0);}

.slide_sw_01>.owl-carousel a{display: block;text-align: center;  width: calc(100% - 40px); margin: 0 20px; height: auto; border: none; text-decoration: none;}
.slide_sw_01>.owl-carousel a>div{display: block; padding: 20px; text-align: center; margin: 0 auto; border: 1px solid #fff; background-color: #fff;}
.slide_sw_01>.owl-carousel a:hover>div{border: 1px solid #000;}
.slide_sw_01>.owl-carousel a>div>img{max-width: 100%;}
.slide_sw_01>.owl-carousel a>p{font-size: 24px; color: #404040; line-height: 100%; margin: 0 auto; margin-top: 20px; text-align: center; padding: 0;}
.slide_sw_01>.owl-carousel a:hover>p{color: #000;}
.slide_sw_01>.owl-carousel a>span{display: block; font-size: 14px; line-height: 100%; margin: 0 auto; margin-top: 10px; color: #fff; text-align: center; padding: 0;}
.slide_sw_01>.owl-carousel a:hover>span{color: #fff;}

.owl-buttons{display: none;}




.st_item5 .list_mb .icon_box {display: inline-block;vertical-align: top;width: 100%;height: 60px;rgba(255,255,255,.4); border: none; background-repeat: no-repeat;
	background-position: center center;transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}
.st_item5 .list_mb {font-size: 0;text-align: center; margin: 0;}
.st_item5 .list_mb li {text-align: center;display: inline-block;vertical-align: top;width: 32%;box-sizing:border-box;padding: 0 20px;}
.st_item5 .list_mb li:nth-child(1) .icon_box {background:rgba(255,255,255,.01) url("../images/main/icon_box_6_01.png") center 50% no-repeat;}
.st_item5 .list_mb li:nth-child(2) .icon_box {background:rgba(255,255,255,.01) url("../images/main/icon_box_6_02.png") center 50% no-repeat;}
.st_item5 .list_mb li:nth-child(3) {width: 36%;}
.st_item5 .list_mb li:nth-child(3) .icon_box {background:rgba(255,255,255,.01) url("../images/main/icon_box_6_03.png") center 50% no-repeat;}
.st_item5 .list_mb li a{display: block; text-decoration: none; color: #202020; margin: 0; height: auto; border: none; line-height:normal; font-size: 18px;word-break:break-all; width: inherit;}
.st_item5 .list_mb li a:hover .icon_box {background-color: rgba(255,255,255,.8); text-decoration: underline;}
.st_item5 .list_mb li .txt_area {color: #202020; text-align: center;}
.st_item5 .list_mb li .txt_area strong {display: block;font-size: 16px; font-weight: 100;line-height: 24px;margin-bottom: 10px;letter-spacing: -.4px;}
.st_item5 .list_mb li .txt_area p {font-size: 16px;line-height: 120%; font-weight: 500;}
.st_item5 .icon_list {margin-bottom:20px; padding: 20px 0 0 0; }
.st_item5 .st_inner .txt_box table p.ad_st01{background: url("../images/main/map_icon_ss01.png") 0 50% no-repeat; margin: 0; min-height: 39px; padding-top: 10px; line-height: 120%; padding-left: 45px; display: inline-block; font-size: 15px; color: #404040; font-weight: 400;}
.st_item5 .st_inner .txt_box a{height:auto; margin: 0; padding: 0; width: auto;height: auto; line-height: 30px; border: none;}
.st_item5 .st_inner .txt_area p>a{line-height: 100%;}
.st_item5 .st_inner .txt_box {margin: 100px 0;}
.st_map6{padding: 0 20px;}





@media screen and (max-width: 1600px) {
.st_inner  {padding: 0 100px;width: 100%;box-sizing:border-box}
.site_menu{width: 100%;padding: 0 30px;box-sizing:border-box}
.site_map_box .site_menu_inner {padding: 0 30px;}
.site_menu > li > a {margin-bottom: 15px;}
.site_menu > li a {position: relative;font-size: 40px;line-height: 42px;}
.site_menu > li {padding-left: 0;margin-bottom: 30px;}
}


@media screen and (max-width: 1366px){ 

}


@media screen and (max-width: 1280px){
	.st_item1 .icon_list li {margin: 0 1%;width: 31%;}

	.st_item2 .list_mb li {width: 33.333333%;}
	.st_item2 .list_mb li br {display: none;}
}


@media screen and (max-width: 1152px){

}


@media screen and (max-width: 1024px){

.slide_sw_01{padding: 0 40px;}
#st_menu.on {right: 20px;}

.st_inner {padding: 0 50px;}
.st_inner .txt_box > strong {font-size: 40px;line-height: 46px;}
.st_inner .txt_box > span {font-size: 20px;line-height: 22px;}
.st_inner .txt_box > p {font-size: 30px;line-height: 40px;}

.st_item1 .icon_list li > div p {font-size: 18px;line-height: 20px;}
.st_item1 .icon_list li > div {padding: 20px 24px;}
.st_item1 .icon_list li > div p{bottom: 20px;left: 24px;}

.side_Wrap .st_item1 {background-position: 50% center;}
.side_Wrap .st_item2 {background-position: 14% center;}
.side_Wrap .st_item3 {background-position: 75% center;}
.side_Wrap .st_item4 {background-position: 20% center;}
.side_Wrap .st_item5 {background-position: 18% center;}

}



@media screen and (max-width: 768px){
	.pc_only {display: none;}
	.m_only {display: block;}
	
	.st_item4 .sec4Nav > li {float: none;width: 100%;height: 33.333333%;}
	.st_item4 .sec4Nav > li:nth-child(1){left: 0;top: 0;}
	.st_item4 .sec4Nav > li:nth-child(2){left: 0;top: 33.33333%;}
	.st_item4 .sec4Nav > li:nth-child(3){left: 0;top: 66.66666%;}
	.st_item4 .sec4Nav > li a .sec4Nav_cont .icon_box{width: 80px;height: 80px;-webkit-background-size: 40px; background-size: 40px;margin-bottom: 10px;}
	.st_item4 .sec4Nav > li a .sec4Nav_cont .txt_box strong {font-size: 16px;line-height: 20px;}
	.st_item4 .sec4Nav > li a .sec4Nav_cont .txt_box p {font-size: 13px;line-height: 20px;margin-top: 15px;}

	.st_item5 .st_inner{padding: 0;}
	.st_item5 .st_inner .txt_box p.ad_st01{margin: 0 20px; margin-top:40px;}
	.st_map5 {margin: 0 20px;}
	
	.st_inner .txt_box > strong {font-size: 27px;line-height: 36px;} 
	.st_inner .txt_box > span {font-size: 16px;line-height: 26px;margin-bottom: 15px;}
	.st_item4 .sec4Nav > li a .sec4Nav_cont .txt_box p br {display: none;}
	.slickNavWrap {padding-left: 30%;}
	.slickNavWrap .slickArrow {width: 30%;}
	.st_inner .txt_box > p {font-size: 24px;line-height:35px;}
	.st_inner .txt_box > p br {display: none;}
	.slickNavWrap .slickArrow .slick-arrow {-webkit-background-size: 11px; background-size: 11px;}

	.st_item1 .icon_list {margin-top: 40px;}
	.st_item1 .icon_list li > div {position: static;height: auto;background-image: none !important;text-align: center;padding: 15px 10px;}
	.st_item1 .icon_list li > div p {position: static;}
	.st_item1 .icon_list li > div span {margin-bottom: 10px;}
	.st_item1 .icon_list li > div:hover {height: auto;    background-color: rgba(0,0,0,.15);}
	.st_item1 .icon_list li > div:hover p {color: #fff;}
	.st_item1 .icon_list li > div:hover span {color: #fff;}
	.st_item1 .icon_list li > div p {font-size: 15px;line-height: 17px;}
	.st_item1 .icon_list li {width: 31%;height: auto;}
	.st_item1 .icon_list li:first-child {margin-left: 0;}
	.st_item1 .icon_list li:last-child {margin-right: 0;}

	.main_sec_btnBox {margin-top: 30px;}
	#st_menu {display: none;}
	.side_Wrap .st_item:before {display: none;}
	.st_inner {padding: 0 15px;}

	#container.load .scrollDown {bottom: 20px;}
	
	.st_item2 .list_mb {width: 100%;	width: calc(100% + 20px);	width: -webkit-calc(100% + 20px);	width: -moz-calc(100% + 20px);	margin-left: -10px;	margin-top: 40px;}
	.st_item2 .list_mb li {padding:  0 10px;}
	.st_item2 .list_mb .icon_box {width: 120px;height: 120px;}
	.st_item2 .list_mb li a .txt_area strong {font-size: 15px;line-height: 20px;}
	.st_item2 .list_mb li a .txt_area p {display: none;}

}



@media screen and (max-width: 640px){

.slide_sw_01{padding: 0 20px;}
.slide_sw_01>.swiper-container>.swiper-wrapper>.swiper-slide{ }
.slide_sw_01>.owl-carousel a>div{}
.slide_sw_01>.owl-carousel a>p{font-size: 18px;}
.slide_sw_01>.owl-carousel a>span{font-size: 13px;}
	
}


@media screen and (max-width: 639px){
	.st_item2 .list_mb .icon_box {width: 84px;height: 84px;}

}