@charset "utf-8";










/* MAIN_CONTENTS */

#menu{position:fixed;top:40%;right:3%;z-index:9999;}
#menu li{margin-bottom:40px;position:relative;}

#menu li a{width:7px;height:7px;background:#7d7d7d;display:block;border-radius:50%;position:relative;}

#menu li a:after{width:25px;height:25px;border:solid 4px rgba(255,255,255,0.9);border-radius:50%;position:absolute;top:-13px;left:-13px;display:none;content:"";}

#menu li a.active:after,#menu li a:hover:after{display:block;}
#menu li a span{display:none;}


.fp-viewing-BRAND #menu li a:after,.fp-viewing-PERFORMANCE #menu li a:after{border:solid 4px rgba(0,0,0,0.2);}


#fp-nav{display:none !important;}

.scroll{position:absolute;bottom:0;left:50%; width:100px;color:#fff !important;text-transform:uppercase;font-size:12px;text-align:center;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;font-family:'GmarketSansLight';padding-bottom:60px;z-index:99999;}
.scroll:after{width:1px;height:50px;background:rgba(255,255,255,0.4);position:absolute;bottom:0;left:50%;display:block;content:"";transition:all 0.2s ease;}
.scroll:before{width:1px;height:20px;background:rgba(255,255,255,1);position:absolute;bottom:0;left:50%;display:block;content:"";transition:all 0.2s ease;}
.scroll:hover{transform:translateY(10px);-webkit-transform:translateY(10px);-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
.scroll:hover:before{height:50px;transition:all 0.2s ease;}

.fp-viewing-BRAND .scroll{color:#000;}
.fp-viewing-BRAND .scroll:after{background:rgba(0,0,0,0.4);}
.fp-viewing-BRAND .scroll:before{background:rgba(0,0,0,1);}

@media screen and (max-width:1500px){
#menu{right:2%;}
}
@media screen and (max-width:1360px){
#menu{right:3%;}
}
@media screen and (max-width:767px){
#menu{display:none;}

.scroll{font-size:10px;}
}
@media screen and (max-width:460px){
.scroll{width: 100%;}
    
.sec_1stpage .scroll{width: 25% !important;right:0 !important;} 
}

.m_rlotbg{display:none;}
.sec_2ndpage .ictmain{osition: relative; height:591px;  }

.sec_2ndpage .ictmain .rlotbg{z-index:-999; margin-left:140px;}
.sec_2ndpage .ictmain .rlot01{position: absolute;top: 120px; left: 0px; z-index:999;}
.sec_2ndpage .ictmain .rlot02{position: absolute;top: 470px; left: 0px; z-index:999;}
.sec_2ndpage .ictmain .rlot03{position: absolute;top: 325px; left: 275px; z-index:999;}
.sec_2ndpage .ictmain .rlot04{position: absolute;top: 120px; left: 610px; z-index:999;}
.sec_2ndpage .ictmain .rlot05{position: absolute;top: 315px; right: 215px; z-index:999;}
.sec_2ndpage .ictmain .rlot06{position: absolute;top: 115px; right: 20px; z-index:999;}
.sec_2ndpage .ictmain .rlot07{position: absolute;top: 475px; right: 20px; z-index:999;}

@media screen and (max-width:767px){
	footer .disF{width:98% !important; margin:0 auto;}
	footer .TR{text-align:left  !important;}
	footer  .mt80 {margin-top:10px  !important;}
	#back2top{display:none !important;}
	.sec_2ndpage{height:800px !important;}
	.sec_2ndpage .ictmain{osition: relative; width:95%; margin:0 auto;  }
.m_rlotbg{display:block; width:100%;}
.m_rlotbg img{width:100%;}
.sec_2ndpage .ictmain .rlotbg{display:none;}
.sec_2ndpage .ictmain .rlot01{display:none;}
.sec_2ndpage .ictmain .rlot02{display:none;}
.sec_2ndpage .ictmain .rlot03{display:none;}
.sec_2ndpage .ictmain .rlot04{display:none;}
.sec_2ndpage .ictmain .rlot05{display:none;}
.sec_2ndpage .ictmain .rlot06{display:none;}
.sec_2ndpage .ictmain .rlot07{display:none;}
}


.section{width:100%;height:100%;}
.section.sec_1stpage{}
.section.sec_2ndpage{background-color:#f0f6fb; }
.section.sec_3rdpage{background:url(/img/sec3_bg.jpg) no-repeat 0 0;background-size:cover;padding: 0 0;}
.section.sec_3rdpage2{background-color:#cee7d5;}
.section.sec_4ndpage{background-color: #fff;}
.section.sec_5ndpage{background-color: #e9ebff;}
.section.sec_6ndpage{background:url(/base/img/img/6bg.jpg) no-repeat 0 0;background-size:cover;}

.section h2.t{display:none;font-size:0;text-indent:-9999px;}
.section h3{}
.section .inner{width:100%;max-width:1480px;margin:0 auto;position:relative;}

.section .effect{opacity:0;transform:translateY(60px);-webkit-transform:translateY(60px);transition:all .4s ease-in-out;}
.section.on .effect{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);}

.effect.delay4{transition-delay:.4s;}
.effect.delay5{transition-delay:.5s;}
.effect.delay6{transition-delay:.6s;}


}

/*
@media screen and (max-width:1600px) {
.section .inner{width:94%;max-width:94%;margin:0 auto;}
}
@media screen and (max-width:1280px) {
.section .effect{margin-bottom:40px;}
.section.sec_3rdpage{background:url(/img/sec3_bg.jpg) no-repeat top 0 left -400px !important;}
}
@media screen and (max-width:767px) {
.section .effect{margin-bottom:0;}
.section.sec_3rdpage{background:url(/img/sec3_bg.jpg) no-repeat top 0 left -750px !important;}
}
@media screen and (max-width:640px) {
.section.sec_3rdpage{background:url(/img/sec3_bg.jpg) no-repeat top 0 left -750px !important;}
.section .inner{padding:60px 0 120px 0;}
}
@media screen and (max-width:460px) {
.section,.section>div{height:auto !important;}
}
*/


/* Main Visual */
.sec_1stpage{position:relative;}
.sec_1stpage .kakao{position:absolute; height:100px; width:100%; background-color:#fae100; bottom:0; z-index:999999; text-align:center; padding-top:25px;}
.main_visual{height:100vh;position:relative;}
.main_visual .slick-initialized .slick-slide{height:100vh;background-position:center center;background-size:cover;}
.main_visual .slick-initialized .slick-slide>div{width:100%;max-width:1500px;height:100%;margin:0 auto;display:table;}
.main_visual .slick-initialized .slick-slide>div p{display:table-cell;vertical-align:middle;text-align:left;}

.main_visual .tit,.main_visual .auth{color:#000;display:block;text-align:left;border:solid 1px #1cd7bd;}
.main_visual .tit{font-size:72px;line-height:140%;font-family:'GmarketSansLight';}
.main_visual .tit b{font-family:'GmarketSansMedium';}
.main_visual .auth{}
.main_visual .auth a.button.type1{color:#fff !important;}


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

.main_visual .slick-initialized .slick-slide>div{width:94%;max-width:100%;}
}
@media screen and (max-width:767px){
a.button{width:200px;font-size:18px;}
.section.sec_2ndpage{background:url(/base/img/img/2bg.jpg) no-repeat 50% 0;background-size:cover;}
}
@media screen and (max-width:640px){
	
a.button{font-size:16px;line-height:50px;}
}
@media screen and (max-width:500px){
a.button{width:180px;font-size:14px;line-height:40px;}
}




.slick-active .tit,.slick-active .auth{-webkit-animation:move 1.6s ease;-moz-animation:move 1.6s ease;-o-animation:move 1.6s ease;-ms-animation:move 1.6s ease;animation:move 1.6s ease;}

.main_visual .slick-prev{width:26px;height:46px;background-image:url(/img/btn_prev.png);background-repeat:no-repeat;left:2%;z-index:99;opacity:0.6;}
.main_visual .slick-next{width:26px;height:46px;background-image:url(/img/btn_next.png);background-repeat:no-repeat;right:2%;z-index:99;opacity:0.6;}
.main_visual .slick-prev:before,.main_visual .slick-next:before{content:"";}
.main_visual .slick-prev:hover,.main_visual .slick-next:hover{opacity:1;}

.main_visual .controls{width:100%;text-align:center;position:absolute;bottom:6%;z-index:99;}
.main_visual .controls .dots{display:inline-block;}
.main_visual ul.slick-dots{bottom:0;position:static;display:none !important;}
.main_visual ul.slick-dots li{width:auto;margin:0 6px;display:inline-block;}
.main_visual ul.slick-dots li button{width:12px;height:12px;border:solid 1px #fff;cursor:pointer;display:block;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;border-radius:50%;}
.main_visual ul.slick-dots li.slick-active button,.main_visual ul.slick-dots li:hover button{background:#fff;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}

.main_visual  button.control{width:11px;height:14px;margin-top:-7px;cursor:pointer;text-indent:-20000px;border:none;vertical-align:top;display:none !important;}
.main_visual  button.control.play{background:url(/img/btn_play.png) no-repeat;}
.main_visual  button.control.pause{background:url(/img/btn_stop.png) no-repeat;}

@media all and (max-width:1580px){
.main_visual .slick-prev,.main_visual .slick-next{display:none !important;}
}

.slick-list,.slick-slider,.slick-track{position:relative;display:block;}
.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden;}
.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:0;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.slick-track{top:0;left:0;}
.slick-track:after,.slick-track:before{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-slide{height:100%;min-height:1px;display:none;float:left;}
[dir=rtl] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-vertical .slick-slide{height:auto;border:1px solid transparent;display:block;}
.slick-arrow.slick-hidden{display:none !important;}

.slick-prev,.slick-next{width:26px;height:46px;padding:0;font-size:0;line-height:0;position:absolute;top:50%;display:block;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);cursor:pointer;color:transparent;border:none;background:transparent;}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1;}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25;}
.slick-prev:before,.slick-next:before{font-size:20px;line-height:1;opacity:.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

@media all and (max-width:767px){
.slick-prev,.slick-next{top:auto;bottom:4%;}
}




/*  */
.sec_2ndpage{padding-top:150px;position: relative;overflow: hidden !important; }
.sec_2ndpage .sec_2ndpage_Box{}
.sec_2ndpage .sec_2ndpage_Box li{width:calc(100%/5.4);display:block;}
.sec_2ndpage .sec_2ndpage_Box li img{width:100%;}
.sec_2ndpage .sec_2ndpage_Box li span{padding:10px 0; text-align:center; }
.sec_2ndpage .sec_2ndpage_Box1 .brand{ font-size:34px; padding:0 0 25px 0; font-weight:800;}
.sec_2ndpage .sec_2ndpage_Box1 .brand1{ font-size:28px; font-weight:700; line-height:36px; padding:25px 0;}
.sec_2ndpage .sec_2ndpage_Box1 .brand2{ font-size:18px; line-height:160%;}
.sec_2ndpage .sec_2ndpage_Box1 .brand3{ font-size:24px; padding:0 0 20px 0; font-weight:800;}
.sec_2ndpage h2 br.PPH{display: block;}
.sec_2ndpage h2 br.PPH2{display: none;}
.sec_2ndpage h2 br.PPH3{display: none;}
.sec_2ndpage h2 br.PPH4{display: block;}

.sec_2ndpage .tit b{font-family:'GmarketSansBold';color:#000;}

.sec_2ndpage .disF a{width:440px;height:440px;display:block;padding:0;margin:0 3%;text-align:center;border-radius:50%;color:#fff;background:url(/img/sec2_img1.png) no-repeat 0 0;background-size:cover;opacity: .8;transition:all 0.2s ease;}
.sec_2ndpage .disF a:nth-child(2){background:url(/img/sec2_img2.png) no-repeat 0 0;background-size:cover;}
.sec_2ndpage .disF a:hover {opacity: 1;transition:all 0.2s ease}

.sec_2ndpage .disF a figure{width: 100%;height: 100%; overflow:hidden;display:block;position: relative;border-radius:50%;}

.sec_2ndpage .disF a figure h7{width: 100%; font-family:'GmarketSansBold';position: absolute;top:100px;left:0;letter-spacing:  -0.05em;}
.sec_2ndpage .disF a figure h8{width: 100%; left:0;font-size: 100px; font-family:'GmarketSansLight';font-weight: 200 !important; position: absolute;bottom:-50px;display: block;}
.sec_2ndpage .disF a:hover,.sec_2ndpage .disF a:hover h8{transition:all 0.2s ease;color:#14d6bb !important;}

.sec_2ndpage .disF a span{text-align:center;}
.sec_2ndpage .disF a span font{margin-top:40px;color: #777 !important;line-height: 160%;}
.sec_2ndpage .disF a:hover span font{color: #555 !important;}

@media all and (max-width:767px){
.slick-prev,.slick-next{top:auto;bottom:4%;}
}
/*
@media screen and (max-width:1920px) {
.sec_2ndpage_Box1{margin-top: 30px !important;}
.sec_2ndpage .disF.jc.mt120 {margin-top: 50px !important;}
}
@media screen and (max-width:1500px) {
.sec_2ndpage h2{font-size: 45px;}
}
@media screen and (max-width:1280px) {
.sec_2ndpage h2{font-size: 40px;}
}
@media screen and (max-width:1100px) {
.sec_2ndpage .disF{margin-top: 140px !important;}
.sec_2ndpage .disF a{width:360px;height:360px;margin:0 5%;}
.sec_2ndpage .disF a figure h7{font-size: 30px;top:80px;}
.sec_2ndpage .disF a figure h8{font-size: 80px;bottom:-40px;}
.sec_2ndpage .disF a span font{margin-top:30px;}
.sec_2ndpage .disF a span font.txt.type20{font-size: 18px;}
}
@media screen and (max-width:960px) {
.sec_2ndpage:before{width:450px;height:625px;top:55%;opacity: .7;}
.sec_2ndpage:after{width:500px;height:383px;opacity: .7;}
    
.sec_2ndpage h2{font-size: 33px;letter-spacing: -0.05em;}
.sec_2ndpage .disF a{width:340px;height:340px;margin:0 3%;}
}
@media screen and (max-width:840px) {
.sec_2ndpage .disF a{width:300px;height:300px;margin:0 3%;}
.sec_2ndpage .disF a figure h7{font-size: 25px;top:60px;}
.sec_2ndpage .disF a figure h8{font-size: 70px;bottom:-35px;}
}
@media screen and (max-width:767px) {
.sec_2ndpage:before{width:350px;height:487px;top:55%;opacity: .7;}
.sec_2ndpage:after{width:400px;height:306px;opacity: .7;}
.sec_2ndpage h2{width: 90%;margin: 0 auto;font-size: 30px;letter-spacing: -0.05em;}
.sec_2ndpage h2 br.PPH2{display: block;}
.sec_2ndpage h2 br.PPH4{display: none;}
    
.sec_2ndpage_Box1{margin-top: 10px !important;}
    
.sec_2ndpage .disF{margin-top: 100px !important;}
.sec_2ndpage .disF a{width:250px;height:250px;margin:0 5%;}
.sec_2ndpage .disF a figure h7{font-size: 22px;top:40px;}
.sec_2ndpage .disF a figure h8{font-size: 50px;bottom:-20px;}

.sec_1stpage .kakao {
    position: absolute;
    height: 70px;
    width: 100%;
    background-color: #fae100;
    bottom: 0;
    z-index: 999999;
    text-align: center;
    padding-top: 17px;
}
.sec_1stpage .kakao img{width:50%;}
}
@media screen and (max-width:700px) {    
.sec_2ndpage .disF{margin-top: 80px !important;}
.sec_2ndpage .disF a{margin:0 3%;}
.sec_2ndpage .disF a figure h7{font-size: 20px;top:40px;}
.sec_2ndpage .disF a figure h8{font-size: 45px;bottom:-20px;}
.sec_2ndpage .disF a span font.txt.type20{font-size: 16px;letter-spacing: -0.04em;}
}
@media screen and (max-width:640px) {
.sec_2ndpage h2{font-size: 27px;}
.sec_2ndpage .sec_2ndpage_Box li {
 margin-top:5px;
}
.sec_2ndpage .sec_2ndpage_Box li span {
	display:none; 
}
.sec_2ndpage .sec_2ndpage_Box1 .brand {
    font-size: 21px;
    padding: 0 0 25px 0;
}
.sec_2ndpage .sec_2ndpage_Box1 .mt20 {
    margin-top: 0px !important;
}
.sec_2ndpage .sec_2ndpage_Box1 .brand2 {
    font-size: 14px;
}
.sec_2ndpage .sec_2ndpage_Box1 .brand3 {
    font-size: 18px;
    padding: 20px 0 10px 0;
}
.scroll {
display:none;
}
}
@media screen and (max-width:600px) {   
 .section h3{  font-size:18px; font-weight: 700;}
.sec_2ndpage{padding-top:50px;position: relative;overflow: hidden !important; z-index:999999;}

.sec_2ndpage .disF{margin-top: 20px !important;}
.sec_2ndpage .disF a{width:230px;height:200px;margin:0 1%;border-radius:10px;}
    
.sec_2ndpage .disF a figure{width: 95% !important;margin: 0 auto !important;border-radius: 5px !important;}
.sec_2ndpage .disF a figure h7{font-size: 20px;top:40px;}
.sec_2ndpage .disF a figure h8{font-size: 45px;bottom:-20px;}
.sec_3ndpage1 .sec_3ndpage_Box .brand3 {
    font-size: 18px !important;margin:
    padding: 0 0 20px 0;
    font-weight: 800;
}
}


*/



 
/************** sub **************/
.svis{height:408px;  position:relative;overflow:hidden;}
.svis h2,
.svis font{z-index:11;}

.svis div{width:100%; height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.svis div h2{color:#3e458b;margin-top:90px; font-size:41px;}
.svis div font{color:#3e458b;}


.bg1{background:url(/base/img/img/sub1_img.jpg) no-repeat 0 0;}
.bg2{background:url(/base/img/img/sub2_img.jpg) no-repeat 0 0;}
.bg3{background:url(/base/img/img/sub3_img.jpg) no-repeat 0 0;}
.bg4{background:url(/base/img/img/sub4_img.jpg) no-repeat 0 0;}
.bg5{background:url(/base/img/img/sub5_img.jpg) no-repeat 0 0;}

.m_img{display:none;}
@media all and (max-width:767px){
	.svis{height:218px; }
	.bg1{background-size: cover; background-position: center;}
	.bg2{background-size: cover; background-position: center;}
	.bg3{background-size: cover; background-position: center;}
	.bg4{background-size: cover; background-position: center;}
	.bg5{background-size: cover; background-position: center;}
	.svis div h2{color:#3e458b;margin-top:90px; font-size:21px;}
.svis div font{color:#3e458b;}

.WRAP-1280 {
    max-width: 98%;
}
.contents img {width:100%;}
.sub_uto {
    padding: 60px 0 60px 0 !important;
}
.m_img{display:block;}


}


/************************************************************************
* motion *
************************************************************************/
.ex{opacity:0;}
.ex.in-view{animation-name:fadeUpAni;animation-duration:0.7s;animation-fill-mode:forwards;animation-delay:0.5s;}

@keyframes upslide{
	0%{opacity:0;transform:translateY(100%)}
	to{opacity:1;transform:translateY(0%)}
}
@keyframes leftslide{
	0%{opacity:0;transform:translateX(100%)}
	to{opacity:1;transform:translateX(0%)}
}
@keyframes rightslide{
	0%{opacity:0;transform:translateX(-100%)}
	to{opacity:1;transform:translateX(0%)}
}
@keyframes downslide{
	0%{opacity:0;transform:translateY(-100%)}
	to{opacity:1;transform:translateY(0%)}
}

@keyframes fade{
	0%{opacity:0;}
	50%{opacity:1;}
	to{opacity:0;}
}





/************************************************************************
* submenu *
************************************************************************/
.submenuBox{border-bottom:1px solid #d6d6d6;}
.subMenu,
.subMenu li{list-style:none;}
.subMenu li a{width:100%;color:#0c0c0c;padding:0 50px;font-size:20px;line-height:75px;display:block;position:relative;transition:all 0.2s ease;}
.subMenu li a:after{width:0;height:3px;background:#27409a;position:absolute;bottom:0;left:50%;display:block;content:"";transition:all 0.2s ease;}
.subMenu li:hover a,
.subMenu li.active a{color:#27409a;font-weight:bold;transition:all 0.2s ease;}
.subMenu li:hover a:after,
.subMenu li.active a:after{width:100%;left:0;transition:all 0.2s ease;}
@media all and (max-width:1200px){
.subMenu li a{font-size:18px;}
}
@media all and (max-width:1100px){
.subMenu li a{padding:0 40px;}
}
@media all and (max-width:960px) {
.subMenu li a{padding:0 30px;line-height:70px;}
}
@media all and (max-width:640px){
.subMenu li{width:calc(100%/4.005);}
.subMenu li a{font-size:16px;padding:0 2px;line-height:65px;text-align:center;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
}
@media all and (max-width:540px){
.submenuBox .WRAP{width:100% !important;}
.subMenu li{width:calc(100%/4.005);border-bottom:solid 1px #e5edf4;}
.subMenu li a{font-size:15px;line-height:50px;}
.subMenu.menu3 li{width:calc(100%/3.005);}
}



.subMenu4 li{width:50%;padding:0 10px;}
.subMenu4 li a{width:100%;color:#000;text-align:center;font-size:22px;line-height:66px;border:solid 3px #ddd;display:block;position:relative;transition:all 0.2s ease;}
.subMenu4 li a:after{width:0;height:100%;background:#3392df;position:absolute;bottom:0;left:50%;display:block;content:"";transition:all 0.2s ease;z-index:-1;}
.subMenu4 li:hover a,
.subMenu4 li.active a{color:#fff;border-color:#3392df;transition:all 0.2s ease;}
.subMenu4 li:hover a:after,
.subMenu4 li.active a:after{width:100%;left:0;transition:all 0.2s ease;}
@media all and (max-width:1500px){
.subMenu4 li a{line-height:62px;}
}
@media all and (max-width:1100px){
.subMenu4 li a{font-size:20px;}
}
@media all and (max-width:960px) {
.subMenu4 li{padding:0 5px;}
.subMenu4 li a{font-size:18px;line-height:58px;}
}
@media all and (max-width:640px){
.subMenu4 li{padding:0 2px;}
.subMenu4 li a{font-size:16px;line-height:52px;}
}
@media all and (max-width:540px){
.subMenu4 li a{font-size:15px;line-height:48px;}
}


   
    
    
/************************************************************************
* SUB_CONTENTS *
************************************************************************/



/********** 타이틀 **********/
.subtit{padding:80px 0 50px 0;border-bottom:solid 1px #eee;opacity:0;}
.subtit.in-view{animation-name:upslide;animation-duration:1s;animation-fill-mode:forwards;}

@media all and (max-width:960px){
.subtit{padding:60px 0 40px 0;}
}
@media all and (max-width:767px){
.subtit{padding:50px 0 35px 0;}
}
@media all and (max-width:640px){
.subtit{padding:40px 0 30px 0;}
}

.sub_uto{padding:120px 0 120px 0;}
 .sec_comp_02{background:url(/base/img/img/sub1_bg01.jpg) no-repeat 0 0;}  
 .sec_comp_04{background-color:#f5f5f5;}      
  .sec_ict_bg{background-color:#f3f6fd;}  
    
    .customer li{padding:19px 19px 0 0;}