@charset "utf-8";

/* 기업지배구조헌장 */
.ir_governance_rule .rule_list + .cont_tit {margin-top:100px}
.ir_governance_rule .rule_list {margin-top:40px}
.ir_governance_rule .rule_list > li {position:relative; color:#454545; font-size:16px; line-height:26px; margin-bottom:3px; background:#F3F4F6}
.ir_governance_rule .rule_list > li > .title a {position:relative; display:flex; align-items: center; width:100%; height:80px; font-size:24px; font-weight:500; padding:0 78px 0 40px;}
.ir_governance_rule .rule_list > li:after {content:''; position:absolute; right:40px; top:34px; display:block; width:10px; height:10px; border-top:2px solid #454545; border-left:2px solid #454545; transform:rotate(-135deg)}
.ir_governance_rule .rule_list > li > .rule_box {display:none; padding:0 40px 40px}
.ir_governance_rule .rule_list > li > .rule_box .sub_title:first-child {margin-top:0;}
.ir_governance_rule .rule_list > li > .rule_box .sub_title {color:#00498C; font-size:17px; font-weight:700; line-height:27px; margin-top:24px}
.ir_governance_rule .rule_list > li > .rule_box ol {margin-top:4px;}
.ir_governance_rule .rule_list > li > .rule_box ol li {padding-left:20px; text-indent:-20px}
.ir_governance_rule .rule_list > li > .rule_box ol li ol {margin:10px 0}
.ir_governance_rule .rule_list > li > .rule_box ol li ol li {color:#777}

.ir_governance_rule .rule_list > li.on:after {transform:rotate(45deg)}
.ir_governance_rule .rule_list > li.on > .rule_box {display:block;}



@media all and (max-width:960px) {
	/* 기업지배구조헌장 */
	.ir_governance_rule .rule_list + .cont_tit {margin-top:13.8vw}
	.ir_governance_rule .rule_list {margin-top:5.56vw}
	.ir_governance_rule .rule_list > li {position:relative; color:#454545; font-size:3.89vw; line-height:6.11vw; margin-bottom:0.83vw; background:#F3F4F6}
	.ir_governance_rule .rule_list > li * {font-size:3.89vw; line-height:6.11vw;}
	.ir_governance_rule .rule_list > li > .title a {position:relative; display:flex; width:100%; height:15.56vw; font-size:5.28vw; font-weight:500; padding:0 5.56vw;}
	.ir_governance_rule .rule_list > li:after {content:''; position:absolute; right:5.00vw; top:5vw; display:block; width:2.78vw; height:2.78vw; border-top:0.56vw solid #454545; border-left:0.56vw solid #454545; transform:rotate(-135deg)}
	.ir_governance_rule .rule_list > li > .rule_box {display:none; padding:0 5.56vw 11.11vw}
	.ir_governance_rule .rule_list > li > .rule_box .sub_title:first-child {margin-top:0;}
	.ir_governance_rule .rule_list > li > .rule_box .sub_title {color:#00498C; font-size:4.17vw; font-weight:700; line-height:6.94vw; margin-top:2.78vw}
	.ir_governance_rule .rule_list > li > .rule_box ol {margin-top:1.11vw}
	.ir_governance_rule .rule_list > li > .rule_box ol li {padding-left:4.17vw; text-indent:-4.17vw}
	.ir_governance_rule .rule_list > li > .rule_box ol li ol {margin:2.78vw 0}
	.ir_governance_rule .rule_list > li > .rule_box ol li ol li {color:#777}

	.ir_governance_rule .rule_list > li.on:after {top:6vw; transform:rotate(45deg)}
	.ir_governance_rule .rule_list > li.on > .rule_box {display:block;}
}