@charset "utf-8";

.title_zone {padding: 79px 17px 0;}
.content_zone {width:1000px;}
.cheating_line {width:1000px; padding:37px 0 35px; margin:0 auto; border-top:1px solid #efefef; border-bottom:1px solid #efefef; }
.cheating_line:after {display:block; clear:both; content:"";}
.cheating_txt {margin:0 64px 0 170px;}
.cheating_txt:after {display:block; clear:both; content:"";}
.cheating_txt li {position:relative; float:left; width:246px; line-height:20px; padding-left:9px; margin-top:16px; color:#666666; font-size:13px;}
.cheating_txt li:before { position:absolute; top:9px; left:0;display:block; width:2px;height:2px; background:#999; content:""; }
.cheating_txt li:first-child {margin:0;}
.cheating_txt li:first-child + li,
.cheating_txt li:first-child + li + li {margin-top:0;}
.cheating_txt:first-child + ul + ul {width:235px;}
.cheating_line.type02 {position:relative; width:1000px; padding-left:0;}
.cheating_line.type02 .cheating_txt {margin:0 105px 0 170px;}
.cheating_line.type02 .cheating_txt li {float:left; width:226px;}
.cheating_line.type02 .cheating_txt li:first-child,
.cheating_line.type02 .cheating_txt li:first-child + li + li + li,
.cheating_line.type02 .cheating_txt li:first-child + li + li + li + li + li + li,
.cheating_line.type02 .cheating_txt li:first-child + li + li + li + li + li + li + li + li + li,
.cheating_line.type02 .cheating_txt li:first-child + li + li + li + li + li + li + li + li + li + li + li + li {width:246px;}
.cheating_line.type03 .cheating_txt:first-child {margin-left:160px;}
.cheating_line.type03 .cheating_txt {float:left; width:255px; margin:0;}
.cheating_line.type03 .cheating_txt.small {width:245px;}
.cheating_line.type03 .cheating_txt li {margin-top:14px;}
.cheating_line.type03 .cheating_txt li:first-child {margin-top:0px;}


.content_zone > .group:first-child {margin-top:-5px;}
.group + .group {margin:77px 0 0;}
.group + .group.list {margin:69px 0 0;}
.group .h2_tit + * {margin-top:18px;}
.group .h2_tit + .cheating_line {margin-top:22px;}
.group .list_type02 li p {margin-top:8px; color:#888;}

.addr_channel {margin:31px 0 -5px;text-align:center;}
.addr_channel .list_dot {display:inline-block;}
.text_c_type + .list_type02 {margin-top:34px;}
.list_type02 li {height:300px;}

.iframe_zone {width:1000px; height:874px; margin:0 auto;}
.iframe_zone iframe { overflow-x:hidden;overflow-y:hidden; width:100%; height:100%;}
.iframe_zone02 {width:1000px; height:790px; margin:0 auto;}
.iframe_zone02 iframe { overflow-x:hidden;overflow-y:hidden; width:100%; height:100%;}

/* 기업윤리 */
.ethics_box:first-child {margin-top:-6px;}
.ethics_box + .ethics_box { padding-top:75px;margin:80px 0 0; border-top:1px solid #efefef;}
.ethics_box_02,
.ckeem0101_01_cms02 { padding-top:75px;margin:80px 0 0; border-top:1px solid #efefef;}
.ethics_box .h2_tit + * {margin-top:16px;}
.ethics_box .h2_tit + .subgroup_tit {margin-top:57px;}
.ethics_box .subgroup_tit + .text_c_type {margin-top:10px;}
.ethics_box .text_c_type + .text_c_type {margin-top:13px;}
.ethics_box .text_c_type + .diagram_area {margin-top:34px;}
.subbox + .subbox {margin:68px 0 0;}
.subgroup_tit {display:block; line-height: 22px; color:#333; text-align:center; font-size:18px; font-weight:normal;}

.diagram_compliance {margin:51px 0 0;}
.diagram_compliance .compliance_img {width:830px; margin:14px auto;}

.diagram_area {width:830px; margin:0 auto; text-align:center;}
.diagram_area + .subgroup_tit {margin:57px 0 0;}
.direction01 {padding:19px; border:1px solid #e1e1e1;}
.direction01:after {display:block; clear:both; content:"";}
.direction01 .tit {display:block; line-height:24px; color:#333; font-size:18px; font-weight:normal;}
.direction01 .tit + .subtit {margin:23px 0 0;}
.direction01 .subtit {line-height:22px;color:#333;}
.direction01 .desc { line-height:28px;margin:2px 0 0; color:#888; font-size:13px; }
.direction01 .group01 {float:left; width:178px; text-align:center;}
.direction01 .group01 .tit {padding-top:130px;}
.direction01 .group02 { padding:20px 0;margin-left:200px; background:#fafafa;}
.direction01 .group02:after {display:block; clear:both; content:"";}
.direction01 .box {float:left; width:220px; text-align:center;}
.direction01 .box .tit {padding-top:110px;}
.direction01 .subbox {float:left; text-align:center;}
/*.direction01 .subbox .subtit {margin:35px 0 0;}*/
.direction01 .subbox:after {display:block; clear:both; content:"";}
.direction01 .subbox li { display:table;float:left; width:170px; height:206px; margin:10px 0 0 10px; background:#fff;}
.direction01 .subbox li > div {display:table-cell; vertical-align:middle;}
.direction01 .subbox li:first-child {margin:0;}
.direction01 .subbox li:first-child+li {margin-top:0;}
.direction01 .subbox li:first-child+li+li {clear:both; margin-left:0;}

.direction02 {display:inline-block; margin:20px 0 -3px;}
.direction02:after {display:block; clear:both; content:"";}
.direction02 .total {float:left; line-height: 32px; margin:33px 0 0; color:#333; font-size:24px;}
.direction02:after {display:block; clear:both; content:"";}
.direction02 ul {position:relative;display:inline-block;overflow:hidden; padding-left:43px; margin-left:40px;}
.direction02 ul:before {position:absolute; top:40px; left:0; display:block; width:24px; height:8px; background:url(/IR/image/ethics/sp_ethice.png) no-repeat 0 0; background-position:-180px 0; content:"";}
.direction02 li {float:left; padding:0 30px; color:#333; text-align:center;}
.direction02 li:first-child {padding:0 18px;}
.direction02 li span {display:block;line-height:1; margin:16px 0 0;}
.direction02 li:before {display:block; height:58px; margin:0 auto; background:url(/IR/image/ethics/sp_ethice.png) no-repeat 0 0; content:"";}
.direction02 li:first-child:before {width:60px; background-position:0 0;}
.direction02 li:first-child + li:before {width:60px; background-position:-60px 0;}
.direction02 li:first-child + li + li:before {width:60px; background-position:-120px 0;}

.activities {position:relative; width:830px; height:779px; padding-bottom:3px; background:url(/IR/image/ethics/bg_diagram.png) no-repeat 50% 0;}
.activities .title {position:absolute; top:425px; left:50%;line-height:20px; margin-left:-26px; color:#000; font-weight:normal;}
.activities > ul > li {position:absolute; color:#333; text-align:center;}
.activities ul ul {margin:24px 0 0;}
.activities ul ul li {margin-top:24px;}
.activities ul ul li:first-child {margin-top:0;}
.activities .tit {display:block; font-size:18px; font-weight:normal;}
.activities .subtit {display:block; line-height:24px; font-weight:normal;}
.activities .desc {margin:8px 0 0; color:#666; font-size:13px;}
.activities > ul > li:first-child {top:70px; left:50%; margin-left:-114px;}
.activities > ul > li:first-child + li {top:416px; right:75px;}
.activities > ul > li:first-child + li +  li {top:416px; left:59px;}


.activities02 {width:1000px; padding:20px 0 0; }
.activities02 .title { color:#333; font-size:18px;font-weight:normal;}
.activities_cont {padding:0; margin-top:22px;}
.activities_cont:after {display:block; clear:both; content:"";}
.activities_cont > li {float:left; width:320px; height:490px; margin-left:20px; background:#fafafa;}
.activities_cont > li:first-child {margin:0;}
.activities_cont .tit {display:block;height:56px; line-height:22px; margin:56px 0 0; color:#333; text-align:center; font-size:18px;font-weight:normal;}
.activities_cont .sub_cont .subtit {display:block; line-height:22px; color:#333; text-align:center; font-size: 16px; font-weight:normal;}
.activities_cont .sub_cont .subtit span {font-size:13px;}
.activities_cont .sub_cont .desc { line-height:20px;margin:7px 0 0; color:#888; font-size:13px;}
.activities_cont .sub_cont > li {margin-top:21px;}
.activities_cont .sub_cont > li:first-child {margin-top:0px;}
/*.activities_cont .sub_cont li:first-child {height:106px;}*/
/*.activities_cont .sub_cont li:first-child + li {height:102px;}*/
/*.activities_cont .sub_cont li:first-child + li + li {height:100px;}*/

/*.activities_story {padding-top:15px; margin-left:259px; margin-bottom:-6px;}
.activities_story .year {float:left; font-size:40px; color:#333; font-weight:normal;}
.activities_story > li {margin:47px 0 0;}
.activities_story > li:first-child {margin:0;}
.activities_story ol {padding-left:131px; text-align:left;}
.activities_story ol li {margin-top:12px;}
.activities_story ol li:first-child {margin:0;}
.activities_story .month {float:left; font-size:18px; color:#333;line-height:24px;}
.activities_story .history {padding-left:64px; font-size:13px; color:#666; line-height:24px}*/

.history_zone {position:relative; width:1000px; margin:0 auto;}
.ethics_box.type02 .h2_tit {line-height:30px;}
.ethics_box .h2_tit + .history_zone {margin-top:38px;}
.history_zone:after {display:block; clear:both; content:"";}
.history_menu {float:left; padding:0 40px 0 228px; margin:0; text-align:left;}
.history_menu ul {display:inline-block;}
.history_menu li {margin-top:23px;}
.history_menu li:first-child {margin-top:0;}
.history_menu a { line-height: 22px; color:rgba(0,0,0,.48);font-size: 18px; }
.history_menu .on a { border-bottom:1px solid #000;color:#000; font-weight: 700; }
.history_tit {margin-top:53px; text-align:center;}
.history_tit a { color:#333;font-size:40px;}
.history_list {float:left; padding-left:39px; margin:0; border-left:1px solid #efefef;}
.history_list ol {display:inline-block; width:450px; margin-top:-4px;}
.history_list li {margin-top:16px;text-align:left;}
.history_list li:first-child {margin-top:0;}
.history_list li:after {display:block; clear:both; content:"";}
.history_list .tit {float:left; line-height:22px; margin-top:0px; color:#000; font-size:16px; font-weight:normal;}
.history_list .desc {display:block; line-height: 20px; padding-left:88px; color:rgba(0,0,0,.64); font-size:13px;}



/* 공정거래자율준수 프로그램 */
.reason_box {margin:51px 0 0;}
.reason_box + .text_c_type {margin:55px 0 0;}
.reason_box ol {width:812px; line-height:24px; padding:33px 0; margin:14px auto 0;border:1px solid #e1e1e1; color:#666; text-align:center; font-size:13px;}
.reason_box li {margin:18px 0 0;}
.reason_box li:first-child {margin:0;}
.signature { line-height:24px;margin:38px 0 -15px; color:#333; text-align:center; }
.signature p {display:inline-block; line-height:22px;  padding:9px 143px 11px 0; background:url(/IR/image/ethics/img_sign.png) no-repeat 100% 0; text-align:left;}

.point_element {padding:0 93px; margin-right:-20px;}
.point_element:after {display:block; clear:both; content:"";}
.subbox .h2_tit + .point_element {margin-top:22px;}
.point_element li { position:relative; display:table;float:left; width:395px; height:183px; margin-top:20px; margin-right:20px; border:1px solid #e1e1e1;}
.point_element li > div {display:table-cell; vertical-align:middle;}
.point_element li:before { position:absolute; top:50%; left:40px;display:block; width:60px; height:60px;margin-top:-30px; background:url(/IR/image/ethics/sp_ethice.png) no-repeat 0 0; content:"";}
.point_element li:first-child,
.point_element li:first-child + li {margin-top:0;}
.point_element li:first-child:before {background-position:0 -60px; }
.point_element li:first-child + li:before {background-position:-60px -60px;}
.point_element li:first-child + li + li:before {background-position:-120px -60px;}
.point_element li:first-child + li + li + li:before {background-position:-180px -60px;}
.point_element li:first-child + li + li + li + li:before {background-position:-240px -60px;}
.point_element li:first-child + li + li + li + li + li:before {background-position:-300px -60px;}
.point_element li:first-child + li + li + li + li + li + li:before {background-position:-360px -60px;}
.point_element .tit {display:block; line-height:22px; padding-left:130px; color:#333; font-weight:normal;}
.point_element .desc { line-height:20px;padding-left:130px; margin-top:8px; color:#888; font-size:13px;}
.point_element .list_hyphen {margin-left:130px; color:#888;}
.ethics_box.type02 .text_c_type {line-height:28px;}

/* 2023-08-22 GGU282 - 추가 */
.point_element.type_2 { padding:0 75px 0 95px;margin:0;}
.point_element.type_2 li {width:393px; height:178px;}
.point_element.type_2 li.point01:before {background-position:0 -60px; }
.point_element.type_2 li.point02:before {background-position:-60px -60px;}
.point_element.type_2 li.point03:before {background-position:-120px -60px;}
.point_element.type_2 li.point04:before {background-position:-180px -60px;}
.point_element.type_2 li.point05:before {background-position:-240px -60px;}
.point_element.type_2 li.point06:before {background-position:-300px -60px;}
.point_element.type_2 li.point07:before {background-position:-360px -60px;}
.point_element.type_2 li.point08:before {background-position:-480px -60px;}
.point_element.type_2 li.point09:before {background-position:-420px -60px;}
.point_element.type_2 .tit {color:#000;}


/* 2020-07-21 GGCN45 윤리경영 관련규정 추가 */
.ethics_box .h2_tit + .principle_box{margin-top:60px;}
.principle_box{ padding: 60px 0; background: #fafafa; text-align: center; }
.principle_box .btn_article{ margin-top:0; }
p.detail{ line-height:17px; margin-top:16px; color:#aaa; font-size:13px; }
p.detail + p.detail{margin-top:12px;}

/*  2020-09-10 GGU402 지속가능경영 정책 추가 */
.ethics_box .h2_tit + .esg-policy-box{margin-top:25px;}
.e-p-board{border-top:1px solid #666;}
.e-p-board > li{padding:12px 0 11px; border-bottom:1px solid #f0f0f0;}
.e-p-board > li:after {display:block; clear:both; content:"";}
.e-p-board > li p {float:left; width:530px; line-height:36px; padding-left:2px; }
.e-p-board .btn_list {float:right;font-size:0;}
.e-p-board .btn_list:after {display:block; clear:both; content:"";}
.e-p-board .btn_list li {float:left; margin-left:8px;}
.e-p-board .btn_list li:first-child {margin:0;}
.e-p-board .btn_list a {width:146px; height:34px; line-height:34px; padding:0;}