@charset "utf-8";

.management_panel .tab_menu{margin-bottom:10px}
.management_panel .tab_menu_v2{width:auto;margin:0 auto}
.management_panel .tab_menu_v2 .tab span{border:none;background:none;padding: 10px 30px}
.management_panel .tab_menu_v2 .tab.active span{border-bottom:1px solid #005923;color:#005923}

/* ---------윤리헌장--------- */
.ethics_box {background:#f1f2f2 url(/common/img/management/ethics_bg.jpg) left center no-repeat; background-size:cover; padding:60px 0; overflow: hidden; margin-bottom:70px}
.ethics_box .title { color:#006935;font-size:30px;margin:0 auto; text-align: center}
.ethics_box .right_text {width:50%; float:right; margin-top:60px}
.ethics_box .right_text p { color:#333;font-size:23px;margin:30px auto; line-height: 1.4em; font-weight: normal}

.ethics_box .right_text ul {padding:30px 0; border-top:1px solid #006935}
.ethics_box .right_text ul li {color:#666;font-size:16px;font-weight: normal}
.ethics_box .right_text ul li + li {margin-top:10px;}
.ethics_box .right_text b { color:#333;font-weight:700!important}

/* ---------윤리경영--------- */
.management_panel.page_ethics .sub_title + .sub_title_box{margin-top:10px}
.management_panel.page_ethics .sub_title_box.bd .desc + .list_style{margin-top:20px}

/* ---------인권경영--------- */
.management_panel.page_human .project_img{margin-top:10px;line-height:0;text-align:center}
.management_panel.page_human .project_img img{max-width:100%;margin:0 auto}

/* ---------비전 및 전략, 중장기 추진계획--------- */
.page_ethics .structure_box + .sub_bot_box{ margin-top:80px}	

.page_ethics .structure_box b{font-weight:700}
.page_ethics .structure_box .sub_title + .structure_box{margin-top:10px}
.page_ethics .structure_box .structure_wrap{margin:-20px 0;font-size:16px;font-weight:300;color:#333;line-height:26px}
.page_ethics .structure_box .structure_wrap.nomargin{margin:0}
.page_ethics .structure_box .structure_table.structure_1{border-spacing:0 20px;border-collapse:separate}

.page_ethics .structure_box .structure_title{white-space:nowrap}
.page_ethics .structure_box td .structure_title{margin-bottom:10px}

.page_ethics .structure_box .align_l{text-align:left}
.page_ethics .structure_box .align_r{text-align:right}
.page_ethics .structure_box .align_c{text-align:center}
.page_ethics .structure_box .align_t{vertical-align:top}
.page_ethics .structure_box .align_b{vertical-align:bottom}
.page_ethics .structure_box .align_m{vertical-align:middle}

.page_ethics .structure_box .width_1{width:50px}
.page_ethics .structure_box .width_2{width:110px}

.page_ethics .structure_box .ratio_box{position:relative;width:100%;padding-top:100%}
.page_ethics .structure_box .ratio_wrap{position:absolute;width:100%;height:100%;top:0;left:0}
.page_ethics .structure_box .position_box{display:table;width:100%;height:100%;border-spacing:0}
.page_ethics .structure_box .position_wrap{display:table-cell;height:100%}

.page_ethics .structure_box .onlyborder_b{border-width:0 0 1px 0}
.page_ethics .structure_box .noborder{border:0}

.page_ethics .structure_box .abpos_outer_l{right:100%}
.page_ethics .structure_box .abpos_inner_l{left:0}
.page_ethics .structure_box .abpos_outer_r{left:100%}
.page_ethics .structure_box .abpos_inner_r{right:0}
.page_ethics .structure_box .abpos_center{left:-999px;right:-999px;margin:0 auto}
.page_ethics .structure_box .abpos_middle{top:-999px;bottom:-999px;margin:auto 0}
.page_ethics .structure_box .abpos_both{left:-999px;right:-999px;top:-999px;bottom:-999px;margin:auto}

.page_ethics .structure_box .text_box{padding:20px;background-color:#fafafa}

.page_ethics .structure_box .dot_box{position:relative;box-sizing:border-box}
.page_ethics .structure_box .dot_box.dot_1{background-color:#006935;width:10px;height:10px;border-radius:999px}

.page_ethics .structure_box .line_box{position:relative;box-sizing:content-box}
.page_ethics .structure_box .line_box.line_1v{height:100%;width:1px;background-color:#d5d5d5}
.page_ethics .structure_box .line_box.line_1h{width:100%;height:1px;background-color:#d5d5d5}

.page_ethics .structure_box .strtable{border-spacing:0}
.page_ethics .structure_box .strtable_1 .spacing .line_box{padding:0 30px;margin:0 -30px}
.page_ethics .structure_box .strtable_1 .table_td:not(.spacing){padding:0 30px}
.page_ethics .structure_box .strtable_2 .position_box{min-height:130px}
.page_ethics .structure_box .strtable_2 .position_wrap{width:100%;height:100%;padding:10px}
.page_ethics .structure_box .strtable_3 .box_wrap{padding:20px 60px;box-sizing:border-box;height:180px}
.page_ethics .structure_box .strtable_4{margin:-60px 0}
.page_ethics .structure_box .strtable_4 table{border-spacing:0 60px;border-collapse:separate;font-size:16px;font-weight:300;color:#333;line-height:26px}
.page_ethics .structure_box .strtable_4 .card,
.page_ethics .structure_box .strtable_4 .spacing{position:relative}
.page_ethics .structure_box .strtable_4 .spacing{border:1px solid transparent}
.page_ethics .structure_box .strtable_4 .card .line_box{position:absolute;bottom:100%;z-index:0}
.page_ethics .structure_box .strtable_4 .card .line_1v{height:30px}
.page_ethics .structure_box .strtable_4 .card:first-child .line_1h,
.page_ethics .structure_box .strtable_4 .card:last-child .line_1h{width:50%}
.page_ethics .structure_box .strtable_4 .spacing .line_1h{padding:0 3px;margin:0 -3px}
.page_ethics .structure_box .strtable_4 .top .line_box{top:0;margin-top:-31px}
.page_ethics .structure_box .strtable_4 .bottom .line_box{bottom:0;margin-bottom:-31px}
.page_ethics .structure_box .strtable_4 .card_content{position:relative;z-index:1}
.page_ethics .structure_box .strtable_4 li{;text-align:left}

.page_ethics .structure_box .ic_box{width:100%;height:80px;background-repeat:no-repeat;background-position:center center}
.page_ethics .structure_box .ic_box.ic_1{background-image:url(/common/img/about/ic_1.png)}
.page_ethics .structure_box .ic_box.ic_2{background-image:url(/common/img/about/ic_2.png)}
.page_ethics .structure_box .ic_box.ic_3{background-image:url(/common/img/about/ic_3.png)}
.page_ethics .structure_box .ic_box.ic_4{background-image:url(/common/img/about/ic_4.png)}

.page_ethics .structure_box .card_box{position:relative}
.page_ethics .structure_box .card_box.card_1 .box_top{box-sizing:border-box}
.page_ethics .structure_box .card_box.card_1 .position_box{min-height:130px}
.page_ethics .structure_box .card_box.card_1 .position_wrap{padding:10px}
.page_ethics .structure_box .card_box.card_1 .box_top{box-sizing:border-box}
.page_ethics .structure_box .card_box.card_1 .box_top .position_box{min-height:190px}
.page_ethics .structure_box .card_box.card_1 .box_top .position_wrap{padding:10px}
.page_ethics .structure_box .card_box.card_1 .box_top .text{margin-top:15px}
.page_ethics .structure_box .card_box.card_1 .box_bottom{padding:0 30px;box-sizing:border-box}
.page_ethics .structure_box .card_box.card_1 .box_bottom_child{box-sizing:border-box}
.page_ethics .structure_box .card_box.card_1 .box_bottom_child:last-child{border-bottom:none!important}
.page_ethics .structure_box .card_box.card_1 .box_top{box-sizing:border-box}
.page_ethics .structure_box .card_box.card_1.auto .position_box{min-height:auto}
.page_ethics .structure_box .card_box.card_1 .position_wrap{padding:10px}
.page_ethics .structure_box .card_box.card_1 .box_top{box-sizing:border-box}
.page_ethics .structure_box .card_box.card_1.card_1_1{border: 1px solid #006935}
.page_ethics .structure_box .card_box.card_1.card_1_1 .box_top{background-color:#197849;color:#fff}
.page_ethics .structure_box .card_box.card_1.card_1_1 .box_bottom_child{border-bottom:1px solid #006935;color:#006935}
.page_ethics .structure_box .card_box.card_1.card_1_2{border: 1px solid #0a893a}
.page_ethics .structure_box .card_box.card_1.card_1_2 .box_top{background-color:#168f44;color:#fff}
.page_ethics .structure_box .card_box.card_1.card_1_2 .box_bottom_child{border-bottom:1px solid #0a893a;color:#0a893a}
.page_ethics .structure_box .card_box.card_1.card_1_3{border: 1px solid #2ca25a}
.page_ethics .structure_box .card_box.card_1.card_1_3 .box_top{background-color:#2ca25a;color:#fff}
.page_ethics .structure_box .card_box.card_1.card_1_3 .box_bottom_child{border-bottom:1px solid #2ca25a;color:#2ca25a}
.page_ethics .structure_box .card_box.card_1.card_1_4{border: 1px solid #33ab61}
.page_ethics .structure_box .card_box.card_1.card_1_4 .box_top{background-color:#3daf69;color:#fff}
.page_ethics .structure_box .card_box.card_1.card_1_4 .box_bottom_child{border-bottom:1px solid #33ab61;color:#33ab61}
.page_ethics .structure_box .card_box.card_2{padding:0 20px}
.page_ethics .structure_box .card_box.card_2 .border_1{border:1px solid #bed9cc;padding:5px;box-sizing:border-box;border-radius:999px}
.page_ethics .structure_box .card_box.card_2 .border_2{border:2px solid #006935;box-sizing:border-box;border-radius:999px;color:#006935}
.page_ethics .structure_box .card_box.card_2 .dot_box{position:absolute}
.page_ethics .structure_box .card_box.card_3 .border_1{border:1px solid #bed9cc;padding:5px;box-sizing:border-box}
.page_ethics .structure_box .card_box.card_3 .border_2{border:1px solid #006935;box-sizing:border-box}
.page_ethics .structure_box .card_box.card_4{box-sizing:border-box;border: 1px solid #006935}
.page_ethics .structure_box .card_box.card_4 .box_top{padding:20px 15px;color:#fff;background-color:#197849;box-sizing:border-box;text-align:center}
.page_ethics .structure_box .card_box.card_4 .box_bottom{padding:20px 15px;box-sizing:border-box;text-align:center}
.page_ethics .structure_box .card_box.card_4.card_4_2 .box_top{background-color:#555555}


@media screen and (max-width:1200px){	
	
	/* ---------윤리헌장--------- */
	.ethics_box {background:#f1f2f2 url(/common/img/management/ethics_bg_m.jpg) left center no-repeat; background-size:cover; padding:60px 0 200px; }
	.ethics_box .right_text {width:100%; float:none; }
	
	.ethics_box .right_text ul li {font-size:20px}
	.ethics_box .right_text ul li b {display:block}
	
}

@media screen and (max-width:900px){
	/* ---------비전 및 전략, 중장기 추진계획--------- */
	.page_ethics .structure_box .pc{display:none!important}
	.page_ethics .structure_box .structure_wrap{margin:-10px 0;/*font-size:9px;line-height:15px*/}

	.page_ethics .structure_box .structure_table.structure_1{display:block;border-spacing:0 10px}
	.page_ethics .structure_box .structure_table.structure_1 col.mobile{display:table-column!important}
	.page_ethics .structure_box .structure_table.structure_1 tbody{display:block}
	.page_ethics .structure_box .structure_table.structure_1 tr{display:table;width:100%}

	.page_ethics .structure_box .structure_title{font-size:11px;line-height:18px;padding-right:10px}
	.page_ethics .structure_box .structure_title + .structure_frame{margin-top:10px}

	.page_ethics .structure_box .m_align_l{text-align:left}
	.page_ethics .structure_box .m_align_r{text-align:right}
	.page_ethics .structure_box .m_align_c{text-align:center}
	.page_ethics .structure_box .m_align_t{vertical-align:top}
	.page_ethics .structure_box .m_align_b{vertical-align:bottom}
	.page_ethics .structure_box .m_align_m{vertical-align:middle}

	.page_ethics .structure_box .padding_b1{padding-bottom:15px}

	.page_ethics .structure_box .width_1{width:0}
	.page_ethics .structure_box .width_2{width:10px}

	.page_ethics .structure_box .text_box{padding:10px}

	.page_ethics .structure_box .dot_box.dot_1{background-color:#006935;width:3px;height:3px;border-radius:999px}

	.page_ethics .structure_box .strtable_1{margin:0 -15px}
	.page_ethics .structure_box .strtable_1 .spacing .line_box{padding:0 2px;box-sizing:content-box;margin:0 -2px}
	.page_ethics .structure_box .strtable_1 .table_td:not(.spacing){padding:0 3px}
	.page_ethics .structure_box .strtable_2{margin:-10px}
	.page_ethics .structure_box .strtable_2 .table_box{display:block;font-size:0}
	.page_ethics .structure_box .strtable_2 .table_td{width:50%;display:inline-block;font-size:9px;padding:10px}
	.page_ethics .structure_box .strtable_2 .position_box{min-height:65px}
	.page_ethics .structure_box .strtable_2 .position_wrap{width:100%;height:100%;padding:5px}
	.page_ethics .structure_box .strtable_3{margin:-10px}
	.page_ethics .structure_box .strtable_3 .table_box{display:block;font-size:0}
	.page_ethics .structure_box .strtable_3 .table_td{width:100%;display:inline-block;font-size:9px;padding:10px}
	.page_ethics .structure_box .strtable_3 .box_wrap{padding:10px 20px!important;height:110px}
	.page_ethics .structure_box .strtable_3 li{/*font-size:9px;line-height:15px;*/text-align:left}
	.page_ethics .structure_box .strtable_4{margin:-20px 0}
	.page_ethics .structure_box .strtable_4 table{border-spacing:0 20px;/*font-size:9px;line-height:15px;*/table-layout:auto}
	.page_ethics .structure_box .strtable_4 .spacing{width:10px}
	.page_ethics .structure_box .strtable_4 .card .line_1v{height:10px}
	.page_ethics .structure_box .strtable_4 .top .line_box{margin-top:-11px}
	.page_ethics .structure_box .strtable_4 .bottom .line_box{margin-bottom:-11px}
	.page_ethics .structure_box .strtable_4 li{/*font-size:9px;line-height:15px;*/text-align:left}

	.page_ethics .structure_box .ic_box{height:45px}
	.page_ethics .structure_box .ic_box.ic_1{background-size:auto 34px}
	.page_ethics .structure_box .ic_box.ic_2{background-size:auto 31px}
	.page_ethics .structure_box .ic_box.ic_3{background-size:auto 34px}
	.page_ethics .structure_box .ic_box.ic_4{background-size:auto 38px}

	.page_ethics .structure_box .card_box.card_1 .box_top{box-sizing:border-box}
	.page_ethics .structure_box .card_box.card_1 .position_box{min-height:60px}
	.page_ethics .structure_box .card_box.card_1 .position_wrap{padding:5px}
	.page_ethics .structure_box .card_box.card_1 .box_top .position_box{min-height:100px}
	.page_ethics .structure_box .card_box.card_1 .box_top .position_wrap{padding:5px}
	.page_ethics .structure_box .card_box.card_1 .box_top .text{margin-top:5px}
	.page_ethics .structure_box .card_box.card_1 .box_bottom{padding:0 13px;box-sizing:border-box}
	.page_ethics .structure_box .card_box.card_1 .box_bottom_child{box-sizing:border-box}
	.page_ethics .structure_box .card_box.card_1 .box_bottom_child:last-child{border-bottom:none!important}
	.page_ethics .structure_box .card_box.card_2{padding:0 10px}
	.page_ethics .structure_box .card_box.card_2 .border_1{padding:2px}
	.page_ethics .structure_box .card_box.card_3 .border_1{padding:2px}
	.page_ethics .structure_box .card_box.card_4 .box_top{padding:10px 5px}
	.page_ethics .structure_box .card_box.card_4 .box_bottom{padding:10px 5px}
}