@charset "utf-8";

/*00. 서브공통 - **/
 .subContent {font-size:20px }
 .subContent h3{font-size:3.2em; font-weight:700; color:#005b9a; max-width:1280px; margin:0px auto 50px auto ; line-height:1em }
  .subContent h3.top80{margin-top:40px}
   .subContent h3.top60{font-size:1.7em; font-weight:500; color:#005b9a; max-width:1280px; margin:80px auto 20px auto ; line-height:1.2em;letter-spacing:-2px}
    .subContent h3 > div{font-size:0.4em; font-weight:500;line-height:1.5em; margin-top:20px; border-left:2px solid #99ccff; padding-left:20px }
 .subContent h3 > p{font-size:1.8rem; font-weight:500; color:#454545; line-height:1.5em; margin-top:20px;  }
 .subContent h5{display:block; text-align:left; color:#006699; font-size:1.8em; font-weight:500; line-height:1.2em; overflow:hidden}
 .subContent h5 > span{float:left; overflow:hidden; display:block;width:4px; height:35px; background:#99ccff; content:""; margin-right:8px; vertical-align:middle;}
 .subContent h5 > div{float:left; overflow:hidden; width:calc(100% - 12px)}
 .subContent h5:after{clear:both;display:block; height:50px;content:"";}
@media (max-width:1280px) {
 .subContent{padding:0 10px }
}

@media (max-width:1000px) {
 .subContent {font-size:18px }
 .subContent h3{font-size:2.5em; margin:50px auto 20px auto;  }
 .subContent h3 > p{font-size:1.4rem; }
  .subContent h5{font-size:1.6em; }
 .subContent h5 > span{ width:4px; height:25px; }
  .subContent h5:after{height:30px;;}
}

@media (max-width:840px) {
 .subContent {font-size:16px }
 .subContent h3{font-size:2.5em; margin:30px auto 10px auto;  }
 .subContent h3 > p{font-size:1.4rem; }
   .subContent h3.top80{margin-top:30px}

 }
 @media (max-width:720px) {
  .subContent {font-size:14px }
 .subContent h3{font-size:1.8em;  }
 .subContent h3 > p{font-size:1.2rem;}
  .subContent h5{font-size:1.4em; }
 .subContent h5 > span{width:4px; height:20px; }
  .subContent h5:after{height:20px;;}
 }
/*1. 회사소개 - **/
.bg_ceo{background:url('/images/common/bg_ceo.jpg') no-repeat center top; background-size:cover; }
div.company_01{line-height: 1.75em; width:calc(50% + 640px); background:rgb(255,255,255,0.9);overflow:hidden; margin-top:-80px   }
div.company_01 > div{max-width:1280px; float:right; padding:60px 60px 60px 0; }
div.company_01 > div > p{margin-bottom:20px }
div.company_01 > div > p.sign{margin-top:40px; text-align:right }

.bg_overview{background:url('/images/common/bg_overview.jpg') no-repeat center top; background-size:cover; }
div.company_02_01{max-width:1280px; margin:0 auto  }
div.company_02_01 > ul{width:100%; display:flex; flex-wrap:wrap;   }
div.company_02_01 > ul > li{width:33.33333%; padding:10px}
div.company_02_01 > ul > li > dl{width:100%; height:170px; background:rgb(255,255,255,0.9); padding:20px}
div.company_02_01 > ul > li > dl > dt{font-weight:600; display:block; padding-bottom:10px}
div.company_02_01 > ul > li > dl > dt > div{display:inline-block; background:url('/images/common/line_overview.png') repeat-x left bottom; }
div.company_02_01 > ul > li > dl > dd{font-size:0.9em; line-height:1.2em}

div.company_02_02{max-width:1280px; margin:0 auto;  display:flex; flex-wrap:wrap; }
div.company_02_02 > div{width:550px;   }
div.company_02_02 ul.history{width:calc(100% - 550px); }
div.company_02_02 ul.history li{width:100%; display:flex; flex-wrap:wrap; padding:10px  }
div.company_02_02 ul.history li > div:nth-child(1){width:100px; font-weight:600;font-size:0.85em  }
div.company_02_02 ul.history li > div:nth-child(2){width:calc(100% - 100px); font-size:0.85em }

div.company_04_02{max-width:1280px; margin:0 auto;display:flex; flex-wrap:wrap;   }
div.company_04_02 > ul{width:100%; display:flex; flex-wrap:wrap;  }
div.company_04_02 > ul > li{padding:10px; width:33.33333%  }
div.company_04_02 > ul > li img{width:100%;  }

@media (max-width:1280px) {
div.company_01{ width:100%; }
div.company_01 > div{float:none;padding:50px 50px 50px 50px;}
}
@media (max-width:1000px) {
div.company_01{margin-top:0px   }
div.company_02_01 > ul > li{width:50%;}
div.company_02_01 > ul > li > dl{height:150px; }
div.company_02_02 > div{width:100%; padding:20px }
div.company_02_02 ul.history{width:100%; }
div.company_02_02 ul.history li{width:100%; display:flex; flex-wrap:wrap; padding:10px  }

}
@media (max-width:840px) {
div.company_01 > div{padding:30px 30px 30px 30px; }
div.company_01 > div > p.sign img{width:200px}
div.company_04_02 > ul > li{width:50%  }



}
@media (max-width:640px) {
div.company_01 > div{ padding:20px 20px 20px 20px; }
div.company_02_01 > ul > li{width:100%;}
div.company_02_01 > ul > li > dl{height:auto; }
}





/* 회사소개 - ** { */


/* 사업영역 -  */
div.busi_01{max-width:1280px; margin:0 auto;}
div.busi_01 ul.busi_01_01{display:flex; flex-wrap:wrap; gap:30px; margin-bottom:50px;}
div.busi_01 ul.busi_01_01 li{background:#fff; width:48%; padding:50px 30px; border-radius:10px; transition:all 0.3s ease;}
div.busi_01 ul.busi_01_01 li:hover{box-shadow:0px 2px 20px rgb(18 44 72 / .2);}
div.busi_01 ul.busi_01_01 li p{font-size:1.2em; font-weight:600; color:#111;}
div.busi_01 ul.busi_01_01 li ul.intro_text_list{margin-top:25px; height:210px;}
div.busi_01 ul.busi_01_01 li ul.intro_text_list li.intro_text{width:100%; padding:0; color:#666; font-size:0.95em; box-shadow:none; border-radius:0; overflow:hidden;}
div.busi_01 ul.busi_01_01 li ul.intro_text_list li.intro_text > span{display:block; float:left;overflow:hidden; }
div.busi_01 ul.busi_01_01 li ul.intro_text_list li.intro_text > span:nth-child(1){width:15px;}
div.busi_01 ul.busi_01_01 li ul.intro_text_list li.intro_text > span:nth-child(2){width:calc(100% - 15px);}
div.busi_01 ul.busi_01_01 div.intro_icon{display:flex; justify-content:end;}

div.busi_01 ul.busi_01_02{display:flex; flex-wrap:wrap; gap:30px; margin-bottom:50px; justify-content:center;}
div.busi_01 ul.busi_01_02 li{background:#fff; width:48%; padding:50px 30px; border-radius:10px; transition:all 0.3s ease;}
div.busi_01 ul.busi_01_02 li:hover{box-shadow:0px 2px 20px rgb(18 44 72 / .2);}
div.busi_01 ul.busi_01_02 li p{font-size:1.2em; font-weight:600; color:#111;}
div.busi_01 ul.busi_01_02 li ul.intro_text_list{margin-top:25px; height:270px;}
div.busi_01 ul.busi_01_02 li ul.intro_text_list li.intro_text{width:100%; padding:0; color:#666; box-shadow:none; border-radius:0}
div.busi_01 ul.busi_01_02 div.intro_icon{display:flex; justify-content:end;}

div.busi_01 > p{ background:url('/images/common/ico_blue.png') no-repeat 5px 10px; padding-left:20px}

@media (max-width:1100px){
div.busi_01 ul.busi_01_01 li ul.intro_text_list{height:240px;}
}

@media (max-width:960px){
div.busi_01 ul.busi_01_01 li ul.intro_text_list{height:270px;}
}

@media (max-width:900px){
div.busi_01 ul.busi_01_01 li ul.intro_text_list{height:300px;}
}

@media (max-width:840px) {
div.busi_01 ul.busi_01_01 li{width:100%; padding:30px 20px;}
div.busi_01 ul.busi_01_01 li ul.intro_text_list{height:auto;}
div.busi_01 ul.busi_01_01 li ul.intro_text_list li.intro_text{margin-bottom:5px;}
div.busi_01 ul.busi_01_01 li ul.intro_text_list li.intro_text:last-child{margin-bottom:0;}
div.busi_01 ul.busi_01_01 li:first-child div.intro_icon img{max-width:55px;}
div.busi_01 ul.busi_01_01 li:nth-child(2) div.intro_icon img{max-width:55px;}
div.busi_01 ul.busi_01_01 li:nth-child(3) div.intro_icon img{max-width:50px;}
div.busi_01 ul.busi_01_01 li:last-child div.intro_icon img{max-width:50px;}

div.busi_01 ul.busi_01_02 li{width:100%; padding:30px 20px;}
div.busi_01 ul.busi_01_02 li ul.intro_text_list{height:auto;}
div.busi_01 ul.busi_01_02 li ul.intro_text_list li.intro_text{margin-bottom:5px; font-size:12px; letter-spacing:-1px}
div.busi_01 ul.busi_01_02 li ul.intro_text_list li.intro_text:last-child{margin-bottom:0;}
div.busi_01 ul.busi_01_02 li:first-child div.intro_icon img{max-width:25px;}
div.busi_01 ul.busi_01_02 li:nth-child(2) div.intro_icon img{max-width:50px;}
div.busi_01 ul.busi_01_02 li:nth-child(3) div.intro_icon img{max-width:40px;}
div.busi_01 ul.busi_01_02 li:last-child div.intro_icon img{max-width:50px;}
div.busi_01 > p{margin-bottom:30px; font-size:13px; line-height:1.5em}
}
div.busi_04{max-width:1280px; margin:0 auto; overflow-x:auto}
div.busi_04 table {border-top:2px solid #336699;width:100%;}
div.busi_04 table th {padding:10px 20px;  }
div.busi_04 table td {padding:10px 20px; background:#fff;border:1px solid #ccc; font-size:0.85em}
div.busi_04 table th {background:#eee; border:1px solid #ccc}
div.busi_04 table tr td:nth-child(1),div.busi_04 table tr td:nth-child(4),div.busi_04 table tr td:nth-child(3) {text-align:center}
div.busi_04 table tr td:nth-child(1),div.busi_04 table tr th:nth-child(1){border-left:0px}
div.busi_04 table tr td:nth-child(5),div.busi_04 table tr th:nth-child(5){border-right:0px}

div.pro_sa {width:100%; margin-bottom:40px; }
div.pro_sa table {width:100%;}
div.pro_sa table th {padding:10px 10px; border:1px solid #666; font-size:16px; font-weight:normal; line-height:1.2em;background:#0092ab; color:#fff  }
div.pro_sa table td {padding:10px 10px; border:1px solid #666 ; font-size:14px; text-align:center}
div.pro_sa table tr td:nth-child(1) {background:#eee; width:150px; text-align:left}


@media (max-width:840px) {
div.pro_sa {margin-bottom:20px; overflow-x:scroll}
div.pro_sa table th {padding:5px 5px;font-size:13px;   }
div.pro_sa table td {padding:5px 5px;font-size:12px}
div.pro_sa table.pro_sa tr td:nth-child(1) {width:120px; }
div.busi_04 table th {padding:5px 10px !important;  }
div.busi_04 table td {padding:5px 10px !important;}
}


/* 제품소개 -  */
div.product_list{max-width:1280px; margin:0 auto }
div.product_list > ul{display:flex; flex-wrap:wrap }
div.product_list > ul > li{width:50%; padding:10px 10px 20px 10px }
div.product_list > ul > li > dl{ margin-bottom:40px;  }
div.product_list > ul > li > dl dd{ padding:10px; text-align:center;  }
div.product_list > ul > li > dl dd p:nth-child(1){ padding:0px 0 10px 0; text-align:center;  font-weight:600; font-size:2em; color:#000;line-height:1.5em }
div.product_list > ul > li > dl dd p a{ display:inline-block; border:1px solid #005b9a; color:#005b9a;background:#f7f7f7; padding:15px 20px; width:250px; font-size:0.9em; margin-bottom:5px}
div.product_list > ul > li > dl dd p a:hover{ background:#005b9a; color:#fff;}
div.product_list > ul > li > dl dd p a > span{ display:inline-block; padding-left:5px; vertical-align:middle}

@media (max-width:840px) {
div.product_list > ul > li > dl dd p:nth-child(1){ padding:10px 0; text-align:center;  font-weight:600; font-size:1.5em; margin-bottom:10px;  }
div.product_list > ul > li > dl dd p a{ display:inline-block; border:1px solid #005b9a; color:#005b9a;background:#f7f7f7; padding:5px 0px; width:150px; font-size:0.8em; margin-bottom:5px}
}
@media (max-width:640px) {
div.product_list > ul > li{padding:10px 5px 20px 5px }
div.product_list > ul > li > dl{ margin-bottom:20px;  }
div.product_list > ul > li > dl dd p:nth-child(1){ padding:0px 0; text-align:center;  font-weight:600; font-size:1.0em; margin-bottom:10px;  }
div.product_list > ul > li > dl dd p a{ display:inline-block; border:1px solid #005b9a; color:#005b9a;background:#f7f7f7; padding:5px 0px; width:130px; font-size:0.7em; margin-bottom:5px}
div.product_list > ul > li > dl dd p a > span{font-size:0.8em}
}


div.product_list_03{max-width:1280px; margin:0 auto }
div.product_list_02 > div > ul.product_tt_01{ border:1px solid #ccc; padding:20px}
div.product_list_02 > div > ul.product_tt_01 > li{ background:url('/images/common/ico_blue.png') no-repeat 6px 10px; padding-left:20px}
div.product_list_02 > div > ul.product_tt_02{display:flex; flex-wrap:wrap; width:100%; }
div.product_list_02 > div > ul.product_tt_02 > li{width:33.33333%; padding:0 10px 10px 0}
div.product_list_02 > div > ul.product_tt_02 > li > div{width:100%; padding:20px 20px; border:1px solid #336699; background:#f7f7f7; }
div.product_list_03 > ul{display:flex; flex-wrap:wrap }
div.product_list_03 > ul > li{width:50%; padding-right:10px }
div.product_list_04{max-width:1280px; margin:0 auto }
div.product_list_04 > ul{display:flex; flex-wrap:wrap; margin-bottom:20px; gap:10px }
div.product_list_04 > ul > li{width:calc(50% - 5px); border:1px solid #336699; ;background:#f7f7f7 url('/images/common/ico_blue.png') no-repeat 10px 23px; padding:10px 25px }


div.down_btn{width:100%; padding-top:20px; text-align:center }
div.down_btn a{display:inline-block; border:1px solid #336699; background:#f7f7f7; padding:20px 20px; margin:0 5px; color:#00579c}
div.down_btn a:hover{background:#336699;color:#fff}
div.down_btn a > span{display:inline-block; padding-left:5px; vertical-align:middle;}
@media (max-width:1000px) {

div.product_list_04 > ul > li{width:400px; }
}
@media (max-width:840px) {
div.product_list_02 > div > ul.product_tt_02 > li{width:50%; padding:0 10px 10px 0}
div.product_list_02 > div > ul.product_tt_02 > li > div{width:100%; padding:20px 40px; }
div.product_list_04 > ul > li{width:100%; border:1px solid #336699; ;background:#f7f7f7 url('/images/common/ico_blue.png') no-repeat 10px 15px; padding:10px 20px }
div.down_btn a{ padding:10px 10px; margin:0 5px; color:#00579c}
}
@media (max-width:640px) {
div.product_list_02 > div > ul.product_tt_02 > li{width:100%; padding:0 5px 5px 0}
div.product_list_02 > div > ul.product_tt_02 > li > div{width:100%; padding:10px 20px;  }
div.down_btn a{padding:10px 10px; font-size:0.9em }
div.down_btn{padding-top:20px; }
div.down_btn a > span{font-size:0.9em}
}


/* recruit -  */
div.recruit_01{max-width:1280px; margin:0 auto }
div.recruit_01 > ul{width:100%; display:flex; flex-wrap:wrap }
div.recruit_01 > ul > li{width:33.33333%; padding:10px }
div.recruit_01 > ul > li > dl{width:100%;background:#005b9a; }
div.recruit_01 > ul > li > dl > dt img{width:100%;}
div.recruit_01 > ul > li > dl > dd {color:#fff; padding:20px; min-height:200px}
div.recruit_01 > ul > li > dl > dd p {font-size:1.1em; font-weight:500; margin-bottom:10px;}
div.recruit_01 > ul > li > dl > dd ul {font-size:0.9em;}
div.recruit_01 > ul > li > dl > dd ul > li {background:url('/images/common/ico_white.png') no-repeat 5px 12px; padding-left:20px}

div.recruit_02{max-width:1280px; margin:0 auto }
div.recruit_02 > ul{width:100%; display:flex; justify-content:space-evenly; flex-wrap:wrap }
div.recruit_02 > ul > li{width:220px;  text-align:center; font-weight:500; }
div.recruit_02 > ul > li > div{width:220px; height:220px; background-color:#fafafa; border-radius:50%; margin-bottom:20px;background-position:center center; background-repeat:no-repeat }
div.recruit_02 > ul > li:nth-child(1) > div{background-image: url('/images/common/ico_rec_01.png') ;   }
div.recruit_02 > ul > li:nth-child(2) > div{background-image: url('/images/common/ico_rec_02.png');  }
div.recruit_02 > ul > li:nth-child(3) > div{background-image: url('/images/common/ico_rec_03.png');  }
div.recruit_02 > ul > li:nth-child(4) > div{background-image: url('/images/common/ico_rec_04.png');  }
div.recruit_02 > ul > li:nth-child(5) > div{background-image: url('/images/common/ico_rec_05.png');  }


@media (max-width:1200px) {
div.recruit_01 > ul > li{width:100%; padding:10px }
div.recruit_01 > ul > li > dl{display:flex; flex-wrap:wrap}
div.recruit_01 > ul > li > dl > dt{width:300px;}
div.recruit_01 > ul > li > dl > dd{width:calc(100% - 300px);}
}

@media (max-width:840px) {

div.recruit_01 > ul > li > dl > dt{width:200px;}
div.recruit_01 > ul > li > dl > dd{width:calc(100% - 200px); min-height:auto}
}
@media (max-width:640px) {

div.recruit_01 > ul > li > dl > dt{width:100%;}
div.recruit_01 > ul > li > dl > dd{width:100%;}
}
.btnOk{display:inline-block; background:#b60026; padding:10px 40px; color:#fff }
.btnConcel{display:inline-block; background:#787878; padding:10px 40px; color:#fff }
a.btnOk{display:inline-block; margin-right:10px; background:#b60026; padding:10px 40px; color:#fff }
a.btnConcel{display:inline-block; background:#787878; padding:10px 40px; color:#fff }
a.download{display:inline-block; margin-right:5px;background:#666 url('/images/common/ico_download.png') no-repeat 20px 8px; padding:10px 40px 10px 45px; color:#fff; font-size:0.8em }

.map_01{width:100%; height:600px}
.map_02{width:100%; }
.map_02 ul{width:100%; display:flex; flex-wrap:wrap; border:1px solid #ccc }
.map_02 ul li{padding:20px; border-bottom:1px solid #ccc  }
.map_02 ul li:nth-child(n) {width:60%;  }
.map_02 ul li:nth-child(2n) {width:40%;  }
.map_02 dl{width:100%; display:flex }
.map_02 dl dt{padding-right:20px; color:#006699 }
.map_02 dl dt span{vertical-align:middle; margin-right:10px }


@media (max-width:840px) {
.map_02 ul li{width:100%}
.map_02 ul li:nth-child(n) {width:100%;  }
.map_02 ul li:nth-child(2n) {width:100%;  }
}




/* 개인정보 처리방침 - ** { */
.privacy { max-width: 1280px; font-size:0.9em}

.privacy_box { max-width: 1300px; padding:20px; height: auto; border: 1px solid #ccc; margin-bottom: 40px; }
.privacy .section pre { font-size:14px; line-height:1.3em; white-space: break-spaces;}
.email{max-width:1280px; background:#fff; padding:40px; margin:0 auto; border:1px solid #ccc}

/* 개인정보 처리방침 - ** } */