@import url('common.css'); 
@import url('sub.css'); 




/* About Us */
.about_overview{}
.about_overview dl{display:flex; flex-wrap:wrap;}
.about_overview dl dt{width:545px;}
.about_overview dl dt img{width:100%;}
.about_overview dl dd{box-sizing:border-box; width:calc(100% - 545px); padding:0 0 0 60px; display:flex; justify-content: center; flex-direction: column;}

.about_mission{}
.about_mission ul{display:flex; flex-wrap:wrap;}
.about_mission ul li{margin:0 30px 0 0; width:calc((100% - 60px)/3); box-sizing:border-box; border-radius:var(--borderR20); overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:cover; text-align:center; padding:80px 30px; position:relative;}
.about_mission ul li:after{display:block; content:""; width:0; height:96%; border:1px solid #fff; box-sizing:border-box; position:absolute; top:2%; left:2%; opacity:0;  -ms-transform: skewX(-30deg); transition: all 0.3s ease-out; -webkit-transform: skewX(-30deg);  transform: skewX(-30deg); z-index:5; border-radius:var(--borderR20);}
.about_mission ul li:hover:after{opacity:.3; width:96%;  -ms-transform: skewX(0deg); -webkit-transform: skewX(0deg); transform: skewX(0deg); transition: all 0.3s ease-out;}
.about_mission ul li:last-child{margin:0;}
.about_mission ul li img{width:100px; margin:20px auto 0;}
.about_mission ul li .fs22{margin: 0; color:#fff;}
.about_mission ul li .fs19{margin:20px 0 0; color:#fff;}
.about_mission ul li .txt{margin:8px 0 0; color:#fff;}




/* History */
.history_top{position:relative; overflow: hidden; padding-left:20px; padding-right:20px;}
.history_top .bg{width:100%; height:100%; position:absolute; left:0; top:0; background:url('/company/img/history_img.jpg')no-repeat center/cover; transform: scale(1); animation: m_vsImg 1.8s;}
.history_top .subTit{color:#fff;}
.history_top .txt{color:#fff;}

.partner{overflow: hidden;}
.partner .rolling_wrap{}
.partner .rolling_wrap p{margin-bottom:-40px; font-size: 200px; font-weight: 800; color: var(--grayBg); font-family:var(--korFont); line-height:1; white-space: nowrap;}
.partner .partner_in{position: relative; z-index:2; overflow: hidden; background:url('/company/img/partner_bg.jpg')no-repeat center/cover;}
.partner .partner_in .subTit{color:#fff;}
.partner .partner_in .subTit .point{color:#fff;}

.partner_roll{display: flex; flex-flow: row nowrap; align-items: center;}
.partner_roll ul{display: flex; flex-flow: row nowrap; align-items: center;}
.partner_roll ul li{margin:0 30px 0 0; width:200px;}
.partner_roll ul li img{width:100%; background-repeat:no-repeat; background-position:center; background-size:contain;}
.partner_roll ul { animation: roll_right linear infinite;  animation-duration: var(--length);}
 
@keyframes roll_right {
	0% { 
		-webkit-transform:translate3d(-100%,0,0);
		  transform:translate3d(-100%,0,0)
		}
	100% { 
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0)
	}
}


/*******************************************************************************
    @media 1460px
*******************************************************************************/
@media all and (max-width:1460px){



}


/*******************************************************************************
    @media ~1280px
*******************************************************************************/
@media all and (max-width:1280px){



/* About Us */
.about_overview{}
.about_overview dl dt{width:45%;}
.about_overview dl dd{width:55%; padding:0 0 0 40px;}




/* History */
.partner{}
.partner .rolling_wrap{}
.partner .rolling_wrap p{margin-bottom:-30px; font-size: 150px;}




}

/*******************************************************************************
    @media  ~980px                body,html{font-size:14px; }     3%
*******************************************************************************/
@media all and (max-width:980px){

/* About Us */
.about_overview{}
.about_overview dl dd{padding:0 0 0 30px;}

.about_mission{}
.about_mission ul{}
.about_mission ul li{margin:0 20px 0 0; width:calc((100% - 40px)/3); padding:60px 20px;}
.about_mission ul li img{width:80px; margin:15px auto 0;}
.about_mission ul li .fs19{margin:15px 0 0;}
.about_mission ul li .txt{margin:6px 0 0;}


/* History */
.partner{}
.partner .rolling_wrap{}
.partner .rolling_wrap p{margin-bottom:-20px; font-size: 100px;}



.partner_roll ul li{margin:0 20px 0 0; width:150px;}


}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){


/* About Us */
.about_overview{}
.about_overview dl dt{width:100%;}
.about_overview dl dd{width:100%; padding:20px 0 0;}

.about_mission{}
.about_mission ul{}
.about_mission ul li{margin:0 0 10px; width:100%; padding:40px 20px;}
.about_mission ul li img{width:60px; margin:10px auto 0;}
.about_mission ul li .fs19{margin:10px 0 0;}


/* History */
.partner{}
.partner .rolling_wrap{}
.partner .rolling_wrap p{font-size: 60px; margin-bottom:-10px;}


.partner_roll ul li{margin:0 10px 0 0; width:120px;}


}
/*******************************************************************************
    @media ~480px                body,html{font-size:13px; }
*******************************************************************************/
@media all and (max-width:480px){





}
/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:360px){




}