/* Animation */
@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}
@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}
.animated01 {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

.animated02 {
    animation-duration: 0.7s;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-fill-mode: both
}
.animated02 {
    animation-duration: 0.7s;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-fill-mode: both
}
.animated03 {
    animation-duration: 3s;
    animation-fill-mode: both;
    -webkit-animation-duration: 3s;
    -webkit-animation-fill-mode: both
}
.animated04 {
    animation-duration: 4s;
    animation-fill-mode: both;
    -webkit-animation-duration: 4s;
    -webkit-animation-fill-mode: both
}
.animatedFadeInUp {
    opacity: 0
}
.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}

table.sub_table03.th_width44 th{width:44%;}
table.sub_table03.height37{}
table.sub_table03.height37 td,table.sub_table03.height37 th{height: 37px;} 
.m_bottom{margin-bottom:70px}
.word_break_n{word-break: normal;}
.justify{text-align:justify}
.sub_table03 .bgcolor01{background-color: #ccc;}
.sub_table03 .bgcolor02{background-color: #e3e3e3}
.sub020602_top{background: url(../images/sub/sub020602_img01.jpg) center top no-repeat;
	height: 415px;
    margin-bottom: 70px;
    text-align: center
}
ol{padding-left:20px}
ol li{padding-left:5px;}
.sub_background {background: #bfbfc1 url(../images/sub/sub_bg.png) center top no-repeat;}
.sub_background #sub_page{margin-top:0;}
.sub_bg_wh{background: #fff;padding:0 1% 3% 1%;box-sizing: border-box;margin-bottom: 100px;min-height: 570px;}
.sub_bg_wh .sub_title{width: auto;min-width: auto;}

.sub_bg_wh .sub_title {
    width: auto;
    min-width: auto;
    height: auto;
    overflow: hidden;
    border-bottom: solid 1px #e9e9e9;
    margin-bottom: 10px;
	font-size: 14px;
}
.sub_title_left {
    width: 53.5%;
    float: left;
    text-align: left;
    display: block;
    line-height: 1.6;
    background: url(../images/sub/online_icon1.png) left center no-repeat;
    background-size: 60px;
	padding-left: 70px;
	box-sizing: border-box;
    color: #666;
}
.sub_title_left b {
    color: #158cc7;
    font-weight: 500;
}
.sub_title_right {
    width: 45%;
    float: right;
    text-align: left;
    display: block;
    line-height: 1.6;
    background: url(../images/sub/online_icon2.png) left center no-repeat;
    background-size: 60px;
    padding-left: 70px;
    box-sizing: border-box;
	color: #666;
}
.sub_title_right span {
    display: inline-block;
}

#sub_page{animation: inherit;margin-top: 70px; overflow: hidden; }
#sub_page h1, h2, h3, h4, h5, h6,strong,p,span {font-family:'notokr', sans-serif;vertical-align: baseline;}
#sub_page strong{padding:0;}
#sub_page .wrap{background:#fff;padding:3%;}
.full_wrap{width:100%;/*background:#0a0a0a  url(../images/sub/sub_bg.png) center top no-repeat;*/padding-bottom:100px;}
#sub_page p{color:#222;font-size:16px;line-height: 30px;}
#sub_page div{box-sizing: border-box;}

/*fancybox*/
.fancybox-lock {overflow: inherit !important;}


/*01-01 CEO인사말*/
.ceo{/*background: url(../images/sub/ceo_bg.png) repeat-y;*/}
.ceo_top{overflow: hidden;width: 1200px;padding:3%;margin:0 auto;background:#fff;}
.ceo_top p{text-align:center;}
img.ceoimg01{width:100%;max-width:350px;}
.ceo_top span{display: block;margin: 0 auto;padding: 30px 0;background: url(../images/sub/ceo_01_line.png) center center no-repeat;}
.ceo_btm{position:relative;}
.ceo_bg{width: 95%;margin: 0 auto;}
.ceo_bg img{display: block;width: 100%;}
.ceo_btm ul{position:absolute;overflow:hidden;top:150px;left:50%;margin-left: -398.5px;background: url(../images/sub/ceo_02_01_line.png) 0 center repeat-x;}
.ceo_btm ul li{float:left;position:relative;padding-left:100px;}
.ceo_btm ul li:before{
	position:absolute;
	content:"";
	clear:both;
	display:block;
	width:9px;
	height:9px;
	top: 98px;
    left:16%;
	border-radius:50%;
	background: #f02123;
}
.ceo_btm ul li:first-child:before{display:none;}
.ceo_btm ul li:first-child{padding-left:0;}
.ceo_btm ul li img{}
.ceo_btm ul li.op_icon span{background:none;}
.ceo_btm ul li.op_icon1{top: 0;left:35%;}
.ceo_btm ul li.op_icon2{top: 0;left:0;}
.ceo_btm ul li.op_icon3{top: 0;right:35%;}
#sub_page .ceo_top p.ceosign{font-size: 20px;text-align: right;padding: 25px 0;}


.dia_txt{position:absolute;top:75px;width: 199px;text-align: center;}
.dia_txt span{display:block;font-size:13px;line-height:1;padding-top:3px;}


/*01-02 회사연혁*/
.history .wrap{padding:3%;background:#fff;}
.h_box{position:relative;width:100%;overflow:hidden;background: url(../images/sub/history_center_line.png) center 10px repeat-y;padding-bottom:20px;}
.h_box:after{
	position:absolute;
	content:"";
	clear:both;
	display:block;
	width:10px;
	height:10px;
	border-radius:50px;
	bottom:0;
    left: 50%;
	margin-left:-5px;
	background:#cb1315;
}
.h_box > div{float:left;width:50%;}
.h_left{padding-right:45px;}
.h_left h5{position:relative;font-size:30px;font-weight:600;color:#cb1315;text-align:right;}
.h_left h5:before{
	position:absolute;
	content:"";
	clear:both;
	display:block;
	width:40px;
	height:1px;
    top: 14px;
    left: 560px;
	background: #f02123;
}
.h_left h5:after{
	position:absolute;
	content:"";
	clear:both;
	display:block;
	width:13px;
	height:13px;
	top: 8px;
    left: 594px;
	background: url(../images/sub/history_dot.png) no-repeat;
}
.h_left img{width:100%;max-width:633px;}
.h_rht{padding-left:45px;}
.h_rht dl{overflow:hidden;}
.h_rht dt{float:left;font-size:18px;font-weight:600;color:#333;padding-right:25px;}
.h_rht dd{font-size:16px;color:#222;padding-bottom:20px;}
.h_rht dd.pd_left{padding-left:95px;}
/*01-03 인증서*/
.cert{padding-bottom:7%;}
.cert h4{
    width: 200px;
    margin-bottom: 10px;
    padding: 8px 0;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    background: #7e7e7e;
    border-radius: 30px;
}
.cert ul{overflow:hidden;width:100%;}
.cert ul li{display: inline-block; width:19.6%; height:auto; padding: 0.5%;margin-bottom: 40px; box-sizing:border-box;transition:all 0.2s;vertical-align:top;}
.cert ul li a{display:block;border:1px solid #ddd;padding:10px 0;min-height:286px;}
.cert ul li a:hover{border:1px solid #cb1315;transition:all 0.8s;}
a.fancybox img{display: block;width: 100%;max-height:286px;margin:0;padding: 0;}
#sub_page.cert ul li p{
	position:relative;
	font-size: 14px;
	color:#222;
	font-weight:500;
	padding-left:15px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
#sub_page.cert ul li p:before{
	position: absolute;
    content: "";
    clear: both;
    display: block;
    width: 2px;
    height: 12px;
    top: 8px;
    left: 0;
    background: #cb1315;
}
/*01-04 경영이념 및 비전*/
.vs_top{}
.vs_top > ul > li{overflow:hidden;}
#sub_page .vs_top > ul > li > img{display:block;float:left;padding:0;width: 100%;}
.vs_txt{float:left;width:100%;padding:30px 0px;background:#f4f4f4;}
.vst_mid{padding:25px 40px;background: #fff;}
.vs_txt h4{font-size:18px;font-weight:600;color:#cb1315;text-align:center;}
.vs_txt h5{font-size: 14px;font-weight:500;color: #cb1315;text-align:center;}
#sub_page .vs_txt p{font-size:18px;font-weight:500;text-align:center;letter-spacing: -1px;line-height: 20px;}
.vs_txt > div{padding-top:15px;}
#sub_page .vs_txt strong{font-weight:500;}
#sub_page .vs_txt span{display:block;font-size:16px;font-weight:400;letter-spacing: -1px;line-height: 22px;padding-top:15px;}
#sub_page .vs_txt span b{font-weight: 600;}
.vs_tion{overflow:hidden;padding:30px 0 5px;}
.vs_tion li{float:left;}
.vst01{overflow:hidden;;}
.vst01 li{float:left;width:33.33%;text-align:center;}
.vst01 li div{background:#fff;margin:0 auto;width:180px;height:180px;border-radius:50%;border: 6px solid #e6e6e6;box-shadow: 1px 1px 5px;}
.vst02 {width: 35%;text-align: center;border: 10px solid #e0e0e0;}
.vst03 {width: 65%;border: 10px solid #ebebeb;}
.vst03 dt{float:left}
.vst02 div{padding: 18px 0 19px;}
.vs_tion li img{padding: 45px 0 10px;}



/*01-05 찾아오시는 길*/
.location{}
.map_area{padding-bottom:50px;}
.map_area > div{overflow:hidden;margin-bottom:40px;}
.map_area > div > div{float:left;}
.loc_info{width:300px;height:360px;padding:45px;background:#f4f4f4;}
.linfo_top{}
#sub_page .linfo_top p{color:#cb1315;font-size:30px;font-weight:100;line-height: inherit;}
#sub_page .linfo_top p strong{display: block;float: left;font-weight:600;line-height:30px;padding-right:5px;}
#sub_page .linfo_top span{position:relative;display: block;font-size:18px;color:#333;padding:15px 0 50px;}
#sub_page .linfo_top span:before{
	position: absolute;
    content: "";
    clear: both;
    display: block;
    width: 40px;
    height: 2px;
    top: 85px;
    left: 0;
    background: #333;
}
.linfo_btm{padding-top:45px;}
.linfo_btm p{color: #333;}

.list_area table{width:100%;border-collapse: collapse;}
.list_area table tr{}
.list_area table tr th{width:33.33%;font-size: 16px;color: #333;font-weight: 600;line-height:45px;padding:0;border-top:2px solid #cb1315;border-bottom:1px solid #cb1315;}
.list_area table tr td{text-align:center;font-size: 16px;line-height:45px;padding:0;border-bottom:1px solid #dedede;}




.center {}
.center h2{font-size:25px;font-weight:500;color:#cb1315; margin-bottom:15px;}
.center ul  {margin-bottom:50px;}
.center ul {border: 10px solid #e0e0e0; padding:25px;}
.center ul li {margin-bottom:8px; color: #222;font-size: 16px; line-height:1.3; word-break:keep-all;}
.center ul li span {position:relative; display: inline-block; padding-right:20px;}
.center ul li span:after { top:-3px; margin-left:5px; content:'\2713'; text-transform:uppercase; font-weight:bold; font-size:20px; color:rgba(203, 19, 21, 0.8); }

.center ul.center_bott {background: url('../images/sub/ico_center.png') 20px 13px no-repeat; padding-left:120px;}




/*02*/

/*03-01 홍보동영상*/
.p_video{}
.pv_intro{background:#fff;}
.pv_intro h4{
	position:relative;
	width:250px;
	margin:0 auto;
	padding: 35px 0;
	font-size:16px;
	font-weight:600;
	color:#cb1315;
	text-align:center;
	letter-spacing:-1px;
}
.pv_intro h4:before{
	position: absolute;
    content: "";
    clear: both;
    display: block;
    width:2px;
    height:16px;
    top: 40px;
    left: 0;
    background:#cb1315;
}
.pv_intro h4:after{
	position: absolute;
    content: "";
    clear: both;
    display: block;
    width:2px;
    height:16px;
    top: 40px;
	right:0;
    background:#cb1315;
}
.pv_intro h4 span{font-weight:600;}
.pv_intro .wrap{background:#fff;}
.pv_intro ul{overflow:hidden;padding:30px 0;width: 325px;margin: 0 auto;}
.pv_intro ul li{float:left;}
.pv_intro ul li img{display:block;padding: 0 25px;}
.pv_intro p{text-align: center;}

.pv_yt{margin-top:40px;padding-bottom: 5%;}
.pv_yt div{width:1000px;margin: 0 auto;}


/*03-02 CI 소개*/
.sub0302 .wrap{background:#fff;padding:3%;}
#sub_page.sub0302 p.titp{font-weight: 600;color:#cb1315;font-size: 20px;}
.ci_top{overflow: hidden;padding-bottom:30px;}
.citop_left{float:left;margin-right:3%;width: 30%;}
.logo_box{background: url(../images/sub/ci_logo_bg.jpg) repeat;border:1px solid #ddd;}
.logo_box img{display: block;margin: 0 auto;padding: 42px 0;width:100%;max-width: 206px;}
.logo_box a{
    width: 100%;
    height: 60px;
    line-height: 60px;
    border-top: 1px solid #ddd;
    display: block;
    font-size: 18px;
    padding-left: 10%;
    text-align: center;
    background: url(../images/sub/icon_down.png) 20% center no-repeat;
    box-sizing: border-box;
}
.citop_right{float:right;width: 67%;}
.citop_right p.ci_cont{padding:0 0 10px;}
.citop_right p span{/*color:#cb1315;*/font-weight: 400;}
.citop_right ul{overflow:hidden;width:100%;}
.citop_right ul li{float:left;width:50%;text-align: center;border:1px solid #ddd;box-sizing: border-box;}
.citop_right ul li.ci01{}
.citop_right ul li.ci02{border-left:none;}
.citop_right ul li img{padding: 30px 0;width: 88%;max-width: 349px;}

.ci_mid{overflow: hidden;width:100%;padding-bottom: 30px;}
ul.color_list li{float:left;width:33.33%;}
ul.color_list li > p{}
ul.color_list li > div{}
ul.color_list li div span{}
ul.color_list li > div div{text-align: center;height: 50px;color:#fff;line-height: 50px;font-weight: 700;margin: 10px 0;}
ul.color_list li div.cicolor01{background:#e02337;}
ul.color_list li div.cicolor02{background:#66686d;}
ul.color_list li div.cicolor03{background:#f36c32;border:1px solid #f36c32;}
ul.color_list li div p b{color:#231f20;} 

.ci_btm div{border:1px solid #ddd;text-align: center;padding: 30px 0;margin-top: 10px;}
.ci_btm img{width: 20%;max-width: 269px;}

.ci_last{padding-top:30px;}
ul.usage_list{overflow: hidden;}
ul.usage_list li{float:left;width: 24.5%;padding-top: 10px;margin-right: 0.5%;min-height: 135px;}
ul.usage_list li img{width: 100%;padding:0;border:1px solid #ddd;}
#sub_page ul.usage_list li p{font-size: 14px;line-height: 22px;}


/*03-03 대리점 안내*/
.agency{}
.agency h4{
	position:relative;
	width:500px;
	margin:0 auto;
	padding:0 0 35px;
	font-size:16px;
	font-weight:600;
	color:#cb1315;
	text-align:center;
	letter-spacing:-1px;
}
.agency h4:before{
	position: absolute;
    content: "";
    clear: both;
    display: block;
    width:2px;
    height:16px;
    top: 4px;
    left: 0;
    background:#cb1315;
}
.agency h4:after{
	position: absolute;
    content: "";
    clear: both;
    display: block;
    width:2px;
    height:16px;
	top: 4px;
	right:0;
    background:#cb1315;
}
.ag_map{background:#f7f7f7;border:1px solid #ddd;}
.ag_map img{display:block;margin:0 auto;padding:15px 0;}
.ag_map{}
ul.ag_tabs{overflow:hidden;width:100%;border-left:1px solid #ddd;}
ul.ag_tabs li{
	float:left;
	width:16.66%;
	line-height:60px;
    cursor: pointer;
    background: #fff;
    color: #222;
	font-size: 16px;
    box-sizing: border-box;
	text-align:center;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
ul.ag_tabs li.current{
	color: #fff;
	background:#cb1315;
}
.agtabs-content{
    display: none;
	min-height: 600px;
}
.agtabs-content.current {
    display: block;
}
.agtabs-content > p{text-align: center;font-weight: 500;padding: 35px 0 10px;font-weight:600;}
.agtabs-content table{width:100%;border-collapse: collapse;}
.agtabs-content table tr{}
.agtabs-content table tr th{height:36px;padding:4px 0;background:#2b2b2b;}
#sub_page .agtabs-content table tr th p{font-size: 15px;color:#fff;font-weight:300;line-height:15px;border-left:1px solid #fff;}
#sub_page .agtabs-content table tr th:first-child p{border-left:none;}
.agtabs-content table tr td{text-align:center;font-size: 14px;color:#222;line-height:40px;padding:0;border-bottom:1px solid #dedede;}




/*03-04 생산능력*/
.factory .wrap{padding:3%;background: #fff;}
.fbg_gr{background:#fff;}
.factory p {text-align:center;font-weight:500;}
.factory  h4{
	position:relative;
	width:100px;
	margin:0 auto;
	padding:0 0 35px;
	font-size:16px;
	font-weight:600;
	color:#cb1315;
	text-align:center;
	letter-spacing:-1px;
}
.factory h4:before{
	position: absolute;
    content: "";
    clear: both;
    display: block;
    width:2px;
    height:16px;
    top: 5px;
    left: 0;
    background:#cb1315;
}
.factory h4:after{
	position: absolute;
    content: "";
    clear: both;
    display: block;
    width:2px;
    height:16px;
    top: 5px;
	right:0;
    background:#cb1315;
}
.fac01{overflow:hidden;padding:50px 0;margin-bottom:50px;}
.fac01 > div{float:left;width:50%;}
.fac_intro{overflow:hidden;padding-bottom:15px;}
.fac_intro > img{float:left;padding:0 20px 0 0;}
#sub_page .fac_intro p{position:relative;float:left;display:inline-block;padding-left:20px;font-size: 18px;line-height: 1;font-weight: 500;}
#sub_page .fac_intro p:before{
	position: absolute;
    content: "";
    clear: both;
    display: block;
    width:7px;
    height:7px;
    top: 5px;
	left:0;
	border-radius:50%;
    background:#cb1315;
}
.fac_intro > div{float:left;}
.fac_intro span{display:block;line-height: 19px;}
.fac_left .fac_intro div{padding-top:4px;}
.fac_right .fac_intro div{padding-top: 24px;}
.fac01 > div >img{display: block;width: 95.5%;margin: 0 auto;padding: 0;}
.factory .agh01 > p{text-align:left;}

.factory  .fac02 h4{width:150px;}
.ann_grh{border-top:1px solid #dedede;}
.ag_tit{overflow:hidden;background:#f4f4f4;height:36px;}
.ag_tit p{float:left;padding-left: 513px;font-weight: 500;line-height: 36px;}
.ag_tit span{float:right;font-size: 14px;padding-top: 5px;padding-right: 10px;}
.fac02 table{width:100%;border-collapse: collapse;}
.fac02 table th{width:20%;text-align:center;height:36px;padding:4px 0;background:#2b2b2b;}
#sub_page .fac02 table th p{color:#fff;font-weight:300;line-height:15px;border-left:1px solid #fff;}
#sub_page .fac02 table th:first-child p{border-left:none;}
.fac02 table tr{border-bottom:1px solid #dedede;}
.fac02 table tr.ann_total td{font-weight:600;}
.fac02 table td{text-align:center;font-size: 16px;color:#222;line-height:40px;padding:0;border-left:1px solid #dedede;}
.fac02 table td:first-child{border-left:none;}
table .bg_gr{background:#f4f4f4;}
.fac02 table .fcred{color:#cb1315;}
.agh02{margin-top:30px;}



/*03-05 기술인증서*/


/*05-01 인사제도*/
.recruit{padding-bottom:7%;}
ul.re_tabs{overflow:hidden;width:100%;border-left:1px solid #ddd;border-top:1px solid #ddd;margin: 30px 0 50px;}
ul.re_tabs li{
	float:left;
	width:33.3%;
	line-height:50px;
    cursor: pointer;
    background: #fff;
    color: #222;
	font-size: 16px;
    box-sizing: border-box;
	text-align:center;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	transition:all 0.4s;
}
ul.re_tabs li.current{
	color: #fff;
	background:#cb1315;
}
.retabs-content{
    display: none;
	min-height: 600px;
}
.retabs-content.current {
    display: block;
}

.retabs-inner{width: 1000px;margin: 0 auto;}
#sub_page .retabs-content h4{
	position:relative;
	width:900px;
	margin:0 auto;
	padding:0 0 65px;
	font-size:16px;
	font-weight:500;
	color:#222;
	text-align:center;
	letter-spacing:-1px;
	line-height: 30px;
}
#sub_page .retabs-content h4 span{color:#cb1315;}
#sub_page .retabs-content h4:before{
	position: absolute;
    content: "";
    clear: both;
    display: block;
    width:2px;
    height:16px;
    top: 20px;
    left: 0;
    background:#cb1315;
}
#sub_page .retabs-content h4:after{
	position: absolute;
    content: "";
    clear: both;
    display: block;
    width:2px;
    height:16px;
	top: 20px;
	right:0;
    background:#cb1315;
}
/*05-01-01 조직도*/
#retab-1{}
#retab-1 img{display: block;padding:0;margin: 0 auto;}
#retab-1 img.rps_ori{display:none;}
#retab-1 area{outline:none;}
/*05-01-03 인재육성*/
#retab-2 ul{}
#retab-2 ul li{overflow:hidden;}
#retab-2 ul li img{display:inline-block;float:left;padding:0;}
#retab-2 ul li p{float:left;width:200px;padding-top: 120px;font-size: 16px;color: #222;font-weight: 500;text-align: center;}
#retab-2 dl{position:relative;float: right;width: 48%;border-radius: 10px;border: 1px solid #bbb;padding: 25px 15px;}
#retab-2 dl:before{
	position: absolute;
    content: "";
    clear: both;
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    top:81px;
    left: -25px;
    background: #bbb;
}
#retab-2 dl:after{
	position: absolute;
    content: "";
    clear: both;
    display: block;
    width: 20px;
    height: 1px;
    top: 83px;
    left: -20px;
    background: #bbb;
}

#retab-2 dl dd{font-size: 15px;color: #222;line-height:30px;}
#retab-2 ul li.re02_01 dl{margin-top: 50px;}
#retab-2 ul li.re02_02 dl{margin-top: 50px;}
#retab-2 ul li.re02_03 dl{margin-top: 75px;}
#retab-2 ul li.re02_03 dl:before{top:55px;}
#retab-2 ul li.re02_03 dl:after{top:57px;}
/*05-01-03 인재육성*/
#retab-3 > p {text-align:center;width: 70px;margin:0 auto 25px;font-size:18px;font-weight: 500;padding: 10px 45px;border-radius:30px;border:1px solid #cb1315;}
#retab-3 ul{overflow:hidden;width:100%;}
#retab-3 ul li{float:left;width:33.33%;padding:15px;background:#f0f0f0;box-sizing:border-box;border-radius:10px;border:1px solid #fff;}
#retab-3 ul li div{background:#ffff;border-radius:5px;height:300px;}
#retab-3 ul li p{position:relative;text-align:center;padding-top: 20px;font-weight: 500;}
#retab-3 ul li p:after{
	position: absolute;
    content: "";
    clear: both;
    display: block;
    width: 20px;
    height: 2px;
    left: 50%;
    margin-left: -10px;
    bottom: -10px;
    background:#cb1315;
}
#retab-3 ul li img{display: block;padding:25px 0;margin:0 auto;}
#retab-3 dl{padding: 0 5px;}
#retab-3 dl dd{font-size:13px;color:#222;letter-spacing: -1px;}

/*05-01-03 인재육성_2018_03_12*/
#retab-4 > p {text-align:center;width: 70px;margin:0 auto 25px;font-size:18px;font-weight: 500;padding: 10px 45px;border-radius:30px;border:1px solid #cb1315;}
#retab-4 ul{overflow:hidden;width:100%;}
#retab-4 ul li{float:left;width:33.33%;padding:15px;background:#f0f0f0;box-sizing:border-box;border-radius:10px;border:1px solid #fff;}
#retab-4 ul li div{background:#ffff;border-radius:5px;height:300px;}
#retab-4 ul li p{position:relative;text-align:center;padding-top: 20px;font-weight: 500;}
#retab-4 ul li p:after{
	position: absolute;
    content: "";
    clear: both;
    display: block;
    width: 20px;
    height: 2px;
    left: 50%;
    margin-left: -10px;
    bottom: -10px;
    background:#cb1315;
}
#retab-4 ul li img{display: block;padding:25px 0;margin:0 auto;}
#retab-4 dl{padding: 0 5px;}
#retab-4 dl dd{color:#222;letter-spacing: -1px;text-align: center;}

/*05-01-04 복리후생*/
/*#retab-4{overflow:hidden;background: url(../images/sub/recruit04_con1_line.png) center 160px no-repeat;}
#sub_page #retab-4 h4:before,#sub_page #retab-4 h4:after{top:7px;}
.wel{float:left;width:50%;}
.w01{padding-right:2px;}
.w02{padding-left:2px;}
.wel > p{text-align:center;width:151px;height:91px;margin:0 auto 45px;padding-top: 60px;background: url(../images/sub/recruit04_con1_bg.png) no-repeat;}
.wel ul{overflow:hidden;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.wel ul li{float:left;width:50%;border-right:1px solid #ddd;border-bottom:1px solid #ddd;box-sizing:border-box;}
.wel ul li p{text-align:center;}
.wel ul li img{display: block;padding:25px 0;margin:0 auto;}
/*#retab-4 > span{
	position: absolute;
    display: block;
    left: 50%;
    margin-left: -177px;
    width: 352px;
    top: 710px;
    height: 20px;
    background: url(../images/sub/recruit04_con1_line.png) center 0 no-repeat;
}*/

/*05-02 직무소개*/
.pos{}
.pos  h4{
	position:relative;
	width:500px;
	margin:0 auto;
	padding:0 0 35px;
	font-size:16px;
	font-weight:500;
	color:#222;
	text-align:center;
	letter-spacing:-1px;
}
.pos  h4 span{color:#cb1315;}
.pos h4:before{
	position: absolute;
    content: "";
    clear: both;
    display: block;
    width:2px;
    height:16px;
    top: 5px;
    left: 0;
    background:#cb1315;
}
.pos h4:after{
	position: absolute;
    content: "";
    clear: both;
    display: block;
    width:2px;
    height:16px;
    top: 5px;
	right:0;
    background:#cb1315;
}
.pos ul{overflow:hidden;width:100%;border-top:1px solid #ddd;border-left:1px solid #ddd;margin-bottom:60px;}
.pos ul li{float:left;width:20%;box-sizing:border-box;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.icon_area{padding:30px 0;}
.icon_area img{display:block;margin:0 auto;}
.pos_info{height:95px;padding:20px 0 0;background:#f7f7f7;text-align: center;border-top:1px solid #ddd;}
#sub_page .pos_info p{font-weight: 500;line-height: 1;padding-bottom:12px;}
#sub_page .pos_info span{font-size: 14px;color:#222;line-height: 18px;}
#sub_page .txt2 .pos_info span{display:block;}

/*05-04 채용공고 입사지원하기 공통*/
table caption{display:none;}
#sub_page.recruit_wr select{outline:none;}
#sub_page.recruit_wr input{outline:none;padding-left:5px;border: 1px solid #bbb;}
#sub_page.recruit_wr textarea{border: 1px solid #bbb;}
button{color: #fff;background:#555;border: none;width: 200px;height: 45px;outline:none;}
button span{font-size: 18px;}
button.btn_go{background:#cb1315;}
/*05-04-01 입사지원동의*/
.sub_background #sub_page.recruit_wr{margin-top:25px;}
.rew_box{}
.rb01{padding-bottom: 40px;}
.rew_tit{border-top:2px solid #cb1315;}
.rew_tit h3{font-size:20px;font-weight:400;color:#fff;background:#cb1315;width:50px;height:50px;line-height:50px;text-align:center;margin:0 auto;}
.rew_tit h4{text-align: center;font-size: 22px;margin: 10px 0 40px;font-weight: 600;color: #000;}

.rew01{padding-bottom: 50px;}
#sub_page .rew01 strong{position:relative;display: block;font-size: 16px;font-weight: 600;color: #222;margin-bottom: 10px;padding-left:15px;}
#sub_page .rew01 strong:before{
	position: absolute;
    content: "";
    clear: both;
    display: block;
    width:7px;
    height:7px;
    top:8px;
	left:0;
	border-radius:50%;
    background:#cb1315;
}
.priv_cont {
    overflow-y: scroll;
    height: 300px;
    border: 1px solid #ddd;
    padding: 20px;
    background: #f4f4f4;
    color: #222;
	margin-bottom:10px;
}
#sub_page .priv_cont p{font-size:14px;color: #555;line-height: 25px;}

#sub_page p.pv_check label span{font-size:16px;color: #222;line-height: 25px;}

.rb02 table{width:100%;border-collapse: collapse;}
.rb02 table tr{height:50px;}
.rb02 table tr:first-child td,.rb02 table tr:first-child th{border-top:1px solid #ddd;}
.rb02 table th{text-align: left;font-weight:600;color:#222;border-bottom:1px solid #ddd;padding-left: 15px;}
.rb02 table td{border-bottom:1px solid #ddd;}
.rb02 table input[type="text"],
.rb02 table input[type="password"]{height:27px;}

.btn-re{text-align: center;padding-top: 30px;}


/*05-04-02 지원서작성*/
.rec_form{padding-bottom:70px;}
.rec_form h5{font-size: 20px;color: #222;font-weight: 600;padding-bottom: 15px;}
.rec_form h5 span{color:#cb1315;color:font-size: 20px;padding-right: 10px;}
ul.rec_main{overflow:hidden;border-bottom:1px solid #ddd;}
ul.rec_main li{float:left;width:25%;border-top:1px solid #222;}
#sub_page ul.rec_main li p{border-bottom:1px solid #ddd;height: 50px;line-height: 50px;font-weight: 500;font-size: 18px;}
#sub_page ul.rec_main li span{display: block;height: 50px;line-height: 50px;font-size: 16px;}
#sub_page ul.rec_main li select{height: 30px;width: 200px;}
#sub_page ul.rec_main li input{height: 26px;margin-right:5px;}
#sub_page rec_form table input[typt=text]{height: 26px;}

.img_up{text-align:center;}
#my_img{background: #ddd;width: 200px;height: 230px;margin:0 auto;}
#my_img p{text-align:center;padding-top: 100px;}
button.btn_up span{font-size: 16px;}
#sub_page .img_up p.imguptxt{font-size:14px;text-align:center;padding-bottom:10px;}
button.btn_up{width: 200px;height: 30px;text-align:center;}
.radio_area label{font-size: 16px;padding: 0 5px;}
.rb02 table.per_info th{padding-left:0;}
.rb02 table.per_info tr:first-child td,.rb02 table.per_info tr:first-child th{border-top:1px solid #222;}
.rb02 table.fam_info tr:first-child th{text-align:center;}

.rb03 h5{float:left;}
button#add_btn,
button#add_btn02,
button#add_btn03,
button#add_btn04{float:right;width: 200px;height: 30px;text-align:center;}
#sub_page table.per_info select{height: 32px;width: 208px;}
#sub_page table. select{height: 32px;width: 208px;}

.reintro{border-top:1px solid #222;}
.reintro_box{padding-top:20px;}
#sub_page p.reintro_tit{font-size: 16px;float:left;font-weight:600;}
#sub_page span.byte_chk{font-size: 16px;float:right;}
.reintro_box textarea{height:250px;width:99%;}

/*05-04-03 입사지원현황확인*/
.rew_tit h3.blan{background:#fff;height: 30px;}
#sub_page p.pass{text-align: center;padding-bottom: 30px;}
#sub_page p.pass span{color: #cb1315;}

/*01-06 개인정보취급방침*/
#sub_page.Agreement{padding-bottom: 50px;}
#sub_page.Agreement h1{
	text-align: center;
	font-size: 36px;
	font-weight: 400;
	line-height: 40px;
	margin-bottom: 30px;
	padding-top: 52px;
	color: #000;
    font-family: 'Lato','notokr', 'NanumGothic','dotum';
}