@charset "utf-8";

#mainWrapper{overflow:hidden;}
.mainVisual{position:relative;width:100%;height:600px;overflow:hidden;z-index:1;}
.mainVisual .slide{width:100%;height:100%;}
.mainVisual .slide div{height:100%;}
.mainVisual .slide .item{position:relative;transition-duration:1500ms !important;}
.mainVisual .slide .item img{position:relative;left:40%;transform:translateX(-40%);}
.mainVisual .slide .item.slick-active img{z-index:1;/*animation:move_fade 5s 1;*/}
.mainVisual .slide .item.reset-animation img{animation:none;}
.mainVisual .slide .item .copy{position:absolute;top:50%;right:0;z-index:1;margin-top:-201px;width:41%;height:402px;background:rgba(12,73,163,0.85);z-index:1;/*font-family:'SCDream';*/color:#fff;text-shadow:1px 1px 1px #000;}
.mainVisual .slide .item .copy h2{margin:56px 0 0 40px;font-size:48px;font-weight:600;line-height:1.3;}
.mainVisual .slide .item .copy h2 span{display:block;font-size:35px;}
.mainVisual .slide .item .copy p{padding-top:27px;margin:30px 0 0 40px;font-size:24px;font-weight:500;border-top:1px solid rgba(255,255,255,0.3);}
.mainVisual .slide .item.item1 .copy{background:rgba(12,73,163,0.85);}
.mainVisual .slide .item.item2 .copy{background:rgba(25,50,119,0.85);}
.mainVisual .slide .item.item3 .copy{background:rgba(0,133,195,0.85);}
.mainVisual .ctrl{position:absolute;bottom:125px;right:calc(50% - 700px);z-index:1001;}
.mainVisual .ctrl button{width:40px;height:40px;text-indent:-9999px;overflow:hidden;vertical-align:top;margin:2px;}
.mainVisual .ctrl button:focus{outline:1px dotted rgba(255,255,255,0.3);}
.mainVisual .ctrl button.slick-play{display:none;background:url('../imgs/main/mainVisual_play.png') no-repeat 50%;}
.mainVisual .ctrl button.slick-stop{background:url('../imgs/main/mainVisual_stop.png') no-repeat 50%;}
.mainVisual .ctrl .dots{display:inline-block;margin-right:5px;}
.mainVisual .ctrl .dots li{position:relative;display:inline-block;margin:0 4px;border-radius:100px;width:44px;height:44px;}
.mainVisual .ctrl .dots li span{position:absolute;top:0;display:block;width:50%;height:100%;overflow:hidden;}
.mainVisual .ctrl .dots li span.left{right:0;}
.mainVisual .ctrl .dots li span.right{left:0;}
.mainVisual .ctrl .dots li span:before{content:'';display:block;position:absolute;top:0;width:100%;height:100%;background:#fffd14;box-sizing:border-box;}
.mainVisual .ctrl .dots li span.left:before{right:100%;border-top-left-radius:100px;border-bottom-left-radius:100px;border-right:0;transform-origin:100% 50%;}
.mainVisual .ctrl .dots li span.right:before{left:100%;border-bottom-right-radius:100px;border-top-right-radius:100px;border-left:0;transform-origin:0 50%;}
.mainVisual .ctrl .dots li button{position:relative;text-indent:0;font-size:15px;color:#fff;font-weight:bold;background:#0c49a3;border-radius:100px;transition:all .5s;}
.mainVisual .ctrl .dots li.slick-active span.left:before{animation:ui-spinner-rotate-left 3.2s 1 linear;animation-fill-mode:forwards}
.mainVisual .ctrl .dots li.slick-active span.right:before{animation:ui-spinner-rotate-right 3.2s 1 linear;animation-fill-mode:forwards}
.mainVisual .ctrl .dots li.slick-active button{color:#fffd14;}
.mainVisual .ctrl .dots.stop li.slick-active span:before{animation-play-state:paused;}
.mainVisual .ctrl .dots.dots1 li button{background:#1a59ac;}
.mainVisual .ctrl .dots.dots2 li button{background:#273f81;}
.mainVisual .ctrl .dots.dots3 li button{background:#077fb8;}
.mainVisual .scroll{position:absolute;bottom:30px;right:0;width:110px;height:115px;text-align:center;font-size:15px;color:#fff;}
.mainVisual .scroll:before{position:absolute;bottom:0;left:50%;content:'';display:block;width:1px;height:78px;background:#fff;opacity:0.5;}
.mainVisual .scroll:after{position:absolute;bottom:0;left:50%;content:'';display:block;width:1px;height:30px;background:#fff;animation-name:move_scroll; animation-duration:1.3s; animation-iteration-count:infinite; animation-timing-function:ease-in-out;}
@keyframes move_fade{
	0%{transform:scale(1.2) translateX(-40%) rotate(.001deg);}
	100%{transform:scale(1) translateX(-40%);}
}
@keyframes mobile_fade{
	0%{transform:scale(1.2) rotate(.001deg);}
	100%{transform:scale(1);}
}
@keyframes move_scroll{
	0% {bottom:0;}
	50% {bottom:48px;}
    100% {bottom:0;}
}
@keyframes ui-spinner-rotate-right{
  0%{transform:rotate(0deg)}
  50%{transform:rotate(0deg)}
  90%{transform:rotate(180deg);opacity:1;}
  100%{transform:rotate(180deg);opacity:0;}
}
@keyframes ui-spinner-rotate-left{
  0%{transform:rotate(0deg)}
  50%{transform:rotate(180deg)}
  90%{transform:rotate(180deg);opacity:1;}
  100%{transform:rotate(180deg);opacity:0;}
}
.con1{padding:80px 0;min-height:405px;background:url('../imgs/main/con1_bg.png') no-repeat 100% 0;}
.con1 .wrap > div{position:relative;float:left;width:calc(25% - 27px);margin-left:36px;}
.con1 .wrap > div h3{font-size:25px;color:#000;font-weight:500;line-height:27px;margin:0 0 18px;}
.con1 .wrap > div li > a{position:relative;display:block;padding-left:10px;font-size:16px;color:#000;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.con1 .wrap > div li > a:before{position:absolute;top:50%;margin-top:-1px;left:0;content:'';display:block;width:3px;height:3px;background:#949494;}
.con1 .wrap > div li.fir{padding:40px 15px 45px;border:0;}
.con1 .wrap > div li.fir a{white-space:normal;padding:0;}
.con1 .wrap > div li.fir a:before{display:none;}
.con1 .wrap > div li.fir strong{display:block;font-size:20px;color:#013a97;font-weight:500;margin:0 0 18px;height:60px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.con1 .wrap > div li.fir span{display:block;font-size:16px;color:#333;font-weight:300;height:50px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.con1 .wrap > div a.more{position:absolute;top:0;right:0;display:block;width:24px;height:24px;text-indent:-9999px;overflow:hidden;background:url('../imgs/main/more.png') no-repeat 100% 50%;}
.con1 .wrap > div.tabList{margin:0;width:calc(50% - 27px);height:405px;}
.con1 .tabList li{float:left;}
.con1 .tabList li a.tabBtn, .con1 .tabList li button.tabBtn{position:relative;display:block;padding:0 15px;font-size:18px;color:#737373;font-weight:400;line-height:27px;}
.con1 .tabList li button.tabBtn{background:none;border:none;cursor:pointer;font-family:inherit;text-align:left;margin:0;}
.con1 .tabList li a.tabBtn:before, .con1 .tabList li button.tabBtn:before{position:absolute;top:50%;margin-top:-2px;left:-1px;content:'';display:block;width:5px;height:5px;border-radius:100px;background:#cacaca;}
.con1 .tabList li:first-child a.tabBtn, .con1 .tabList li:first-child button.tabBtn{padding-left:0;}
.con1 .tabList li:first-child a.tabBtn:before, .con1 .tabList li:first-child button.tabBtn:before{display:none;}
.con1 .tabList li.on a.tabBtn, .con1 .tabList li.on button.tabBtn{font-size:25px;color:#000;font-weight:500;}
.con1 .tabList .tabContent{position:absolute;top:45px;left:0;width:100%;height:360px;border:1px solid #ccc;background:#fff;box-sizing:border-box;}
.con1 .tabList .tabContent ul{padding:0 18px;}
.con1 .tabList .tabContent li{float:none;padding:15px 5px;border-top:1px dashed #c4c4c4;}
.con1 .tabList .tabContent li:first-child{border:0;padding:40px 5px 25px;}
.con1 .tabList .tabContent a.more{top:-45px;}
.con1 .photo .item{width:100%;height:270px;border:1px solid #ccc;background:#093c7a;box-sizing:border-box;}
.con1 .photo .item a, .con1 .photo .item span{display:block;}
.con1 .photo .item span.img{width:100%;height:213px;overflow:hidden;text-align:center;line-height:0;background:#fff;}
.con1 .photo .item span.img:before{content:'';display:inline-block;height:100%;vertical-align:middle;}
.con1 .photo .item span.img img{width:100%;transition:all .4s;vertical-align:middle;}
.con1 .photo .item span.tit{margin:13px 20px 0 30px;font-size:17px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.con1 .photo .item span.date{opacity:0.75;margin:27px 20px 0 30px;padding-left:24px;font-family:'Lato';font-size:16px;color:#fff;background:url('../imgs/main/date.png') no-repeat 0 5px;}
.con1 .photo .item a:hover{text-decoration:none;}
.con1 .photo .item a:hover span.tit{text-decoration:underline;}
.con1 .photo .item a:hover span.img img{transform:scale(1.2) rotate(0.001deg);}
.con1 .photo .list {margin-top:10px;background:#132d4d;}
.con1 .photo .list a {position:relative; display:block;padding:27px 30px 24px 30px;color: #fff;font-size: 19px;font-weight: 400;}
.con1 .photo .list a:before{position:absolute; top:33px; left:90%; content:""; width:7px;height:13px;background:url('../imgs/main/arrow.png') no-repeat;}
.con1 .photo .list a:hover:before{animation-name:hover; animation-duration:1s; animation-iteration-count:infinite; animation-timing-function:ease-in-out;}
.con1 .service ul{width:100%;min-height:360px;padding:0 25px;box-sizing:border-box;background:url('../imgs/main/service_bg.jpg') no-repeat;background-size:cover;}
.con1 .wrap > div.service li > a{display:block;font-size:19px;color:#fff;padding:22px 10px 21px;text-shadow:1px 1px 1px rgba(0,0,0,0.5);white-space:normal;border-top:1px solid rgba(255,255,255,0.3);}
.con1 .wrap > div.service li:first-child > a{border:0;}
.con1 .wrap > div.service li > a:before{left:90%;margin-top:-6px;width:7px;height:13px;background:url('../imgs/main/arrow.png') no-repeat;}
.con1 .wrap > div.service li > a:hover:before{animation-name:hover; animation-duration:1s; animation-iteration-count:infinite; animation-timing-function:ease-in-out;}
@keyframes hover{
	50% {transform:translateX(10px);}
}
.con2{padding:90px 0;background:url('../imgs/main/con2_bg.png') no-repeat;background-size:cover;}
.con2 .snsWrap{float:left;width:48.6%;height:412px;background:#0174cd;}
.con2 .snsWrap .title{position:relative;float:left;width:47.3%;height:100%;background:#005a9f;}
.con2 .snsWrap .title:before{position:absolute;top:-40px;left:-26px;content:'';display:block;width:84px;height:82px;background:url('../imgs/main/sns_bg.png') no-repeat;}
.con2 .snsWrap .title h3{margin:85px 48px 0;font-size:27px;color:#fff;font-weight:500;}
.con2 .snsWrap .title p{margin:15px 48px 0;font-size:18px;color:#fff;word-break:keep-all;}
.con2 .snsWrap .title .ctrl{margin:100px 40px 0;}
.con2 .snsWrap .title .ctrl button{width:22px;height:22px;margin:0 4px;text-indent:-9999px;overflow:hidden;background:url('../imgs/main/sns_ctrl.png') no-repeat;}
.con2 .snsWrap .title .ctrl button.slick-prev{background-position:0 50%;}
.con2 .snsWrap .title .ctrl button.slick-stop{background-position:-22px 50%;}
.con2 .snsWrap .title .ctrl button.slick-play{display:none;background-position:-44px 50%;}
.con2 .snsWrap .title .ctrl button.slick-next{background-position:100% 50%;}
.con2 .snsWrap .cts{float:left;width:52.7%;height:100%;}
.con2 .snsWrap .cts ul{float:right;margin:25px 30px 10px 0;}
.con2 .snsWrap .cts ul li{display:inline-block;vertical-align:top;margin:0 2px;}
.con2 .snsWrap .cts .slide{margin:0 30px;}
.con2 .snsWrap .cts .slide .slick-list{width:100%; padding:10px;}
.con2 .snsWrap .cts .slide .item{height:285px;background:#fff;}
.con2 .snsWrap .cts .slide .item a{display:block;margin:0 20px;padding:12px 0 0;height:50%;box-sizing:border-box;}
.con2 .snsWrap .cts .slide .item a:first-of-type{border-bottom:1px solid #ddd;}
.con2 .snsWrap .cts .slide .item strong{display:block;font-size:18px;color:#000;font-weight:600;line-height:1.3;height:48px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.con2 .snsWrap .cts .slide .item strong.desc{font-size:16px;font-weight:400;height:42px;margin-top:3px;}
.con2 .snsWrap .cts .slide .item span{display:block;font-size:16px;text-align:right;margin-top:3px;}
.con2 .snsWrap .cts .slide .item a:hover{text-decoration:none;}
.con2 .snsWrap .cts .slide .item a:hover strong{text-decoration:underline;}
.con2 .infozone{position:relative;float:left;width:calc(25% - 35px);height:412px;margin-left:35px;background:#ccc;}
.con2 .infozone h3{height:47px;padding:9px 28px 0;background:#424649;font-size:25px;font-weight:500;color:#fff;}
.con2 .infozone .ctrl{position:absolute;top:18px;right:20px;}
.con2 .infozone .ctrl button, .con2 .infozone .ctrl a.more{width:21px;height:21px;margin:0 3px;text-indent:-9999px;overflow:hidden;background:url('../imgs/main/info_ctrl.png') no-repeat;}
.con2 .infozone .ctrl button.slick-prev{background-position:0 50%;}
.con2 .infozone .ctrl button.slick-next{background-position:-21px 50%;}
.con2 .infozone .ctrl button.slick-stop{background-position:-42px 50%;}
.con2 .infozone .ctrl button.slick-play{display:none;background-position:-63px 50%;}
.con2 .infozone .ctrl a.more{background-position:100% 50%;display:inline-block;vertical-align:top;margin-left:8px;}
.con2 .infozone .infoBoxjs div{height:356px;}
.con2 .infozone .infoBoxjs .item{text-align:center;}
.con2 .infozone .infoBoxjs .item:before{content:'';display:inline-block;height:100%;vertical-align:middle;/*margin-right:-.25em;*/}
/*.con2 .infozone .infoBoxjs .item a{display:inline-block;line-height:0; margin:3px;}*/
.con2 .infozone .infoBoxjs .item a{line-height:0; width:100%;height:100%}
/*.con2 .infozone .infoBoxjs .item img{width:100%;vertical-align:middle;}*/
.con2 .infozone .infoBoxjs .item img{width:100%;vertical-align:middle; width:95%; height:95%; object-fit:fill;}
.con2 .infozone a:focus.more{outline: 2px solid #ccc} /* 웹 접근성을 위한 포커스 링 색상 수정*/
.con2 .business{float:left;width:100%;height:412px;background:#fff;margin:75px 0 50px;}
.con2 .business .title{position:relative;float:left;width:23%;height:100%;background:#013155;}
.con2 .business .title:before{position:absolute;top:-40px;left:32px;content:'';display:block;width:100px;height:109px;background:url('../imgs/main/busi_bg.png') no-repeat;}
.con2 .business .title h3{margin:100px 48px 0;font-size:27px;color:#fff;font-weight:500;}
.con2 .business .title p{margin:15px 48px 0;font-size:18px;color:#fff;word-break:keep-all;}
.con2 .business .title a.more{margin:70px 48px 0;position:relative;display:block;width:73px;font-size:15px;color:#fff;font-weight:400;padding:6px 10px;border:1px solid #fff;}
.con2 .business .title a.more:before, .con2 .business .title a.more:after{position:absolute;top:50%;right:8px;content:'';display:block;background:#fff;}
.con2 .business .title a.more:before{width:13px;height:1px;}
.con2 .business .title a.more:after{width:1px;height:13px;margin:-6px 6px 0 0;}
.con2 .business .title a.more:hover{background:#fff;color:#013155;text-decoration:none;transition:all .4s;}
.con2 .business .title a.more:hover:before, .con2 .business .title a.more:hover:after{background:#013155;transition:all .4s;}
.con2 .business .cts{float:left;width:77%;height:100%;border:1px solid #ccc;border-left:0;box-sizing:border-box;}
.con2 .business .cts ul{margin:40px 30px 0;}
.con2 .business .cts li{float:left;width:33.33%;}
.con2 .business .cts li a{display:block;margin:0 10px;}
.con2 .business .cts li span{display:block;}
.con2 .business .cts li span.img{width:100%;height:205px;text-align:center;overflow:hidden;margin:20px 0;line-height:0;}
.con2 .business .cts li span.img img{width:100%;transition:all .4s;}
.con2 .business .cts li span.tit{display:inline-block;padding:0 3px;font-size:20px;color:#000;font-weight:600;background:url('../imgs/main/tit_bg.gif') repeat-x 0 17px;}
.con2 .business .cts li span.tt{margin:5px 0 0;display:block;font-size:16px;color:#444;font-weight:300;word-break:keep-all;}
.con2 .business .cts li a:hover span.img img{transform:scale(1.2);}
.con2 .business .cts li a:hover span.tit{text-decoration:underline;}
.con2 .news{position:relative;float:left;width:calc(25.7% - 37px);height:410px;margin-left:35px;border:1px solid #ccc;background:#fff;}
.con2 .news h3{height:47px;padding:8px 28px 0;background:#122e5d;font-size:25px;font-weight:500;color:#fff;}
.con2 .news .item a, .con2 .news .item span{display:block;}
.con2 .news .item span.img{position:relative;width:100%;height:206px;text-align:center;overflow:hidden;margin:0 0 30px;line-height:0;background:#ccc;}
.con2 .news .item a:focus{color: #000; outline-offset: 2px;}
.con2 .news .item span.img:before{content:'';display:inline-block;height:100%;vertical-align:middle;}
.con2 .news .item span.img:after{position:absolute;top:calc(50% - 21px);left:calc(50% - 21px);content:'';display:block;width:53px;height:53px;background:url('../imgs/main/play_ico.png') no-repeat;}
.con2 .news .item span.img img{max-width:100%;transition:all .4s;vertical-align:middle;}
.con2 .news .item span.tit{margin:0 23px;font-size:16px;color:#181717;font-weight:400;height:48px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.con2 .news .item span.date{margin:17px 23px 0;font-family:'Lato';font-size:15px;color:#666;font-weight:400;}
.con2 .news .item.no span.img{height:357px;}
.con2 .news .item.no span.img:after{display:none;}
.con2 .news .item a:hover{text-decoration:none;}
.con2 .news .item a:hover span.img img{transform:scale(1.2);}
.con2 .news .item a:hover span.tit{text-decoration:underline;}
.con2 .news a.more{position:absolute;top:17px;right:23px;display:block;width:21px;height:21px;text-indent:-9999px;overflow:hidden;background:url('../imgs/main/info_ctrl.png') no-repeat 100% 50%;}
.con2 .news a:focus.more{outline: 2px solid #ccc} /* 웹 접근성을 위한 포커스 링 색상 수정*/
@media all and (max-width:1400px) {
	.mainVisual .slide .item .copy h2{font-size:43px;}
	.mainVisual .slide .item .copy h2 span br{display:none;}
	.mainVisual .slide .item .copy p{font-size:20px;}
	.mainVisual .ctrl{right:3%;}
}
@media all and (max-width:1250px) {
	.mainVisual .slide .item .copy{width:50%;}
	.mainVisual .slide .item .copy h2{font-size:38px;}
	.mainVisual .slide .item .copy h2 span{font-size:30px;}
	.mainVisual .slide .item .copy h2 span br{display:block;}
	.con1 .wrap > div{width:calc(25% - 18px);margin-left:24px;}	
	.con1 .tabList li a.tabBtn, .con1 .tabList li button.tabBtn{padding:0 10px;}
	.con2 .business .cts li span.img, .con2 .news .item span.img{height:auto;}
	.con2 .snsWrap .title h3{margin:85px 30px 0;}
	.con2 .snsWrap .title p{margin:15px 30px 0;}
	.con2 .snsWrap .title .ctrl{margin-left:26px;}
	.con2 .snsWrap .cts ul{margin-right:10px}
	.con2 .snsWrap .cts ul li{margin:0;}
	.con2 .snsWrap .cts .slide{margin:0 20px;}
	.con2 .infozone{width:calc(25.7% - 24px);margin-left:24px;}
	.con2 .infozone h3{padding-left:20px;}
	.con2 .infozone .ctrl{right:15px;}
	.con2 .infozone .ctrl button, .con2 .infozone .ctrl a.more{margin:0 2px;}
	.con2 .business .title h3{margin:100px 30px 0;}
	.con2 .business .title p{margin:15px 30px 0;}
	.con2 .business .title a.more{margin-left:30px;}
	.con2 .business .cts ul{margin:58px 20px 0;}
	.con2 .news{width:calc(25.7% - 26px);margin-left:24px;}
	.con2 .news h3{padding-left:20px;}
	.con2 .news a.more{right:17px;}
}
@media all and (max-width:1024px) {
	.aos-init{opacity:1 !important;transition:0s !important;transform:none !important;}
	.mainVisual{height:450px;}
	.mainVisual .item img{height:100%;}
	.mainVisual .slide .item .copy{width:auto;height:260px;margin-top:-130px;}
	.mainVisual .slide .item .copy h2{margin:30px 0 0 30px;font-size:28px;}
	.mainVisual .slide .item .copy h2 span{font-size:24px;}
	.mainVisual .slide .item .copy p{margin:20px 0 0 30px;padding:20px 10px 0 0;font-size:18px;}
	.mainVisual .ctrl{bottom:105px;}
	.mainVisual .scroll{display:none;}
	.con1{padding:60px 3% 0;}
	.con1 .wrap > div{width:calc(50% - 15px);margin:0 0 40px 30px;}
	.con1 .wrap > div.tabList{margin:0 0 40px;width:100%;}
	.con1 .wrap > div.photo{margin-left:0;}
	.con1 .photo .item span.img{max-height:213px;}
	.con2{padding:40px 3% 60px;}
	.con2 .snsWrap{float:none;width:100%;margin:0 0 30px;}
	.con2 .snsWrap .title h3, .con2 .snsWrap .title p, .con2 .business .title p{margin-right:15px;}
	.con2 .infozone{float:none;width:calc(50% - 15px);margin:0;}
	.con2 .business{float:none;width:100%;margin:40px 0;}
	.con2 .business .title:before{top:-30px;}
	.con2 .business{height:auto;}
	.con2 .business .title{position:relative;float:none;width:100%;height:auto;padding:20px 0;}
	.con2 .business .title:before{left:auto;right:32px;}
	.con2 .business .title h3{margin:0 20px;}
	.con2 .business .title p{margin:5px 20px 0;}
	.con2 .business .title a.more{margin:20px 20px 0;}
	.con2 .business .cts{float:none;width:100%;height:auto;padding:0 0 30px;}
	.con2 .business .cts ul{overflow:hidden;margin:30px 10px 0;}
	.con2 .news{float:right;width:calc(50% - 15px);margin:0;}
	.con2 .news .item span.img{max-height:206px;}
	.con2 .news .item.no span.img{max-height:none;}
}
@media all and (max-width:768px) {
	.mainVisual{height:380px;}
	.mainVisual .ctrl{bottom:70px;}
	.mainVisual .ctrl .dots li{width:40px;height:40px;}
	.mainVisual .ctrl .dots li button{width:36px;height:36px;}
	.con2 .snsWrap, .con2 .business{height:auto;}
	.con2 .snsWrap .title{position:relative;float:none;width:100%;height:auto;padding:20px 0;}
	.con2 .snsWrap .title:before{left:auto;right:12px;top:-35px;}
	.con2 .snsWrap .title h3{margin:0 20px;}
	.con2 .snsWrap .title p{margin:5px 20px 0;}
	.con2 .snsWrap .title .ctrl{margin:0;position:absolute;bottom:-53px;left:30px;}
	.con2 .snsWrap .cts{float:none;width:100%;height:auto;padding:0 0 30px;}
	.con2 .snsWrap .cts ul{margin:20px 30px 5px;}
}
@media all and (max-width:640px) {
	.mainVisual, .mainVisual .slide div{height:auto;}
	.mainVisual .slide .item{line-height:0;}
	.mainVisual .slide .item img{top:0;left:0;transform:none;height:380px;}
	.mainVisual .slide .item.slick-active img{animation-name:mobile_fade;}
	.mainVisual .slide .item .copy{position:relative;height:auto;padding:0 0 60px;margin:0;top:auto;width:100%;text-align:center;background:#1b5bad;line-height:1.5;}
	.mainVisual .slide .item .copy h2{margin:0 3%;padding:24px 0 0;font-size:24px;word-break:keep-all;}
	.mainVisual .slide .item .copy h2 br, .mainVisual .slide .item .copy h2 span br{display:none;}
	.mainVisual .slide .item .copy p{margin:20px 3%; padding:16px 0 0;font-size:16px;text-align:left;}
	.mainVisual .slide .item.item2 img{left:calc(50% - 400px) !important;}
	.mainVisual .slide .item.item1 .copy{background:#1a59ac;}
	.mainVisual .slide .item.item2 .copy{background:#273f81;}
	.mainVisual .slide .item.item3 .copy{background:#077fb8;}
	.mainVisual .ctrl{bottom:10px;width:100%;right:0;text-align:center;}
	.con1{padding:40px 3% 20px;background:#fff;}
	.con1 .wrap > div{float:none;width:100%;height:auto;margin:30px 0 0;}
	.con1 .wrap > div li.fir{padding:30px 0;}
	.con1 .wrap > div li.fir strong{font-size:18px;height:54px;margin:0 0 15px;}
	.con1 .wrap > div.tabList{height:380px}
	.con1 .tabList li.on a.tabBtn, .con1 .tabList li.on button.tabBtn{font-size:20px;}
	.con1 .tabList .tabContent{height:336px;}
	.con1 .tabList .tabContent li:first-child{padding:30px 0 20px;}
	.con1 .photo .item{height:auto;padding:0 0 20px;}
	.con1 .photo .item span.img{background:rgba(0,0,0,0.3);}
	.con1 .photo .item span.img img{width:auto;max-width:100%;}
	.con1 .photo .item span.tit{margin:20px 20px 10px;}
	.con1 .photo .item span.date{margin:0 20px;}
	.con1 .service ul{padding:0 20px;}
	.con2{padding:20px 3% 40px;}
	.con2 .snsWrap .title:before, .con2 .business .title:before{display:none;}
	.con2 .snsWrap .title h3, .con2 .business .title h3{font-size:25px;}
	.con2 .snsWrap .title p, .con2 .business .title p{font-size:16px;}
	.con2 .snsWrap .title .ctrl{bottom:auto;left:auto;right:3%;top:27px;}
	.con2 .snsWrap .cts ul{float:none;text-align:center;margin:20px 0 5px;}
	.con2 .snsWrap .cts .slide{margin:0 10px;}
	.con2 .infozone{display:none;}
	.con2 .business{margin:30px 0;}	
	.con2 .business .cts{padding:0;}
	.con2 .business .cts ul{margin:20px 10px 0;}
	.con2 .business .cts li{margin:0 0 20px;float:none;width:100%;text-align:center;}
	.con2 .business .cts li span.img{margin:10px 0;}
	.con2 .business .cts li span.img img{width:auto;max-width:100%;}
	.con2 .news{float:none;width:100%;height:auto;}
	.con2 .news .item a{padding:0 0 20px;}
	.con2 .news .item span.img{margin:0 0 20px;}
	.con2 .news .item.no span.img{margin:0;}
}
@media all and (max-width:460px) {
	.mainVisual .slide .item img{left:-95px;}
}
@media all and (max-width:380px) {
	.mainVisual .slide .item img{left:-150px;}
	.con1 .photo .item span.img img{width:100%;}
}