/* Contents */
#contents .tit_box {text-align:center; position:relative;}
#contents .tit_box h3.tit {font-weight:700; color:#000; font-size:34px; margin-bottom: 25px;}
#contents .tit_box p.txt {font-size:20px; color:rgba(255,255,255,0.7); letter-spacing:-0.4pt; line-height:28px;}
#contents .more {font-weight:600; color:#21a451; font-size:12px;  text-decoration:underline;}
#contents a.more {width:134px; height:47px; line-height:47px; background-color:rgba(255,255,255,0.8); display:block; margin:30px auto 0 auto;text-decoration:none; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
#contents a.more:hover {background-color:#144e94; color:#fff; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

/* 회사소개 */
#contents .com_about .tit_box h3.tit {color:#fff; line-height:100%;}
#contents .com_about .tit_box {position:relative; overflow:hidden; width:1180px; margin:0 auto;}
.com_about {position:relative; background:url('/img/about_bg.jpg') center top no-repeat, #292a2b; height:606px; padding-top:100px; box-sizing:border-box;margin-bottom:250px;}
.com_about .tit_box a {}
.company_box {position:absolute; top:331px; left:50%; overflow:hidden; width:1180px; margin-left:-590px; z-index:99; }
.company_box ul {position:relative; overflow:hidden;}
.company_box li {float:left; margin-right:20px; box-sizing:border-box;}
.company_box li.three {margin-right:0}
.company_box li a {display:block;background-color:#fff; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.company_box li a:hover {background-color:#03a953; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.company_box li a:hover > p.com_img{opacity:.8}
.company_box li a:hover > .txt p.tit{color:#fff}
.company_box li a:hover > .txt p.sub_txt{color:rgba(255,255,255,0.6)}
#contents .company_box li a:hover > .txt p.more{color:#fff;}

.company_box li a p {}
.company_box li a p.com_img {background:url('/img/history.jpg') center center no-repeat; width:380px; height:275px;}
.company_box li.two a p.com_img {background-image:url('/img/result.jpg');}
.company_box li.three a p.com_img {background-image:url('/img/certi.jpg');}
.company_box li a .txt {width:380px; height:193px; padding:30px 25px; box-sizing:border-box; }
.company_box li a .txt p.tit {font-size:20px; color:#000; letter-spacing:-0.5pt;}
.company_box li a .txt p.sub_txt {font-size:15px; color:#888; letter-spacing:-0.4pt; line-height:150%; padding: 13px 0 15px 0;}
.company_box li a .txt p.more{}
.company_box li a .txt p.more:hover {}

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

/* Contents */

/* 회사소개 */
#contents .com_about .tit_box {width:96%;}
.com_about {padding-top:85px; height:530px; background-size:cover;}
.company_box {width:96%; left:2%; margin-left:0; top:290px;}
.company_box li {width:32%; margin-right:2%}
.company_box li a p.com_img {width:100%; height:240px; background-size:cover;}
.company_box li a .txt {width:100%; height:auto;}



}


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






}


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

/* contents */
#contents a.more {width:127px; height:44px; line-height:44px;}
#contents .tit_box h3.tit {margin-bottom:18px; font-size:30px;}

/* 회사소개 */
.com_about {padding-top:60px; height:470px;margin-bottom:0px;}
#contents .tit_box p.txt {font-size:14px;}
.company_box {top:270px}
.company_box li a p.com_img {height:200px;}
.company_box li a .txt p.tit {font-size:18px;}
.company_box li a .txt p.sub_txt {font-size:14px; padding:8px 0 15px 0;}

}

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

#contents .tit_box h3.tit {font-size:26px;}
#contents .more {font-size:11px;}
#contents a.more {font-size:11px; width:100px; height:38px; line-height:38px;}

/* 회사소개 */
.com_about {height:auto; padding:50px 0}
.company_box {position:relative; top:auto; margin-top:38px;}
.company_box li a p.com_img {display:none;}
.company_box li a .txt {padding:18px;}
.company_box li a .txt p.tit {font-size:14px;}
.company_box li a .txt p.sub_txt {font-size:12px;}

}

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

/* Contents */
#contents .tit_box h3.tit {margin-bottom:10px;}
#contents a.more {margin-top:20px}

/* 회사소개 */
#contents .com_about .tit_box {width:94%;}
.com_about {padding:50px 0 30px 0}
.company_box {width:94%; margin-top:30px; left:3%}
#contents .tit_box p.txt {line-height:150%; font-size:12px;}
.company_box li {float:none; width:100%; margin-bottom:4px;}
.company_box li.three {margin-bottom:0;}
.company_box li a .txt {position:relative; overflow:hidden; padding:15px}
.company_box li a .txt p.tit {float:left;}
#contents .company_box .more {float:right; line-height:170%}
.company_box li a .txt p.sub_txt {display:none;}

}

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

/* Contents */

/* 회사소개 */
.com_about {padding:30px 0;}

}