@import url('sub.css'); 



/**** S:: COMPANY > 회사소개 ****/
.summary {position:relative;}
.summary .summary_top {position:relative; background:url('/company/img/summary_top.jpg') top center no-repeat; padding:220px 0; text-align:center; margin-bottom:70px; background-size:cover;}
.summary .summary_top .sub-title__main {color:var(--white);}
.summary .summary_top .sub-title__main em {font-weight:300; font-style:normal; letter-spacing:inherit; line-height:inherit;}
.summary .summary_top .sub-title__desc {color:var(--white);}

.summary .summary_cnt > section + section {margin-top:70px;}
.summary .summary_cnt .cnt_tit {margin-bottom:30px;}
.summary .summary_cnt h2 {margin-bottom:10px; color:var(--black); font-size:var(--txt48); line-height:var(--txt48-lh); letter-spacing:var(--letter-spacing-heading);}
.summary .summary_cnt .imgBox {border:1px solid var(--border); padding:50px; box-sizing:border-box; text-align:center;}

.summary .rail .thumBox {display:grid; grid-template-columns:repeat(2, 1fr); gap:0 30px; margin-bottom:30px;}
.summary .rail .thumBox dt {display:flex; justify-content:center; align-items:flex-end;}
.summary .rail .grayBox {background:var(--grayBg); padding:30px; margin-bottom:30px;}
.summary .rail .grayBox h3 {font-size:var(--txt26); line-height:var(--txt26-lh); color:var(--black); margin-bottom:10px; letter-spacing:var(--letter-spacing-default);}
.summary .rail .rail_case {display:flex; flex-wrap:wrap; justify-content:center; gap:0 30px;}
.summary .rail .rail_case figure {width:calc((100% - 60px) / 3);}
.summary .rail .rail_case figure .image {border:1px solid var(--border); text-align:center; box-sizing:border-box; margin:10px 0 30px 0;}
.summary .rail .rail_case figure h4 {color:var(--black); font-size:var(--txt26); line-height:var(--txt26-lh); margin-bottom:10px; letter-spacing:var(--letter-spacing-default);}
/**** E:: COMPANY > 회사소개 ****/


/**** S:: COMPANY > 인사말 ****/
.greeting {position:relative; display:flex; flex-wrap:wrap; justify-content:space-between;}
.greeting figure, .greeting .greet_cnt {width:calc(50% - 15px);}
.greeting .sub__tit {margin-bottom:30px;}
.greeting .txt > p strong {color:var(--black);}
.greeting .greet__sign {display:flex; align-items:flex-end; margin-top:30px; font-size:var(--txt18);}
.greeting .greet__sign dt {font-size:var(--txt20); line-height:var(--txt20-lh); color:var(--black); font-weight:600; letter-spacing:var(--letter-spacing-default);}
.greeting .greet__sign dd {font-size:var(--txt30); line-height:var(--txt30-lh); font-weight:700; color:var(--black);  letter-spacing:var(--letter-spacing-default); margin-left:10px;}
/**** E:: COMPANY > 인사말 ****/


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

.greeting .greet_cnt .txt br, 
.greeting .greet_cnt .txt > p br {display:none;}


}


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


/**** S:: COMPANY > 회사소개 ****/
.summary .summary_top {padding:170px 0; margin-bottom:60px;}

.summary .summary_cnt > section + section {margin-top:60px;}
.summary .summary_cnt .imgBox {padding:35px;}

.summary .rail .thumBox {gap:20px 0; grid-template-columns: repeat(1, 1fr);}
.summary .rail .thumBox dt {width:100%; display:flex; justify-content:center; align-items:flex-end;}
.summary .rail .thumBox dd {width:100%; }

.summary .rail .grayBox {padding:25px 20px; margin-bottom:30px;}
.summary .rail .rail_case {gap:0 20px;}
.summary .rail .rail_case figure {width:calc((100% - 40px) / 3);}
.summary .rail .rail_case figure .image {margin:10px 0 20px 0;}
/**** E:: COMPANY > 회사소개 ****/


/**** S:: COMPANY > 인사말 ****/
.greeting .sub__tit {
    margin-bottom: 20px;
}
/**** E:: COMPANY > 인사말 ****/

}


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


/**** S:: COMPANY > 회사소개 ****/
.summary .summary_top {padding:130px 0; margin-bottom:50px;}
.summary .summary_top .sub-title__desc br {display:none;}
.summary .summary_cnt > section + section {margin-top:50px;}
.summary .summary_cnt .imgBox {padding:25px 20px;}
.summary .summary_cnt .cnt_tit {margin-bottom:20px;}

.summary .rail .thumBox {gap:10px 0;}
.summary .rail .grayBox {padding:20px 15px; margin-bottom:20px;}
.summary .rail .grayBox h3 {margin-bottom:6px;}
.summary .rail .rail_case {gap:30px 0;}
.summary .rail .rail_case figure {width:100%;}
.summary .rail .rail_case figure .photo img {width:100%;}
.summary .rail .rail_case figure h4 {margin-bottom:6px;}
/**** E:: COMPANY > 회사소개 ****/


/**** S:: COMPANY > 인사말 ****/
.greeting figure, .greeting .greet_cnt {width:100%;}
.greeting figure {margin-bottom:30px;}
.greeting .greet__sign {margin-top:20px;}
/**** E:: COMPANY > 인사말 ****//


}


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

/**** S:: COMPANY > 회사소개 ****/
.summary .summary_top {padding:70px 0;}
/**** E:: COMPANY > 회사소개 ****/

}


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




}