@charset "utf-8";
.center {float:center;}

.mint_blt{ padding:0px 0 0 20px;background-image:url(../../img/01/b_big.png ); background-repeat:no-repeat; background-position:left; }
.gray_blt{ padding:0px 0 0 20px;background-image:url(../../img/01/b_m.png ); background-repeat:no-repeat; background-position:left top 4px; }
.mint_c_blt{ padding:0px 0 0 22px;background-image:url(../../img/01/b_s.png ); background-repeat:no-repeat; background-position:left; }

.popbox { width:100%; float:center; padding:30px;  }

#txt_wrap { width:100%; margin:0 auto; text-align:center;margin-bottom:20px;  margin-top:50px; }
#txt_wrap .txt_left { width:400px; float:left; }
#txt_wrap .txt_right { width:950px; float:right; }
#txt_wrap .txt_title { font-size:18px; color:#333; line-height:24px; margin-bottom:15px; }
#txt_wrap .txt_detail { font-size:18px; color:#333; line-height:30px; padding-bottom:20px; display:block; }
#txt_wrap .min_box1{float:left; }
#txt_wrap .min_box2{padding:30px;float:right; width:950px; border-style:solid; border-width:1px 0px 0px 0px ; border-top-color:#ccc; text-align:left; }
#txt_wrap .min_box3{padding:30px;float:left; width:300px; border-style:solid; border-width:2px 0px 0px 0px ; border-top-color:#26baaa; text-align:left;}

#txt_wrap .box1_wrap { width:340px;height:400px; float:left;margin:10px; display:inline }
#txt_wrap .box2_wrap { width:340px; float:right; padding-bottom:20px; display:inline  }
#txt_wrap .box3_wrap { width:480px;height:370px; float:left; text-align:center; padding:50px;  display:inline;}
#txt_wrap .mint_title { font-size:20px; color:#26baaa; line-height:24px; margin-bottom:15px;   }
#txt_wrap .mint_title24 { font-size:24px; color:#26baaa; line-height:24px; margin-right:15px;   }


#txt_wrap2 { width:100%; float:center; }
#txt_wrap2 .box3 { width:480px; text-align:center; padding-bottom:30px;  margin-right:0px; display:inline }

.ra_box	{text-align:center;max-width:1024px;margin:0 auto;margin-top:30px;}
.ra_box	.box3_wrap {width:45%;display:inline-block;vertical-align:top;}

.box_scroll {overflow-y:scroll;text-align:justify;line-height:24px;height:700px;}

.img_txt_left {float:left;margin:0 20px 20px 0;}
.div_clear	{clear:both;}


