@charset "utf-8";

/*00. 서브공통 - **/

 h4{font-size:1.4em; font-weight:500; padding:0px 0 20px 40px; background:url('/images/common/ico_orger.jpg') no-repeat 0px 0px;}
 h5{width:100%;  font-size:1.2em; font-weight:500 }
.content_title{width:100%;text-align:center; font-weight:500; font-size:1.1em; margin:0 0 80px 0 }




@media (max-width:840px) {
.content_title{margin:0 0 20px 0 }
h4{padding:0px 0 20px 25px; background:url('/images/common/ico_orger.jpg') no-repeat 0px 0px; background-size:20px}

 }
/*1. 회사소개 - **/

div.Greeting{width:100%; font-size:1.1em; line-height:1.6em; letter-spacing:-1px; display:flex; flex-wrap:wrap }
div.Greeting > div{width:100%;  }
div.Greeting > div.Greeting_01{padding:80px 0 0 80px; margin-bottom:50px; color:#fff;background:url('/images/common/bg_greeting.jpg') no-repeat 0px 0px; background-size:cover; height:420px }
div.Greeting > div.Greeting_01 > p:nth-child(1){font-size:2.2em; font-weight:700; line-height:1.1em; margin-bottom:40px }
div.Greeting > div.Greeting_02{line-height:1.8em; }
div.Greeting > div.Greeting_02 > p:nth-child(1){font-size:1.3em; font-weight:700; line-height:1.2em }
div.Greeting > div.Greeting_02 > p:last-child{font-size:1.4em; font-weight:700;  }
div.Greeting > div > p{margin-bottom:50px }
div.Greeting > div > p span{font-size:1.1em; font-weight:500 }

div.overview{max-width:1280px; margin:0 auto;  font-size:1.1em;  }
div.overview > div{width:100%; margin-bottom:50px }
div.overview > div.overview_01{width:100%;display:flex; flex-wrap:wrap; border:1px solid #ccc;}
div.overview > div.overview_01 > div{border-right:1px solid #ccc; width:720px;}
div.overview > div.overview_01 > ul{display:block; calc(100% - 720px); padding:50px;  }
div.overview > div.overview_01 > ul > li > p.map_title{font-size:1.2em; color:#004c6d; background:url('/images/common/ico_map.png') no-repeat 0px 8px; padding-left:20px; font-weight:700; margin:10px 0  }
div.overview > div.overview_03{width:100%;}
div.overview > div.overview_03 > ul{display:flex; flex-wrap:wrap }
div.overview > div.overview_03 > ul > li{width:33.33333%; padding:0 10px 20px 10px  }

div.overview_02 > div > img{width:1280px; margin-bottom:50px }


@media (max-width:1200px) {
div.Greeting > div{width:100%; padding:0 20px }
}
@media (max-width:1000px) {
div.Greeting > div.Greeting_01{padding:60px 0 0 60px; margin-bottom:30px; height:320px }
}
@media (max-width:840px) {
div.Greeting > div.Greeting_01{padding:40px 0 0 40px; margin-bottom:20px; height:220px }
div.Greeting > div.Greeting_01 > p:nth-child(1){font-size:1.8em; font-weight:500; line-height:1.1em; margin-bottom:20px }
div.Greeting > div > p{margin-bottom:25px }
div.Greeting > div.Greeting_02 > p:last-child{font-size:1.2em; font-weight:500;  }
div.overview > div.overview_01 > div{border-right:0; border-bottom:1px solid #ccc; width:100%;}
div.overview > div.overview_01 > ul{display:block; width:100%; padding:20px;  }
div.overview > div.overview_01 > ul > li > p.map_title{font-size:1.2em; color:#004c6d; background:url('/images/common/ico_map.png') no-repeat 0px 8px; padding-left:20px; font-weight:700; margin:10px 0  }
div.overview > div.overview_03{width:100%;}
div.overview > div.overview_03 > ul > li{width:50%; padding:0 10px 20px 10px  }
}






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

/*2. 응용분야 - **/

div.sub_motion{max-width:1280px; margin:0 auto;  font-size:1.1em;  }
div.sub_motion > ul{display:flex; flex-wrap:wrap; width:100% }
div.sub_motion > ul > li{width:33.33333%; padding:0 15px 40px 15px  }
div.sub_motion > ul > li > dl > dt{width:100%; height:280px; overflow:hidden ;  }
div.sub_motion > ul > li > dl > dt > a{display:block}
div.sub_motion > ul > li > dl > dt > a img{width:100%}
div.sub_motion > ul > li > dl > dd{padding:20px;font-weight:500; height:150px; overflow:hidden; }
div.sub_motion > ul > li > dl > dd p.mo_date{font-size:0.8em; color:#999}
div.sub_motion > ul > li > dl > dd p a{display:block; margin-bottom:20px}

@media (max-width:1000px) {
div.sub_motion > ul > li{width:33.33333%; padding:0 10px 30px 10px  }
div.sub_motion > ul > li > dl > dt{width:100%; height:auto; overflow:hidden ;  }
div.sub_motion > ul > li > dl > dd{padding:20px;font-weight:500; height:auto; overflow:hidden; }
}
@media (max-width:840px) {
div.sub_motion > ul > li{width:50%; padding:0 10px 20px 10px  }

}
/*3. 제품소개 - **/

div.product_list{max-width:1200px; margin:0 auto;  font-size:1.1em; }
div.product_list > div.list_top{display:flex; justify-content:space-between;align-items:flex-end; padding-bottom:20px }
div.product_list > div.list_top select{width:300px; height:50px; font-size:16px }
div.product_list > ul{width:100%; border-top:2px solid #000; display:flex; flex-wrap:wrap}
div.product_list > ul > li{width:20%; border-bottom:1px solid #ccc  }
div.product_list > ul > li > dl{width:100%;padding:20px 10px 20px 10px;  }
div.product_list > ul > li > dl > dt{width:100%;height:220px; background:#f6f6f6; overflow:hidden;  display:flex; align-items:center; } 
div.product_list > ul > li > dl > dt > a{  width:100%;  }
div.product_list > ul > li > dl > dt > a img{width:100%; }
div.product_list > ul > li > dl > dd{padding:20px 0; font-size:0.8em } 
div.product_list > ul > li > dl > dd > p:nth-child(1){font-size:0.8em } 
div.product_list > ul > li > dl > dd > p.price{font-size:1.2em; font-weight:700; color:#000; padding-top:20px  } 

@media (max-width:1200px) {
div.product_list > ul > li{width:25%;}
}
@media (max-width:1000px) {
div.product_list > ul > li{width:33.33333%;}
}
@media (max-width:640px) {
div.product_list > ul > li{width:50%;}
}
/* 게시판 - */
div.board {max-width:1320px;margin:0 auto; }
table.consultBoard{width:100%; font-size:0.9em }
table.consultBoard td{border-bottom:1px solid #b2b2b2; padding:10px 20px;}

table.consultBoard th{border-bottom:1px solid #b2b2b2; background:#f2f3f5; border-top:2px solid #081a39; padding:10px 20px;font-weight:500 }
table.consultBoard td.num{width:80px; text-align:center}
table.consultBoard td.file{width:80px; text-align:center}
table.consultBoard td.writer{width:100px; text-align:center}
table.consultBoard td.statement{width:100px; text-align:center}
table.consultBoard td.date{width:150px; text-align:center}

table.consultBoard2{width:100%; font-size:0.9em }
table.consultBoard2 td{border-bottom:0; padding:10px 20px; text-align:center}
table.consultBoard2 td.td_02{border-bottom:1px solid #b2b2b2; padding:10px 20px; text-align:center; background:#f2f2f2}
table.consultBoard2 th{border-bottom:1px solid #b2b2b2; background:#f2f3f5; border-top:2px solid #081a39; padding:10px 20px;font-weight:500;text-align:center }
table.consultBoard2 td.num{width:80px; text-align:center}
table.consultBoard2 td.file{width:80px; text-align:center}
table.consultBoard2 td.writer{width:100px; text-align:center}
table.consultBoard2 td.statement{width:100px; text-align:center}
table.consultBoard2 td.date{width:150px; text-align:center}
ul.inquirystate{width:100%; overflow:hidden}
ul.inquirystate > li{display:inline-block;}
ul.inquirystate > li > div{display:inline-block;}
ul.inquirystate > li > span:after{content:"|"; display:inline-block; padding:0 10px}

.section_title_new{width:100%; display:flex}
.section_title_new > span{display:inline-block; padding-right:10px; font-weight:700}
.section_title_new span.delivery{padding:10px; font-weight:400; font-size:0.8em}
.section_title_new > ul{display:flex}
.section_title_new > ul > li{padding-right:10px; }
div.btnform_wrap_new{width:100%; padding-top:20px; text-align:right}
div.btnform_wrap_new button{border:1px solid #ccc; background:#eee; padding:5px 20px; font-size:0.9em}
div.btnform_wrap_new input[type='submit']{border:1px solid #ccc; background:#eee; padding:5px 20px; font-size:0.9em}
div.btnform_wrap_new a{border:1px solid #666; background:#666; color:#fff; padding:7px 20px; font-size:0.9em}
div.board > ul.Exam_List > li{border-bottom:1px solid #ccc; padding:40px 0px }

div.board > ul.Exam_List > li > dl{width:100%; display:flex; font-size:0.8em }
div.board > ul.Exam_List > li > dl > dt{width:440px; }
div.board > ul.Exam_List > li > dl > dd{width:calc(100% - 440px); padding-left:80px }
div.board > ul.Exam_List > li > dl > dd p.book_year{color:#063c7a }
div.board > ul.Exam_List > li > dl > dd p.book_date{color:#999 }
div.board > ul.Exam_List > li > dl > dd p.book_title{font-size:1.5em; font-weight:700}
div.board > ul.Exam_List > li > dl > dd a{display:block; padding:20px 0}

ul.Exam_Tab{width:100%; display:flex; }
ul.Exam_Tab > li{width:20%}
ul.Exam_Tab > li > a{display:block;background:#f9f9f9; border:1px solid #ccc; width:100%;height:64px; line-height:64px; text-align:center; margin-left:-1px; font-size:0.8em}
ul.Exam_Tab > li:first-child > a{ margin-left:0;}
ul.Exam_Tab > li > a:hover{background:#99ccff}
ul.Exam_Tab > li > a.on{background:#31649c; color:#fff}

.state{font-size:0.9em;color:#fff; display:inline-block; padding:0px 10px; text-align:center; width:100px; margin-right:10px}
.state_01{background:#20a581; }
.state_02{background:#6288f3; }
.state_03{background:#f36262; }

div.board > ul.gallery_list{display:flex; flex-wrap:wrap }
div.board > ul.gallery_list > li{width:25%; padding:0 10px 40px 10px }
div.board > ul.gallery_list > li > dl{width:100%; border:1px solid #ccc; background:#fff;}
div.board > ul.gallery_list > li > dl > dt{height:180px; overflow:hidden; border:1px solid #ccc; }
div.board > ul.gallery_list > li > dl > dt > img{width:100%;}
div.board > ul.gallery_list > li > dl > dd{padding:20px; text-align:center}
div.board > ul.gallery_list > li > dl > dd > a{display:block; height:20px; overflow:hidden}

table.consultWrite{width:100%; border-top:2px solid #386395; margin-bottom:40px }

table.consultWrite th{text-align:left; font-weight:500; padding:20px; background:#f8f8f8; border-bottom:1px solid #ccc; font-size:0.9em}
table.consultWrite td{padding:10px 20px;border-bottom:1px solid #ccc; font-size:0.9em}


table.consultWrite2{width:100%; margin-bottom:30px }
table.consultWrite2 th.th_top{background:#0e1e3d; color:#fff; font-weight:500; font-size:1.1em; text-align:center }
table.consultWrite2 th.th_first{background:#f2f2f2; text-align:center; width:100px}
table.consultWrite2 th{width:200px font-weight:500; padding:20px 20px; background:#ebf1fb; border:1px solid #ccc; font-size:0.9em}
table.consultWrite2 td{padding:10px 20px;border:1px solid #ccc; font-size:0.9em}
table.consultWrite2 td input[type='text']{padding:10px 10px;background:#f8f8f8; box-shadow:inset 2px 2px 0px rgba(0,0,0,0.3); height:45px; border-radius:3px; border:0; margin-right:5px}
table.consultWrite2 td select{padding:10px 20px;padding:10px 20px;border:1px solid #ccc; height:55px; border-radius:3px; margin-right:5px; font-size:0.9em}
table.consultWrite2 td textarea{padding:10px 20px;background:#f8f8f8; box-shadow:inset 2px 2px 0px rgba(0,0,0,0.3); height:200px;  width:100%; border-radius:3px; border:0; }
.redpointer{display:inline-block; color:#ea1313; padding:0px 5px; vertical-align:middle }
button.address{border:1px solid #ccc; padding:5px 10px;  height:40px;  font-size:0.9em; vertical-align:middle }

div.consultAgree > div{width:100%; margin-bottom:30px }
div.consultAgree > div.consultAgree_01{padding:40px;  background:#0e1e3d; color:#fff ; text-align:center; }
div.consultAgree > div.consultAgree_02{padding:40px;  border:1px solid#ccc; text-align:center; }
div.consultAgree > div.consultAgree_02 h4{background:none}
div.consultAgree > div.consultAgree_02 > p{font-size:0.9em}
div.consultAgree > div.consultAgree_02 table{width:100%;; margin:20px 0 10px auto; font-size:0.8em }
div.consultAgree > div.consultAgree_02 table td,div.consultAgree > div.consultAgree_02 table th{width:100%; border:1px solid #333; width:33.33333%; padding:20px }
div.consultAgree > div.consultAgree_03 span{margin-right:20px;font-size:0.9em }


p.consultB{width:100%; text-align:center; font-size:1.1em; font-weight:700; color:#ea1313; padding:20px 0px;  }
div.consult_Rule{margin-top:20px }
div.consult_Rule > p{margin-bottom:10px }
div.consult_Rule textarea{width:100%; height:200px; border:1px solid #ccc; padding:20px; font-size:0.7em }
div.consult_Rule p.agree{padding:0 0 20px 20px; font-size:0.8em }
p.consultBtn{width:100%; text-align:center; font-size:0.9em; }
p.consultBtn a{display:inline-block; width:250px; height:50px; line-height:50px; padding:0px 5px;  }
p.consultBtn a.consultBtn_01{background:#ebaa36;  color:#000; margin-right:10px  }
p.consultBtn a.consultBtn_02{background:#838383;  color:#fff;  }
p.consultBtn input{display:inline-block; width:250px; height:50px; line-height:50px; padding:0px 5px;  }
p.consultBtn input.consultBtn_01{background:#ebaa36;  color:#000; margin-right:10px  }
p.consultBtn input.consultBtn_02{background:#838383;  color:#fff;  }

table.consultBoard3{width:100%; font-size:0.9em }
table.consultBoard td{border-bottom:1px solid #b2b2b2; padding:10px 20px;}

table.consultBoard3 th{border-bottom:1px solid #b2b2b2; background:#f2f3f5; border-top:2px solid #081a39; padding:10px 20px;font-weight:500 }
table.consultBoard3 td.num{width:80px; text-align:center}
table.consultBoard3 td.file{width:80px; text-align:center}
table.consultBoard3 td.writer{width:100px; text-align:center}
table.consultBoard3 td.statement{width:100px; text-align:center}
table.consultBoard3 td.date{width:150px; text-align:center}
span.mob{color:#336699; display:none }



@media (max-width:840px) {
div.board > ul.Exam_List  > li{padding:20px 20px }
div.board > ul.Exam_List  > li > dl > dd{padding-left:20px }
table.consultWrite th{width:auto;  padding:10px 10px; }
table.consultWrite td input[type='text']{max-width:200px;padding:5px 10px; height:auto;margin-right:0px}
table.consultWrite td select{padding:5px 10px;height:auto; margin-right:0; }
table.consultWrite td textarea{height:100px;max-width:200px;}
}

@media (max-width:720px) {
div.board > ul.Exam_List  > li > dl{flex-direction:column }
div.board > ul.Exam_List  > li > dl > dt{width:100%; text-align:center; margin-bottom:10px }
div.board > ul.Exam_List  > li > dl > dd{width:100%; padding:0 0}
ul.Exam_Tab > li > a{display:block;background:#f9f9f9; border:1px solid #ccc; width:100%;height:44px; line-height:44px; text-align:center; margin-left:-1px; font-size:0.8em}
.state{ padding:0px 5px; margin-right:5px}
}
@media (max-width:640px) {
span.mob{display:block }
table.consultBoard3{border-top:2px solid #000}
table.consultBoard3 tr{display:flex; flex-wrap:wrap}
table.consultBoard3 td{min-width:80px;}
table.consultBoard3 th{display:none}
table.consultBoard3 td.subjectimg{width:100px; border-bottom:1px solid #ccc}
table.consultBoard3 td.subjecttitle{width:calc(100% - 100px); border-bottom:1px solid #ccc}

}

/* 회사현황 - ** { */


/* 사업영역 -  */

p.busi_title{text-align:center; font-weight:500; font-size:1.1em; margin:-40px 0 80px 0 }
p.busi_title_02{font-weight:500; font-size:1.2em; margin:0px 0 30px 0 }
div.busi_01{max-width:1300px; margin:0 auto; padding-bottom:80px }
div.busi_02{max-width:100%; background:#fbf2f4; padding:80px 0 }
div.busi_02 > div{max-width:1300px; margin:0 auto; }
ul.busi_list_01{width:100%; display:flex; margin-top:40px }
ul.busi_list_01 > li{width:50%;}
ul.busi_list_01 > li:nth-child(1){padding-right:18px}
ul.busi_list_01 > li:nth-child(2){padding-left:18px}
ul.busi_list_01 > li img{width:100%}
ul.busi_list_02{width:100%; display:flex; margin-top:40px }
ul.busi_list_02 > li{width:calc(25% - 25px); text-align:center; position:relative; margin-right:25px }
ul.busi_list_02 > li img{width:100% }
ul.busi_list_02 > li > p{width:100%; text-align:center; color:#fff; position:absolute; bottom:0; padding:10px 0; background:rgba(0,0,0,0.6);font-size:0.9em }



.taba_1 {margin:0 auto 20px auto; display:flex; justify-content:center }
.taba_1:after{content:''; display:block; clear:both;}
.taba_1 li {width:200px; margin-left:-1px;}
.taba_1 li.line_1 a {font-size:0.9em}
.taba_1 li a {width:100%; display:block; background:#f9f9f9; border:1px solid #ccc; text-align:center; padding:13px;line-height:1.2em; position:relative; font-weight:bold; color:#494949; font-size:0.9em}
.taba_1 li a.on{color:#fff; background:#b60026;border:0; box-shadow: 3px 3px 10px rgba(182,0,38,0.6);  }
.taba_1 li a.on:after {content: ""; display: block; /* clear: both; */width:1px; height:100%; position:absolute; right:0; top:0; background:#153d80;}
.taba_1 {margin:0 auto 0 auto; display:flex; justify-content:center }
.taba_1:after{content:''; display:block; clear:both;}
.taba_1 li {width:200px; margin-left:-1px;}


@media (max-width:1300px) {

ul.busi_list_01{flex-wap:wrap; margin-top:20px }
ul.busi_list_01 > li:nth-child(1){padding-right:5px}
ul.busi_list_01 > li:nth-child(2){padding-left:5px}

}


@media (max-width:840px) {
p.busi_title{text-align:center; font-weight:500; font-size:1.1em; margin:0px 0 20px 0 }
.info_tab_1 .tab_1 li.line_1 a {line-height:18px;}
.info_tab_1 .tab_1 li a {padding:13px;height:46px}
.tab_contents_1 { padding:20px 0 } 
ul.busi_list_01{margin-top:20px }
div.busi_02{padding:20px 0 }
ul.busi_list_02{flex-wrap:wrap; margin-top:20px }
ul.busi_list_02 > li{width:calc(50% - 10px); margin-right:10px; margin-bottom:10px }

ul.busi_list_02 > li > p{padding:5px 0; }


}

/* 사업영역  end-  */



/*이달의북 -  */

div.Book{max-width:1300px; margin:0 auto; }
div.Book > ul > li{border-bottom:1px solid #ccc; padding:40px 80px }
div.Book > ul > li:first-child{border-top:1px solid #ccc; }
div.Book > ul > li > dl{width:100%; display:flex; font-size:0.8em }
div.Book > ul > li > dl > dt{width:225px; }
div.Book > ul > li > dl > dd{width:calc(100% - 225px); padding-left:40px }
div.Book > ul > li > dl > dd p.book_year{color:#b60026 }
div.Book > ul > li > dl > dd p.book_date{color:#999 }
div.Book > ul > li > dl > dd p.book_title{font-size:1.5em; font-weight:700}
div.Book > ul > li > dl > dd a{display:block; padding:20px 0}
@media (max-width:840px) {
div.Book > ul > li{padding:20px 20px }
div.Book > ul > li > dl > dd{padding-left:20px }
}

@media (max-width:720px) {
div.Book > ul > li > dl{flex-direction:column }
div.Book > ul > li > dl > dt{width:100%; text-align:center; margin-bottom:10px }
div.Book > ul > li > dl > dd{width:100%; padding:0 0}
}

/* 이달의북 - ** { */

/*기업브로슈어 -  */
.brochure_bg{background:url('/images/common/bg_brochure.jpg') no-repeat center top; background-size:cover }
div.brochure{max-width:1300px; margin:0 auto; }
div.brochure dl{width:100%; display:flex; font-size:1em }
div.brochure dl > dt{width:600px;   }
div.brochure dl > dt img{box-shadow: 3px 3px 10px rgba(0,0,0,0.3);  }
div.brochure dl > dd{width:calc(100% - 600px);  padding-left:90px}
div.brochure dl > dd > p.brochure_title{font-weight:700; font-size:1.5em; margin-bottom:20px}
div.brochure dl > dd > p > span{display:inline-block; color:#fff; font-size:0.8em; background:#bb1739; padding:3px 10px; margin-bottom:10px}
div.brochure dl > dd > p > a{display:inline-block; border:1px solid #333; padding:15px 40px; margin-right:10px}
div.brochure dl > dd > p.brochure_text_red{color:#bc183a; font-size:0.9em; margin:40px 0 10px 0}
@media (max-width:840px) {
div.brochure dl{ flex-direction:column;}
div.brochure dl > dt{width:100%;  text-align:center }
div.brochure dl > dt img{box-shadow: 3px 3px 10px rgba(0,0,0,0.3);  }
div.brochure dl > dd{width:100%;  padding-left:0px; padding-top:20px;  text-align:center}]
div.brochure dl > dd > p.brochure_text_red{margin:20px 0 10px 0}
}

@media (max-width:720px) {

}

/* 기업브로슈어 - ** { */


/*ci -  */
div.ci{max-width:1300px; margin:0 auto; }
div.ci > div.{max-width:1300px; margin:0 auto; }
ul.ci_01{width:100%; display:flex; font-size:1em; margin-bottom:80px }
ul.ci_01 > li:nth-child(1){padding-right:10px }
ul.ci_01 > li:nth-child(2){padding-left:10px }
ul.ci_01 li dl dt{font-size:1.2em; font-weight:700; margin-bottom:10px }

ul.ci_02{width:100%; font-size:1em; }
ul.ci_02 > li > dl > dt{font-size:1.2em; font-weight:700; margin-bottom:10px }
ul.ci_02 > li > dl > dd > ul{display:flex;}
ul.ci_02 > li > dl > dd > ul > li{padding-right:20px}
@media (max-width:840px) {

}

@media (max-width:720px) {

}

/*ci -  end*/
/* 채용 -  */
div.recruit_01{max-width:1300px; margin:0 auto; font-size:0.9em;}
.ruleBox{width:100%; padding:20px; border:1px solid #ccc; font-size:0.8em; height:300px; overflow-y:scroll; margin-bottom:10px }
div.recruit_01 > ul{display:flex }
div.recruit_01 > ul > li{padding-right:20px; margin-bottom:40px }
div.recruit_01 table {border-top:2px solid #b60026;width:100%}
div.recruit_01 table th {padding:5px 20px;  }
div.recruit_01 table td {padding:5px 20px}
div.recruit_01 table th {background:#eee; border-bottom:1px solid #ccc}
div.recruit_01 table td {border-bottom:1px solid #ccc;}
div.recruit_01 table td input[type=text],div.recruit_01 table td textarea{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 }
div.recruit_02{width:100%;}
div.recruit_02 h5{margin-bottom:20px;}
div.recruit_02_01{width:100%; padding:80px 0; background:#f3fafd}
div.recruit_02_01 > ul{max-width:1240px; margin:0 auto;display:flex; justify-content:space-between}

div.recruit_02_02{max-width:1300px; margin:0 auto; padding:80px 0}
div.recruit_02_03{width:100%; padding:80px 0; background:#fbfbfb}
div.recruit_02_03 > div{max-width:1300px; margin:0 auto; }
div.recruit_02_03 > div p{margin-bottom:40px }
div.recruit_02_04{max-width:1300px;  padding:80px 0; margin:0 auto; }
div.recruit_02_01 > ul{max-width:1240px; margin:0 auto;display:flex; justify-content:space-between}
div.recruit_02_05{width:100%; padding:80px 0; background:#fbfbfb}
div.recruit_02_05 > div{max-width:1300px; margin:0 auto; }

div.recruit_03{width:100%; padding:80px 0; background:#f3fafd}
div.recruit_03 > div{max-width:1300px; margin:0 auto; }
div.recruit_03 > div p.recruit_03_txt{margin-bottom:40px; font-size:0.8em; }
div.recruit_03 > div > ul{max-width:1300px; display:flex; flex-wrap:wrap; border-top:1px solid #ccc; border-bottom:1px solid #ccc;  padding:40px; position:relative}
div.recruit_03 > div > ul > li{width:calc(25% - 20px); min-height:285px; background:#fff; border:1px solid #ccc; margin:10px;position:relative;}
div.recruit_03 > div > ul > li > dl{width:100%; height:100%; padding:150px 20px 0 20px; text-align:center}
div.recruit_03 > div > ul > li > span:before{position:absolute;top:0; left:0; width:28px; height:28px; content:""; display:block;background: url('/images/common/w1.png') no-repeat center top;}
div.recruit_03 > div > ul > li > span:after{position:absolute;bottom:0; right:0; width:28px; height:28px; content:""; display:block;background: url('/images/common/w2.png') no-repeat center top;}
div.recruit_03 > div > ul > li > dl > dt{font-size:1.1em; font-weight:500}
div.recruit_03 > div > ul > li > dl > dd{font-size:0.8em;}

div.recruit_03 > div > ul > li:nth-child(1) > dl{background: url('/images/common/ico_welfare_01.jpg') no-repeat center 40px; }
div.recruit_03 > div > ul > li:nth-child(2) > dl{background: url('/images/common/ico_welfare_02.jpg') no-repeat center 40px; }
div.recruit_03 > div > ul > li:nth-child(3) > dl{background: url('/images/common/ico_welfare_03.jpg') no-repeat center 40px; }
div.recruit_03 > div > ul > li:nth-child(4) > dl{background: url('/images/common/ico_welfare_04.jpg') no-repeat center 40px; }
div.recruit_03 > div > ul > li:nth-child(5) > dl{background: url('/images/common/ico_welfare_05.jpg') no-repeat center 40px; }
div.recruit_03 > div > ul > li:nth-child(6) > dl{background: url('/images/common/ico_welfare_06.jpg') no-repeat center 40px; }
div.recruit_03 > div > ul > li:nth-child(7) > dl{background: url('/images/common/ico_welfare_07.jpg') no-repeat center 40px; }
div.recruit_03 > div > ul > li:nth-child(8) > dl{background: url('/images/common/ico_welfare_08.jpg') no-repeat center 40px; }
div.recruit_03 > div > ul > li:nth-child(9) > dl{background: url('/images/common/ico_welfare_09.jpg') no-repeat center 40px; }
div.recruit_03 > div > ul > li:nth-child(10) > dl{background: url('/images/common/ico_welfare_10.jpg') no-repeat center 40px; }


@media (max-width:1000px) {
div.recruit_03 > div > ul > li:nth-child(1) > dl{background: url('/images/common/ico_welfare_01.jpg') no-repeat center 20px; }
div.recruit_03 > div > ul > li:nth-child(2) > dl{background: url('/images/common/ico_welfare_02.jpg') no-repeat center 20px; }
div.recruit_03 > div > ul > li:nth-child(3) > dl{background: url('/images/common/ico_welfare_03.jpg') no-repeat center 20px; }
div.recruit_03 > div > ul > li:nth-child(4) > dl{background: url('/images/common/ico_welfare_04.jpg') no-repeat center 20px; }
div.recruit_03 > div > ul > li:nth-child(5) > dl{background: url('/images/common/ico_welfare_05.jpg') no-repeat center 20px; }
div.recruit_03 > div > ul > li:nth-child(6) > dl{background: url('/images/common/ico_welfare_06.jpg') no-repeat center 20px; }
div.recruit_03 > div > ul > li:nth-child(7) > dl{background: url('/images/common/ico_welfare_07.jpg') no-repeat center 20px; }
div.recruit_03 > div > ul > li:nth-child(8) > dl{background: url('/images/common/ico_welfare_08.jpg') no-repeat center 20px; }
div.recruit_03 > div > ul > li:nth-child(9) > dl{background: url('/images/common/ico_welfare_09.jpg') no-repeat center 20px; }
div.recruit_03 > div > ul > li:nth-child(10) > dl{background: url('/images/common/ico_welfare_10.jpg') no-repeat center 20px; }
div.recruit_03 > div > ul > li{width:calc(33.33333% - 20px);  min-height:200px; }
}
@media (max-width:840px) {
div.recruit_02_01{width:100%; padding:20px 10px;}
div.recruit_02_01{padding:20px 10px}

div.recruit_02_02{padding:20px 10px}
div.recruit_02_03{padding:20px 10px}
div.recruit_02_04{padding:20px 10px}
div.recruit_02_05{padding:20px 10px}
div.recruit_03{padding:20px 10px}
div.recruit_03 > div > ul > li{width:calc(50% - 10px);  margin:5px;min-height:200px; }
div.recruit_03 > div > ul > li > dl{padding:130px 20px 0 20px; text-align:center;}

}
@media (max-width:640px) {

div.recruit_03 > div > ul > li{width:calc(100% - 10px);  margin:5px 0px;}
}
/* 채용 -end  */










/* 개인정보 처리방침 - ** { */
.privacy { max-width: 1300px; line-height:1.7em}
.privacy  h5{ margin:20px 0 40px 0; font-size:1.4em !important}
.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;}
/* 개인정보 처리방침 - ** } */