@charset "utf-8";

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

 h4{font-size:1.5em; font-weight:500; color:#1d548d; padding:0px 0 40px 0px;width:100%; text-align:center;}
 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 0px; }

 }
/*1. ceo인사말 - **/

div.Greeting{width:100%; font-size:1.1em; line-height:1.6em; letter-spacing:-1px;  }
div.Greeting > div{width:100%; padding:0 80px }
div.Greeting > div.Greeting_01{width:100%; min-height:530px;background:url('/images/common/greeting_01.jpg') no-repeat 0px 0px; position:relative}
div.Greeting > div.Greeting_01 > div{position:absolute; bottom:0; left:0;  padding:80px; max-width:1000px; height:267px; background:#fff url('/images/common/greeting_line.jpg') no-repeat right bottom;;font-size:2rem; font-weight:700; color:#1d548d; margin-bottom:40px;line-height: 1.4em;
}
div.Greeting > div.Greeting_02{width:calc(100% - 370px); }
div.Greeting > div.Greeting_03{width:100% }
div.Greeting > div.Greeting_03 > table{width:100%; font-size:0.9em }
div.Greeting > div.Greeting_03 > table th,div.Greeting > div.Greeting_03 > table td{padding:30px; border-bottom:1px solid #356699}
div.Greeting > div.Greeting_03 > table th{background:#4673a1; color:#fff; font-weight:400; text-align:center; width:15%;}
div.Greeting > div.Greeting_03 > table td{background:#e8eef3; color:#000; width:35%;}
@media (max-width:1200px) {
div.Greeting > div{width:100%; padding:0 20px }
}
@media (max-width:1000px) {
div.Greeting > div.Greeting_01{width:100%; padding:0 0 40px 0 }
div.Greeting > div.Greeting_02{width:100%  }

}
@media (max-width:820px) {
div.Greeting > div.Greeting_01{min-height:230px;background:url('/images/common/greeting_01.jpg') no-repeat 0px 0px; position:relative;margin-bottom:40px}
div.Greeting > div.Greeting_01 > div{height:auto; font-size:1.5rem;padding:20px;  background:none; color:#fff; margin-bottom:40px}
div.Greeting > div.Greeting_03 > table th,div.Greeting > div.Greeting_03 > table td{padding:10px;}
}
/*1-2. 회사개요 - **/
div.overview{max-width:1400px; margin:0 auto; display:flex; flex-wrap:wrap;font-size:1.1em; line-height:1.5em }
div.overview > div.overview_01{width:700px; }
div.overview > div.overview_02{width:calc(100% - 700px); padding-left:50px;  }
div.overview > div.overview_02 > p.overview_02_01{margin-bottom:50px; font-size:1.5em; font-weight:600; color:#336699; line-height:1.2em }
div.overview > div.overview_02 > p.overview_02_01 > span:after{display:inline-block; width:0.8em; height:0.8em; content:""; background: url('/images/common/line_overv.png' ) no-repeat center center; background-size:cover; vertical-align:bottom  }
div.overview_02 > ul{width:100%; margin-top:20px; display:flex; flex-direction:column; gap:10px}
div.overview_02 > ul > li{border:1px solid #ccc; width:100%; font-size:0.9em; padding:20px 20px; display:flex; flex-wrap:wrap;}
/*div.overview_02 > ul > li:not(:nth-child(2)){border:1px solid #ccc; width:100%; font-size:0.9em; padding:20px 20px; display:flex; flex-wrap:wrap;}*/
div.overview_02 > ul > li > span{display:inline-block; width:60px; height:60px; border-radius:50%; background:#ebebeb; margin-right:10px; overflow:hidden}
div.overview_02 > ul > li > span img{width:100%;}
div.overview_02 > ul > li > div{width:calc(100% - 70px); }
div.overview_02 > ul > li > div > p:nth-child(1){font-weight:600; color:#336699; margin-bottom:5px}
div.overview_02 > ul > li > div > p:nth-child(2){font-size:0.9em; line-height:1.2em}


@media (max-width:1200px) {
div.overview > div.overview_01{width:500px; }
div.overview > div.overview_02{width:calc(100% - 500px); padding-left:30px;  }
}
@media (max-width:1000px) {
div.overview{font-size:1em; }
div.overview > div.overview_01{width:300px; }
div.overview > div.overview_02{width:calc(100% - 300px); padding-left:20px;  }
div.overview > div.overview_02 > p.overview_02_01{margin-bottom:30px;  }
}

@media (max-width:840px) {
div.overview{}
div.overview > div.overview_01{width:100%; height:200px; overflow:hidden;  }
div.overview > div.overview_01 img{width:100%; }
div.overview > div.overview_02{width:100% ; padding-left:0px; padding-top:30px }
div.overview > div.overview_02 > p.overview_02_01{margin-bottom:30px;  }
}





div.map_01 {width:100%; height:500px;margin:0 auto; }
div.map_02 > ul {width:100%; background:#626262;padding:20px 20px; color:#fff }
div.map_02 > ul > li{display:flex; flex-wrap:wrap; padding:20px; align-items:center}
div.map_02 > ul > li > div:nth-child(1){width:100px; padding-right:20px }
div.map_02 > ul > li > div:nth-child(2){width:calc(100% - 100px) }
div.map_02 > ul > li > div > p.map_title{font-size:1.4em; font-weight:500; margin-bottom:20px }



@media (max-width:840px) {
div.map_02 > ul {padding:20px 10px }
div.map_02 > ul > li{padding:10px;}
div.map_02 > ul > li > div:nth-child(1){width:60px }
div.map_02 > ul > li > div:nth-child(2){width:calc(100% - 60px) }
div.map_02 > ul > li > div > p.map_title{font-size:1.2em; margin-bottom:10px }

}

div.Business{width:100%; }
div.Business > div{margin-bottom:70px}
div.Business > div.Busi_01 > ul{width:100%; display:flex; flex-wrap:wrap}
div.Business > div.Busi_01 > ul > li{width:33.33333%; padding:0 15px 30px 15px}
div.Business p.busiTtile{font-size:1.3em; font-weight:500; margin-bottom:20px }
div.Business p.busiImg{margin-bottom:20px }

div.busi_top{width:100%; min-height:600px; display:flex; align-items:center; justify-content:center; margin-bottom:70px}
.top01{background:url('/images/common/bg_pro_01.jpg') no-repeat center center; background-size:cover}
.top02{background:url('/images/common/bg_pro_02.jpg') no-repeat center center; background-size:cover}
.top03{background:url('/images/common/bg_pro_03.jpg') no-repeat center center; background-size:cover}

div.busi_top > div{background-color:rgba(255,255,255,0.7); max-width:800px; margin:0 auto; padding:40px; color:#333366; font-weight:600; font-size:1.5em; line-height:1.5em; text-align:center }


@media (max-width:1320px) {
div.Business > div.Busi_02 > ul > li{width:25%}
}


@media (max-width:1000px) {
div.Business > div.Busi_01{height:400px; margin-bottom:50px; position:relative}
div.Business > div.Busi_01 > div{width:500px; background:#fff; position:absolute; bottom:0;}
div.Business > div.Busi_01 > div > p{font-size:2em; font-weight:900; line-height:1em;margin-bottom:20px;text-shadow: 1px 1px 5px rgba(232,172,32,1);  padding:30px 30px 0 30px;  }
div.Business > div.Busi_01 > div > div{font-size:1.3em; font-weight:600; padding:0 30px 30px 30px; width:100%; position:relative;  }
div.Business > div.Busi_02 > ul > li{width:33.33333%}
}
@media (max-width:720px) {
div.Business > div.Busi_01{height:250px; margin-bottom:50px; position:relative}
div.Business > div.Busi_01 > div{width:90%; background:#fff; position:absolute; bottom:0;}
div.Business > div.Busi_01 > div > p{font-size:2em; font-weight:900; line-height:1em;margin-bottom:20px;text-shadow: 1px 1px 5px rgba(232,172,32,1);  padding:30px 30px 0 30px;  }
div.Business > div.Busi_01 > div > div{font-size:1.3em; font-weight:600; padding:0 30px 30px 30px; width:100%; position:relative;  }
div.Business > div.Busi_02 > ul > li{width:50%}
}
div.Ci {max-width:1320px; margin:0 auto; }
div.Ci > div.Ci_01{width:100%; margin-bottom:50px; position:relative}
div.Ci > div.Ci_01 > p{width:100%;text-align:right}
div.Ci > div.Ci_01 > p a{display:inline-block; margin:0 5px; color:#fff; font-size:0.9em; background:#003459 url('/images/common/btn_download.png') no-repeat right 10px;border-radius:3px; padding:10px 50px 10px 30px;}
div.Ci > div.Ci_01 > ul{width:100%; display:flex; flex-wrap:wrap;  }
div.Ci > div.Ci_01 > ul > li{width:50%; padding:10px }
div.Ci > div.Ci_01 > ul > li:last-child{width:100%;}
div.Ci > div.Ci_01 > ul > li > img {width:100%; }

div.Ci > div.Ci_02{max-width:1320px;width:100%;display:flex; flex-wrap:wrap;justify-content:space-between }
div.Ci > div.Ci_02> ul.Ci_02_01 > li{margin-bottom:10px }
div.Ci > div.Ci_02> div.Ci_02_02{margin-bottom:20px }
div.Ci > div.Ci_02 > ul.Ci_02_03{max-width:1320px;width:100%; display:flex; justify-content:space-between }

@media (max-width:1000px) {
div.Ci > div.Ci_02> ul.Ci_02_01{display:flex; flex-wrap:wrap; }
}
div.memberInfo {max-width:1320px; margin:0 auto; }
div.memberInfo > table {width:100%; font-size:0.9em}
div.memberInfo > table td{border:1px solid #ccc; background:#fff; padding:10px 10px; font-size:0.9em}
div.memberInfo > table tr td:first-child{text-align:center}
div.memberInfo > table th{border:1px solid #fff; background:#7f9ed8; color:#fff; padding:10px 10px; font-weight:500}



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


div.Guide{width:100%;  }
div.Guide > div{width:100%; padding:0 40px 80px 40px }
div.Guide > div.Guide_01{padding:0px 0px 80px 0px }
div.Guide > div.Guide_03 > ul{padding:40px; background:#f9f9f9}
div.Guide > div.Guide_03 > ul > li{ background:url('/images/common/ico_ul_01.png') no-repeat left 12px;padding:0 0 20px 15px; }
div.Guide > div.Guide_03 > ul > li > p.g_text{background:url('/images/common/ico_ul_02.png') no-repeat 0px 12px;padding:0 0 0px 12px;}
div.Guide > div.Guide_03 > ul > li > p.g_title{font-size:1.1em; font-weight:500; margin-bottom:10px}
div.Guide > div.Guide_04 > table{width:100%;}
div.Guide > div.Guide_04 > table td{border:1px solid #fff; background:#e8edf6; padding:20px}
div.Guide > div.Guide_04 > table tr td:first-child{text-align:center; padding:20px 40px}
div.Guide > div.Guide_04 > table th{border:1px solid #fff; background:#7f9ed8; color:#fff; padding:20px}

div.Dispute > div{width:100%; padding:0 40px 80px 40px }
div.Dispute > div.Dispute_01{padding:0px 0px 80px 0px }
div.Dispute > div.Dispute_02 > table{width:100%;}
div.Dispute > div.Dispute_02 > table td{border:1px solid #ccc; background:#fff; padding:20px}
div.Dispute > div.Dispute_02 > table th{border:1px solid #ccc; background:#f9f9f9; padding:20px; font-size:1.1em; font-weight:500}
div.Dispute > div.Dispute_02 > table th.thTop{background:#dde2e5; font-size:1.1em; }
div.Dispute > div.Dispute_02 > div{padding:10px;display:flex; justify-content:space-between}
div.Dispute > div.Dispute_02 > div > span{display:flex;}
div.Dispute > div.Dispute_02 > div > span > a{display:inline-block; margin:0 5px; color:#fff; font-size:0.9em; background:#003459; border-radius:3px; padding:10px 20px;}

div.safe{width:100%;  }
div.safe > div{width:100%; padding:0 40px 80px 40px }
div.safe > div.safe_01{padding:0px 0px 80px 0px }
div.safe > div.safe_02 > div{padding:40px; background:#f9f9f9; margin-top:10px; display:flex; flex-wrap:wrap}
div.safe > div.safe_02 > div > div{width:50%}
div.safe > div.safe_02 > div > div:nth-child(3){width:100%; padding:20px; background:#e5e6ea; border-radius:3px}
.safe_request{margin-top:20px;}
.safe_request > a{display:inline-block; background:#0a1b39; color:#fff; font-size:0.8em; padding:15px 30px; border-radius:3px}
ul.ul_type_01{padding-left:15px }
ul.ul_type_01 > li > div{background:url('/images/common/ico_ul_02.png') no-repeat 0px 15px;padding-left:10px }
ul.ul_type_01 > li > p{background:url('/images/common/ico_ul_03.png') no-repeat 10px 15px;padding-left:20px; font-size:0.9em }

ul.ul_type_03{padding-left:0px }
ul.ul_type_03 > li{padding-bottom:20px;  }
ul.ul_type_03 > li > div{background:url('/images/common/ico_ul_01-2.png') no-repeat 0px 8px;padding-left:15px; font-weight:500; font-family:1.1em;  }
ul.ul_type_03 > li > p{background:url('/images/common/ico_ul_03.png') no-repeat 10px 10px;padding-left:20px;  }
ul.ul_type_03 > li > ul{padding:0 0 10px 10px }
ul.ul_type_03 > li > ul > li{background:url('/images/common/ico_ul_02.png') no-repeat 10px 15px;padding-left:20px; font-size:0.9em }

ul.ul_type_02{}
ul.ul_type_02 > li{background:url('/images/common/ico_ul_01.png') no-repeat 0px 13px;padding-left:15px }

div.Article{  }
div.Article > div{width:100%; padding:0 0 80px 0;  }
div.Article > div.Article_01{padding:0px 0px 40px 0px }
div.Article .info_tab_1 ul.tab_1 {display:flex; justify-content:center  }
div.Article .info_tab_1 ul.tab_1:after{content:''; display:block; clear:both;}
div.Article .info_tab_1 ul.tab_1 li {margin-left:-1px;}


div.Article .info_tab_1 ul.tab_1 li a {width:100%; display:block; color:#000; background:#f2f2f2; text-align:center; padding:13px;height:66px;line-height:38px; position:relative; font-weight:500;  font-size:0.9em}
div.Article .info_tab_1 ul.tab_1 li a.on{border:0; color:#fff;background:#1a3c76;  }
div.Article .info_tab_1 ul.tab_1 li a.on:after {content: ""; display: block; /* clear: both; */width:1px; height:100%; position:absolute; right:0; top:0; background:#153d80;}

div.Article .info_tab_1 ul.tab_1 {display:flex; }
div.Article .info_tab_1 ul.tab_1:after{content:''; display:block; clear:both;}
div.Article .info_tab_1 ul.tab_1 li {width:200px;}
div.Article .tab_contents_1 {display:none; padding:40px 40px; max-width:100%; background:#f9f9f9;height:1000px; overflow-y:scroll} 
div.Article .tab_contents_1.on{display:block;}
div.Article ul.articleTab {display:flex; flex-wrap:wrap} 
div.Article ul.articleTab li{width:25%; } 

div.Article ul.articleTab li a{display:block;  padding:10px; font-size:0.8em;border:1px solid #081a39; margin-left:-1px; margin-top:-1px } 
div.Article ul.articleTab li a:hover{background: #081a39; color:#fff } 
div.Article p.articleBtn{text-align:right; margin:20px 0 } 
div.Article p.articleBtn a{display:inline-block; margin:0 5px; color:#fff; font-size:0.9em; background:#003459 url('/images/common/btn_download.png') no-repeat right 10px;border-radius:3px; padding:10px 50px 10px 30px;}
div.Article div.articleTitle{width:100%; text-align:center;  } 
div.Article div.articleTitle > span{display:inline-block; font-size:1.4em; font-weight:500; padding:0px 0 20px 40px; background:url('/images/common/ico_orger.jpg') no-repeat 0px 0px; } 
a.jang:after{display:block; height:150px; content:"";  } 
div.Article div.articleText{font-size:0.9em; margin-bottom:30px  } 
div.Article div.articleText > h5{font-weight:500; margin-bottom:10px } 
div.Article div.articleText div.articleBox{border:1px solid #ccc;border-radius:5px; padding:10px } 
ul.demi {padding-left:20px} 
ul.demi > li{list-style-type: decimal;} 
ul.demi2 {padding-left:20px} 
ul.demi2 > li{list-style-type: :;} 
@media (max-width:840px) {
div.Guide > div{width:100%; padding:0 20px 40px 20px }
div.Guide > div.Guide_01{padding:0px 0px 40px 0px }
div.Guide > div.Guide_03 > ul{padding:20px;}
div.Guide > div.Guide_03 > ul > li{ background:url('/images/common/ico_ul_01.png') no-repeat left 6px;padding:0 0 20px 15px; }
div.Guide > div.Guide_03 > ul > li > p.g_text{background:url('/images/common/ico_ul_02.png') no-repeat 0px 6px;padding:0 0 0px 12px;}

div.safe > div{width:100%; padding:0 20px 40px 20px }
div.safe > div.safe_01{padding:0px 0px 40px 0px }
div.safe > div.safe_02 > div{padding:20px;}
div.safe > div.safe_02 > div > div{width:100%}
}




/* 게시판 - */
div.board {max-width:1320px;margin:0 auto; }
table.consultBoard{width:100%; font-size:0.8em }
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}


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 }

table.consultWrite th{width:250px; text-align:left; font-weight:500; padding:20px 40px; 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.consultWrite td input[type='text']{padding:10px 20px;background:#f8f8f8; box-shadow:inset 2px 2px 0px rgba(0,0,0,0.3); height:55px; border-radius:3px; border:0; margin-right:5px}
table.consultWrite 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.consultWrite td textarea{padding:10px 20px;background:#f8f8f8; box-shadow:inset 2px 2px 0px rgba(0,0,0,0.3); height:300px; border-radius:3px; border:0; }
.redpointer{display:inline-block; color:#ea1313; padding:0px 5px; vertical-align:middle }
table.consultWrite input[type='file']{border:1px solid #ccc; margin-right:10px; padding:10px; height:50px }

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 }
table.consultWrite2 input[type='file']{border:1px solid #ccc; margin-right:10px; padding:10px; height:50px }

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;  }





@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']{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;}
}

@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}
}


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


/* 사업영역 -  */

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;}

.t_scroll {width:100%;  }
@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; }
.t_scroll {overflow-x:scroll  }

}

/* 사업영역  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 }
table {width:100%}
table th {padding:5px 20px;  }
table td {padding:5px 20px; font-size:0.9em}
table th {background:#eee; border-bottom:1px solid #ccc}
table td {border-bottom:1px solid #ccc;}
table td input[type=text],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;}
table th {padding:5px 5px;  }
table td {padding:5px 5px; min-width:100px; }
}
/* 채용 -end  */










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

/* 갤러리 게시판 */
ul.List_Exhibit_03{width:100%;  overflow:hidden; margin-top:10px; }
ul.List_Exhibit_03 > li{float:left;width:25%; padding:0 16px 20px; }
ul.List_Exhibit_03 > li > dl{width:100%; /*background:#f1f1f1;*/ line-height:1.2em }
ul.List_Exhibit_03 > li > dl > dt{width:100%; /*height:300px;*/ text-align:center; overflow:hidden; border:1px solid #ccc }
ul.List_Exhibit_03 > li > dl > dt > img{width:100%; }
ul.List_Exhibit_03 > li > dl > dd{padding:16px 8px 0; text-align:left; line-height:1.5em; min-height:150px;}
ul.List_Exhibit_03 > li > dl > dd > p.List_title{color:#ff0000; font-size:20px; padding:18px 0}
ul.List_Exhibit_03 > li > dl > dd > p.c_tag{display:block; color:#153d80; font-weight:bold; padding-bottom: 8px;}
ul.List_Exhibit_03 > li > dl > dd > p.c_tag {font-size:20px; }
#bo_cate {background: 0; padding: 0px; margin:0 auto 80px; border-top: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9;}

#bo_cate {display:block; border:0;}
#bo_cate_ul1 li {padding:0px; width: 200px; text-align: center; }
#bo_cate_ul1 li a{
    line-height: 38px;
    font-size: 0.9em;
    width: 100%;
    display: block;
    background: #f9f9f9;
    border: 1px solid #ccc;
    text-align: center;
    padding: 13px;
    position: relative;
    font-weight: bold;
    color: #494949;
}
@media (max-width: 640px){
	#bo_cate_ul1 li {width: 50%; /*border-bottom:1px solid #153d80;*/ font-size:15px}
	
}
ul.List_Exhibit_03 > li > dl > dd {font-size:17px;}
#bo_cate_ul1 li a {    border-radius: 0;    padding: 15px 0;  font-size: 18px; }


div.gallery h3 {
    display: block;
    max-width: 1280px;
    margin: 0 auto;
    font-size: 40px;
    line-height: 1.2em;
    padding: 120px 0 40px;
    text-align: center;
    font-weight: 800 !important;
    color: #000;
    letter-spacing: -0.02rem;
}
@media (max-width: 1200px){
div.gallery h3 {
    font-size: 25px;
    font-weight: normal;
    background: none;
    padding: 33px 0 20px 0;
    text-align: center;
    width: 100%;
}
@media (max-width: 840px){
	ul.List_Exhibit_03 > li > dl > dd > p.c_tag {font-size:18px; }
	#bo_cate_ul1 li a {font-size:16px; padding:10px 0; }
	ul.List_Exhibit_03 > li > dl > dd {font-size:16px;}
	#bo_cate {margin:0 auto 20px;}
	#bo_cate_ul1 li a {    border-radius: 0;    padding: 5px 0;  font-size: 16px; }
}
@media (max-width: 640px){
ul.List_Exhibit_03 > li > dl > dd > p.c_tag {font-size:16px; }
ul.List_Exhibit_03 > li > dl > dd {font-size:15px;}
}