.cont_table_min	 {border-top : 3px solid #26baaa;border-bottom : 3px solid #26baaa;}
.cont_table_min th, .cont_table_ra td {padding:20px; border-bottom:1px solid #ccc;}

.cont_table_min thead th, .cont_table_min th {font-weight : bold; color : #26baaa; text-align:center;}
.cont_table_min tbody th, .cont_table_min th.body {font-weight : bold; color : #26baaa; text-align:center;}


.cont_ra_box {float:left;width:30%;padding:20px;margin:10px;}
.cont_ra_box2 {float:left;width:30%;padding:20px 30px;margin:10px;}
.cont_ra_box2 ul {border-top:1px solid #d1d3d4;padding:10px 15px;margin-top:10px}
.cont_ra_box2 ul li { list-style-image:url('../../img/05/sb_o.jpg');}
.cont_ra_box2 ul li span{position:relative;top:4px;}
.cont_half_box {float:left;width:49%;padding:30px;margin-top:30px 0;}



.bd_gray {border:1px solid #d1d3d4}
.bt_gray {border-top:1px solid #d1d3d4}
.br_gray {border-right:1px solid #d1d3d4}
.bl_dgray {border-left:1px solid #d1d3d4}
.left_line_fff {padding:3px 3px 3px 10px;border-left:3px solid #fff;}
.left_line_333 {padding:3px 3px 3px 10px;border-left:3px solid #424242;}


.fs_16 {font-size:16px;}
.fs_18 {font-size:18px;}
.fs_24 {font-size:24px;}

/* 승진제도 */
.circle1 {display:inline-block; background:url(../../img/05_company/recruit_02_01.png) no-repeat; color:#fff; vertical-align:middle;}
.circle2 {display:inline-block; background:url(../../img/05_company/recruit_02_02.png) no-repeat; color:#fff; vertical-align:middle;}
.circle3 {display:inline-block; background:url(../../img/05_company/recruit_02_03.png) no-repeat; color:#fff; vertical-align:middle;}
.circle4 {display:inline-block; background:url(../../img/05_company/recruit_02_04.png) no-repeat; color:#fff; vertical-align:middle;}
.circle5 {display:inline-block; background:url(../../img/05_company/recruit_02_05.png) no-repeat; color:#fff; vertical-align:middle;}
.circle-cont1, .circle-cont2 {font-size:14px;}

.inner_txt2 {height:60px; display:inline-block; margin:auto;}
.dot {background:url(../../img/05_company/recruit_dot.png) left top 11px no-repeat; padding:0 0 0 10px;}
.no-dot {padding:0 0 0 10px; text-decoration:underline;}


.fac_img {position:relative;}
.fac_img .fac_map {position:absolute; bottom:0; right:0; width:80px; height:80px; text-align:center; background:#e60013; padding:14px 10px;}

/* 인재육성 */
#creator .history_visual {background-position:center right; background-repeat:no-repeat; background-size:cover; position:relative;}
.circle_title_sub {text-align:center;padding:0 0 0 0; margin-top:-60px;}
.circle_title_sub h3{color:#333;}

.bg_ll_gray {background:#f5f5f5;}

/* 로그인 */
.login_button {width:100%; margin:auto; margin:50px 0 20px 0;}
.login_button li {width:260px; display: inline-block; margin-right:15px;}
.login_button li:last-child {margin:0;}
.login_button li img {display:block;}

@media (max-width:767px) {/* 최소 ~ 최대 767 */

	#txt_wrap .tab ul li {width:100%;}
	#txt_wrap .box1_wrap { width:90%; display:auto }
	#txt_wrap .box2_wrap { width:90%; display:auto  }
	#txt_wrap .min_box2{width:100%;padding:10px left:10px;float:left;}
	#txt_wrap .min_box3{width:100%;text-align:left;padding:16px 30px 10px 30px;}

	.ra_box	.box3_wrap {width:93%;display:inline-block;}
	/*.ra_box	..mg_30 { margin:10px !important;}*/
	#txt_wrap .mgb50 {margin-bottom:10px;}

	.img_txt_left {float:none;margin:0 20px 20px 0;}

	.cont_ra_box2 {float:none;width:90%;padding:20px 30px;margin:10px;}

	/* 인재육성 */
	#creative {position:relative;}
	#creator .circle_title {display:inline-block; border-radius:82px; background:url(../../img/05_company/recruit_01_bg.png) center center no-repeat; color:#e60013; text-align:center; font-size:30px; width:164px; height:164px; padding:55px 0 0 0; line-height:1;}
	#creator .creator_inner .inner_txt .right_cont, #creator .creator_inner .inner_txt .left_cont {padding:20px 0; border-bottom:1px solid #ddd;}
	#creator .creator_inner .inner_txt img {max-width:450px;}
	#creator .creator_inner .inner_txt h1 {color:#535252; font-weight:normal; margin:0 0 10px 0;}
	#creator .creator_inner .inner_txt h4 {margin:10px 0;}
	#creator .creator_inner .inner_txt ul li {position:relative; padding:5px 0 5px 0;}
	#creator .creator_inner .inner_txt ul li strong {position:absolute; left:0; color:#333;}
	.circle_title_sub {text-align:center;padding:5px 0 0 0 ;}

	/* 승진제도 */
	.circle-cont1, .circle-cont2 {display:block;}
	.circle1, .circle2, .circle3, .circle4, .circle5 {width:100px; height:100px; background-size:cover; font-size:18px;}
	.circle1, .circle3, .circle4, .circle5 {padding:23px 0 0 0;}
	.circle2 {padding:37px 0 0 0;}
	.circle-line {display:none;}
	.circle-line2 {display:inline-block; border-right:1px solid #ccc; height:40px; margin:10px auto 0 auto;}

	/* 로그인 */
	.login_button li {width: 90%; margin-right:0;}

}

@media (max-width:992px) {/* 최소 ~ 최대 992 */

	#txt_wrap .tab ul li {width:100%;}
	#txt_wrap .box1_wrap { width:90%; display:auto }
	#txt_wrap .box2_wrap { width:90%; display:auto  }
	#txt_wrap .min_box2{width:100%;padding:10px left:10px;float:left;}
	#txt_wrap .min_box3{width:100%;text-align:left;padding:16px 30px 10px 30px;background-position:left 20px;}
	.mint_c_blt {background-image:url(../../img/01/b_s.png ); background-repeat:no-repeat;background-position:left 200px;}
	#txt_wrap .mgb50 {margin-bottom:10px;}


}

@media (min-width:768px) {

	/* 인재육성 */
	#creative {position:absolute; top:28px;}
	#creator .circle_title {display:inline-block; border-radius:82px; background:url(../../img/05_company/recruit_01_bg.png) center center no-repeat; color:#e60013; text-align:center; font-size:30px; width:164px; height:164px; padding:55px 0 0 0; line-height:1;}
	#creator .creator_inner .inner_txt {background:url(../../img/05_company/bg_history_line.png) left 11% center no-repeat; background-size:3px 505px;}
	#creator .creator_inner .inner_txt h4 {margin:10px 0;}
	#creator .creator_inner .inner_txt .right_cont {background:url(../../img/05_company/bg_history_left.png) left center no-repeat; margin-left:10.8%; padding:30px 0 0 250px;}
	#creator .creator_inner .inner_txt .right_cont:first-child {padding:0 0 0 250px;}
	/*#creator .creator_inner .inner_txt .right_cont:last-child {background:url(../../img/05_company/bg_history_left.png) left bottom no-repeat;}*/
	#creator .creator_inner .inner_txt h1 {color:#535252; font-weight:normal; margin:0 0 10px 0;}
	#creator .creator_inner .inner_txt ul li {position:relative; padding:5px 0 5px 0;}
	#creator .creator_inner .inner_txt ul li strong {position:absolute; left:0; color:#333;}
	#creator .creator_inner .inner_txt .left_cont ul li strong {right:0;}

	/* 승진제도 */
	.circle1, .circle2, .circle3, .circle4, .circle5 {width:100px; height:100px; background-size:cover; font-size:18px;}
	.circle1, .circle3, .circle4, .circle5 {padding:22px 0 0 0;}
	.circle2 {padding:35px;}
	.circle-line {position:absolute; border-bottom:1px solid #ccc; width:70%; z-index:-1; top:52px; left:110px;}
	.circle-cont1 {display:inline-block; vertical-align:top; margin-right:0;}
	.circle-cont2 {display:inline-block; vertical-align:top; margin-right:20px;}
	.circle-cont2:last-chile {margin-right:0;}
	.circle-line2 {display:none;}

}

@media (min-width:992px) {

	/* 인재육성 */
	#creator .creator_inner .inner_txt {background:url(../../img/05_company/bg_history_line.png) left 11.6% center no-repeat; background-size:3px 505px;}
	#creator .creator_inner .inner_txt .right_cont {margin-left:11.6%;}

}


@media (min-width:1500px) {

	/* 인재육성 */
	#creator .creator_inner .inner_txt {background:url(../../img/05_company/bg_history_line.png) left 11% center no-repeat;}
	#creator .creator_inner .inner_txt img {width:auto;}
	#creator .creator_inner .inner_txt {background-size:3px 430px;}
	#creator .creator_inner .inner_txt .right_cont {margin-left:11%;}
	#creative {top:16px; left:18px;}

	/* 승진제도 */
	.circle1, .circle2, .circle3, .circle4, .circle5 {width:120px; height:120px; background-size:cover; font-size:20px;}
	.circle1, .circle3, .circle4, .circle5 {padding:28px 0 0 0;}
	.circle2 {padding:43px 0 0 0;}
	.circle-line {top:60px;}
	.circle-cont1 {display:inline-block; vertical-align:top; margin-right:30px;}
	.circle-cont2 {display:inline-block; vertical-align:top; margin-right:55px;}
	.circle-cont2:last-chile {margin-right:0;}
}