@charset "utf-8";

/* 대구교육방향 */
.edu_vision { position:relative; padding:2rem 2.8rem; background:#f7fafc url("/images/dgedu/web/main/sub/img0610_01_1.png") no-repeat left top; border-radius:1.5rem 0 0 0; overflow:hidden; }
.edu_vision:before { content:""; position:absolute; bottom:0; right:4.5rem; width:282px; height:236px; background:url('/images/dgedu/web/main/sub/img0610_01_2.png') no-repeat bottom right; }
.edu_vision h3 { font-size:1.2rem; font-weight:700; margin-bottom:1.8rem; }
.edu_vision .slogan { position:relative; padding:0 3rem; font-size:0; }
.edu_vision .slogan img { max-width:100%; }
.down_list { display:flex; flex-wrap:wrap; justify-content:space-between; }
.down_list li { position:relative; display:flex; width:49%; justify-content:space-between; align-items:center; border:1px solid #ccc; border-radius:0.5rem; word-break:keep-all; padding:0.6rem 0.6rem 0.6rem 4rem; }
.down_list li:after { content:"\ea83"; position:absolute; left:1.1rem; top:calc(50% - 1.1rem); font-size:1rem; width:2.2rem; height:2.2rem; background:#f6f6f6; border-radius:50%; font-family:"xeicon"; text-align:center; line-height:2.2rem; }
.down_list li:nth-child(n+3) { margin-top:0.9rem; } 
.down_list li .btn_wrap { margin-left:0.5rem; }
.down_list li .btn_wrap a { width:7.45rem; text-align:center; }

/* 청렴도자가진단 */
.integrityType {overflow:hidden; margin-top:1rem;}
.integrityType li {width:49%; margin-right:2%; float:left; border:2px solid #c3311f; border-radius:1rem; padding:1rem; margin-bottom:1rem; background: #fff;}
.integrityType li:nth-of-type(2n) {margin-right:0;}
.integrityType li.bType {border-color:#ed6014}
.integrityType li.cType {border-color:#00819f}
.integrityType li.dType {border-color:#3a44a5}
.integrityType li p {float:left; text-align:center; padding:1rem; font-size:.9rem; }
.integrityType li p.type {width:30%; background:#c3311f; color:#fff; border-radius:.5rem; font-weight:bold;}
.integrityType li.bType p.type {background-color:#ed6014}
.integrityType li.cType p.type {background-color:#00819f}
.integrityType li.dType p.type {background-color:#3a44a5}
.integrityType li p.score {width:20%; border-right:1px dashed #ccc;}
.integrityType li p.person {width:50%;border-radius:.5rem; text-align:left; padding-right:0;}
.myScore {font-size:1rem; font-weight:bold; padding:1rem 0;}
.xi-angle-left.al {padding-left:0; padding-right:.3rem;}
    
/* 상호존중자가진단 */
#selfRespectCheck thead th {word-break:auto-phrase;}
.integrityType.type02 li {align-items:stretch; width:100%; }
.integrityType.type02 li p {align-items: center;display: flex;justify-content: center;}
.integrityType.type02 li p.type {width:35%;}
.integrityType.type02 li p.person {width:45%;word-break: auto-phrase;padding: 0.3rem 1rem;}

@media (max-width:1600px) {
	/* 대구교육방향 */
	.down_list li .btn_wrap { width:6rem; }
	.down_list li .btn_wrap a { width:100%; } 
	
	/* 청렴도자가진단 */
    .integrityType li {width:100%; margin-right:0; padding:.5rem;}
    .integrityType li p {font-size:.85rem;}
}

@media (max-width:1440px) { 
	/* 대구교육방향 */ 
	.edu_vision:before { opacity:0.5; right:0; }
}

@media (max-width:1024px) {
	/* 대구교육방향 */ 
	.edu_vision:before { background-size:50% auto;}
	.edu_vision h3 { margin-bottom:1rem; }
	.edu_vision .slogan { padding:0; text-align:center; }
}

@media (max-width:980px) {
	/* 대구교육방향 */
	.down_list li { display:block; }
	.down_list li .btn_wrap { margin-left:0; width:auto; }
	.down_list li .btn_wrap a { width:48%;}
}

@media (max-width:768px) {
	/* 대구교육방향 */ 
	.edu_vision { padding:1.5rem; background-size:80% auto; }
	.edu_vision h3 { font-size:1.1rem; }
	.down_list li { width:100%; }
	.down_list li:nth-child(2) { margin-top:0.9rem; }
}

@media (max-width:640px) {
    /* 청렴도자가진단 */
    .integrityType li p {padding:.5rem; font-size:.8rem;}
    .integrityType li p.type {width:15%;}
    .integrityType li p.score {width:25%;}
    .integrityType li p.person {width:60%;}
    .myScore {font-size:.9rem;}
	/* 상호존중자가진단 */
	.integrityType.type02 li {flex-wrap:wrap;}
	.integrityType.type02 li p {padding:.5rem}
	.integrityType.type02 li p.type {width:50%;}
	.integrityType.type02 li p.person {width:100%; text-align:center;min-height:unset;}
	.integrityType.type02 li p.score {width:50%;border-right:none;border-radius:.5rem; background:#fbeceb}
	.integrityType.type02 li.bType p.score {background-color:#fdf1ea}
    .integrityType.type02 li.cType p.score {background-color:#e8f4f6}
    .integrityType.type02 li.dType p.score {background-color:#edeef7}
}

@media (max-width:480px) {
	/* 청렴도자가진단 */
    .integrityType li p {font-size:.75rem;}
    .integrityType li p.type {width:55%;}
    .integrityType li p.score {width:45%; border-right:none; border-radius:.5rem; background:#fbeceb}
    .integrityType li.bType p.score {background-color:#fdf1ea}
    .integrityType li.cType p.score {background-color:#e8f4f6}
    .integrityType li.dType p.score {background-color:#edeef7}
    .integrityType li p.person {width:100%; text-align:center;}
}

@media (max-width:380px) { 
	/* 대구교육방향 */
	.down_list li { padding:3.5rem 0.8rem 0.8rem; text-align:center; }
	.down_list li:after { top:0.8rem; left:calc(50% - 1.1rem); }
	.down_list li .btn_wrap a { width:100%; }

	/* 상호존중자가진단 */
	.integrityType.type02 li p.type {width:100%;}
	.integrityType.type02 li p.score {width:100%;}
}