@charset "utf-8";
/* CSS Document */


/*-인트라넷-*/
.join_tab_box { position:relative; display:block; background:url(../images/inc/s_patt1.png) repeat-x left top; padding-top:4px; text-align:center;}
.join_tab_box .join_tab { display:inline-block; position:relative; width:100%; text-align:center; background:#fbfbfb; margin:0 auto;}
.join_tab_box .join_tab li { display:inline-block; position:relative; width:48.5%; margin:0 0.5%; border-bottom:3px solid #ddd; background:#fbfbfb; padding:55px 0 15px; vertical-align:middle;}
.join_tab_box .join_tab li .txt_st { display:inline-block; font-size:15px; color:#aaaaaa; position:relative; line-height:22px; font-weight:600;}
.join_tab_box .join_tab li.on .txt_st { color:#666; font-weight:600;}
.join_tab_box .join_tab li.on { border-bottom:3px solid #ad5659;}
.join_tab_box .join_tab .icon_st1 { background:url(../images/inc/intra1.png) no-repeat center 15px;}
.join_tab_box .join_tab .icon_st2 { background:url(../images/inc/intra2.png) no-repeat center 15px;}

.intra_box { padding:70px 100px 0 100px; background:url(../images/inc/s_patt1.png) repeat-x left bottom; height:250px;}

.intra_inbox1 { width:350px; height:300px; margin-right:115px; float:left; isplay:block; text-align:center;
				background-image:url(../images/inc/join_intro_icon1.png); background-repeat:no-repeat; background-position:110px 60px; transition:color 0.2s, background 0.2s;}
.intra_inbox1:hover { background-image:url(../images/inc/join_intro_icon1.png); background-repeat:no-repeat; background-position:110px 80px;}
.inbox1_off {font-size:20px; font-weight:600; color:#333; margin:0px 0 0 -30px; line-height:40px; }
.intra_inbox1:hover .inbox1_off { color:#c30005;}
.intra_inbox1 > a span {width:150px; height:50px; display:block; text-align:center; cursor:pointer; line-height:50px; margin-top:100px; margin-left:80px;
				border:1px solid #24bfe4; background:#24bfe4; color:#fff; font-size:18px; text-decoration:none; transition:color 0.2s, background 0.2s;}
.intra_inbox1 > a span:hover {color:#24bfe4; background:#fff; }
.intra_inbox1 > a  { text-decoration:none; }
				
				
.intra_inbox2 { width:350px;height:300px;float:left; isplay:block; text-align:center;
				background-image:url(../images/inc/join_intro_icon2.png); background-repeat:no-repeat; background-position:160px 70px; transition:color 0.2s, background 0.2s;}
.intra_inbox2:hover { background-image:url(../images/inc/join_intro_icon2.png); background-repeat:no-repeat; background-position:160px 90px;}
.inbox2_off {font-size:20px; font-weight:600; color:#333; margin:0px 0 0 40px; line-height:40px; }
.intra_inbox2:hover .inbox2_off { color:#c30005;}
.intra_inbox2 > a span {width:150px; height:50px; display:block; text-align:center; cursor:pointer; line-height:50px; margin-top:100px; margin-left:130px;
				border:1px solid #ff7b62; background:#ff7b62; color:#fff; font-size:18px; text-decoration:none; transition:color 0.2s, background 0.2s;}
.intra_inbox2 > a span:hover {color:#ff7b62;background:#fff;}
.intra_inbox2 > a  { text-decoration:none; }

/*연혁*/
.his_top_ex { background:url(../images/sub1/int_top_img.png) left no-repeat; height:150px; width:99.8%; background-color:#f5f5f5; border:1px solid #ddd; }
.his_top_posi { margin-left:280px; margin-top:20px; }


.sub .history_area{ position:relative; background:url(../images/inc/s_patt1.png) repeat-x left bottom;}
.sub .history_area .history_lst{ margin-left:231px; border-left:1px solid #ddd; background:url(../images/sub1/his_bg_img1.png) no-repeat right top; }
.sub .history_area .history_lst .list{ *zoom:1; margin-top:50px;}
.sub .history_area .history_lst .list:after{ content:""; display:block; clear:both;}
.sub .history_area .history_lst .list:first-child{ margin-top:0;}
.sub .history_area .history_lst .list dt{ float:left; width:125px; margin:3px 0 0 -145px; padding:5px 0 0 0; text-align:right;}
.sub .history_area .history_lst .list dt span{ display:inline-block; *display:inline; zoom:1; letter-spacing:-1px;}
.sub .history_area .history_lst .list dt .year { font-size:23px; color:#333; font-weight:600; margin:-5px 10px 0 0;}
.sub .history_area .history_lst .list dd{ font-size:16px; margin-left:-10px; padding:5px 0 5px 40px; line-height:21px; background-image:url(../images/sub1/icon_s_circle.png); background-position:left 3px; background-repeat:no-repeat;}
.sub .history_area .history_lst .list dd.first { margin-left:-10px; padding:5px 0 5px 40px; line-height:21px; background-image:url(../images/sub1/icon_b_circle.png); background-position:left 3px; background-repeat:no-repeat;}
.sub .history_area .history_lst .list dd strong { color:#888; padding-right:10px; font-size:14px;}

/*관계회사*/
.rel_top_ex { background:url(../images/sub1/rel_top1.png) left no-repeat; height:100px; width:99.8%; background-color:#f8f8f8; border:1px solid #ddd; }
.rel_top_ex2 { background:url(../images/sub1/rel_top2.png) left no-repeat; height:100px; width:99.8%; background-color:#f8f8f8; border:1px solid #ddd; }
.rel_top_ex3 { background:url(../images/sub1/rel_top3.png) left no-repeat; height:100px; width:99.8%; background-color:#f8f8f8; border:1px solid #ddd; }
.rel_top_ex4 { background:url(../images/sub1/rel_top4.png) left no-repeat; height:100px; width:99.8%; background-color:#f8f8f8; border:1px solid #ddd; }
.rel_top_ex5 { background:url(../images/sub1/rel_top5.png) left no-repeat; height:100px; width:99.8%; background-color:#f8f8f8; border:1px solid #ddd; }
.rel_top_posi { margin-left:240px; margin-top:35px; }
.rel_top_posi p { font-size:22px; font-family:"Times New Roman", Times, serif;  color:#888; font-weight:600; }
.re_txt { font-size:16px; line-height:30px; background:url(../images/sub1/rel_bg.png) no-repeat right top;}

<!--스타일로 옮기기!!!! -->
.tbl_st3 { padding:0px; font-size:13px;}
.tbl_st3 tbody th {  text-align:left;color:#444444; font-weight:600; border-bottom:1px solid #dddddd; border-top:1px solid #dddddd; border-right:1px solid #dddddd; line-height:18px; padding:10px 20px; vertical-align:middle; }
.tbl_st3 tbody td {  color:#555555; border-bottom:1px solid #dddddd; border-top:1px solid #dddddd; line-height:18px; padding:10px 5px 10px 20px; vertical-align:middle; text-align:left; }
.tbl_st3 tbody .bg_f8 th{ background:#f8f8f8;}
.tbl_st3 tbody .bg_f8 td{ background:#f8f8f8;}

.mint-blue { color:#3638ab; font-weight:600; }

/*사이트맵*/
.sitemap .gnb{ overflow:hidden; margin-left:-2%;}
.sitemap .gnb > li{ float:left; width:23%; margin-left:2%;}
.sitemap .gnb > li .dp3,
.sitemap .gnb > li.m_5,
.sitemap .gnb > li.m_6,
.sitemap .gnb > li.m_intra,
.sitemap .gnb > li.m_intrain1,
.sitemap .gnb > li.m_intrain2,
.sitemap .gnb > li.m_member,
.sitemap .gnb > li.m_mypage,
.sitemap .gnb > li.m_guide{ display:none}
.sitemap .gnb > li .dp1{ display:block; border-top:3px solid #3f669b; border-bottom:1px solid #ddd; border-radius:5px 5px 0 0; text-align:center; font-size:17px; font-weight:600; color:#444; padding:20px 0;}
.sitemap .gnb > li:hover .dp1{ background:#9bb5db; color:#fff; text-decoration:none;}
.sitemap .gnb > li .dp2 > li > a{ display:block; border-bottom:1px dotted #999; font-size:87.5%; color:#666; padding:10px 0; text-align:center; font-size:13px; background:#fff}
.sitemap .gnb > li .dp2 > li:last-child > a{ display:block; border-bottom:2px solid #999; border-radius:5px; background:#fff; }
.sitemap .gnb > li .dp2 > li > a:hover{ font-weight:bold; color:#3f669b; text-decoration:none;}
.sitemap .gnb > li.m_1,
.sitemap .gnb > li.m_2,
.sitemap .gnb > li.m_3,
.sitemap .gnb > li.m_4,
.sitemap .gnb > li.m_5{ min-height:410px;}

.ethic_area .vision >li {padding-left:23px; background:url(../images/inc/s_dot3.gif) no-repeat 13px center; font-size:15px; line-height:26px; color:#666;}
.ethic_area .vision >li:first-child {margin-top:5px;}
.ethic_area .vision >li.none {padding-left:23px; background:none; font-size:15px; line-height:23px; color:#666; margin-bottom:3px;}


/*-인트라넷, 아이디비번찾기-*/
.doc .find_box{ width:1020px; margin:0 auto; position:relative; display:block; background:url(../images/inc/s_patt1.png) repeat-x left top; padding-top:4px; }
.doc .find_box .login_inner{ padding:40px 0 20px 40px; overflow:hidden; background:url(../images/inc/s_patt1.png) repeat-x left bottom; }
.doc .find_box .login_inner .login_inner1 { float:left; padding-right:30px; border-right:3px dotted #ddd;}
.doc .find_box .login_inner .login_inner2 { float:left; padding-left:30px;}

.doc .find_box .login_inner h3 { background:url(../images/inc/s_dot3.gif) no-repeat left 11px; padding-left:10px; font-size:15px; line-height:25px; color:#568b8d;}
.doc .find_box .login_inner .inp_box{ float:left;}
.doc .find_box .login_inner .inp_box dl{ margin-top:10px; overflow:hidden;}
.doc .find_box .login_inner .inp_box dl:first-child{ margin-top:30px;}
.doc .find_box .login_inner .inp_box dl dt,
.doc .find_box .login_inner .inp_box dl dd{ float:left; height:30px;  }
.doc .find_box .login_inner .inp_box dl dt{ width:90px; margin-left:12px;}
.doc .find_box .login_inner .inp_box dl dd{ width:200px;}
.doc .find_box .login_inner .inp_box dl dt strong{ font-size:14px; color:#282828; }
.doc .find_box .login_inner .inp_box dl dd .inp_st{ width:90%; height:28px; padding:0 4%; border:1px solid #666; background:#fffafd; }
.doc .find_box .login_inner .inp_box dl dd .inp_st2{ width:35%; height:28px; padding:0 4%; border:1px solid #666; background:#fffafd;}

.doc .find_box .login_inner .mem_btn{ float:left; overflow:hidden; margin:30px 0;}
.doc .find_box .login_inner .mem_btn li{ float:left; margin-left:5px; }
.doc .find_box .login_inner .mem_btn li .btn{ width:120px; height:68px; display:block; text-align:center; cursor:pointer; text-decoration:none; 
				border:1px solid #952c30; color:#fff; font-size:18px; line-height:68px; transition:color 0.3s, background 0.3s; }
.doc .find_box .login_inner .mem_btn li .btn_st1{ background-color:#952c30;}
.doc .find_box .login_inner .mem_btn li .btn_st1:hover{ background:#fff; color:#952c30;}

/*-사원게시판-급여명세서-*/
.doc .find_box .login_inner .mem_btn2 li .btn{ height:110px; }
.doc .find_box .salary_r{ padding:40px 0 20px 280px; }

.id_save {font-size:15px; line-height:24px; color:#444;}

.id_save #id_check { width:14px; height:14px;}
.sal_p {font-size:14px; line-height:24px; color:#666;}


/*-모범사원-*/
.intrain_4_h1 { background:url(../images/inc/diapoint.png) no-repeat; padding-left:25px; line-height:20px; }
.mini_btn {width:205px; height:40px; line-height:40px; text-align:center; color:#fff; background:#952c30; border:1px solid #952c30;}

/*-오시는길표-*/
.subway_bg { padding:5px; border-radius:15px; color:#fff; font-weight:600; }
.sub_line3 { background:rgba(241, 121, 57, 1); }
.sub_line5 { background:rgba(153, 72, 176, 1); }