/* 절차 공통스타일 */
.step_style1,
.step_style2,
.step_style3,
.step_style4 { display:flex; flex-wrap:wrap; }
.step_style1 > li,
.step_style2 > li { position:relative; flex:1; display:flex; flex-direction:column; justify-content:center; align-items:center; height:6.2rem; border-radius:0.5rem; background:#e5f2f3; padding:0.5rem; }
.step_style2 > li { background:#e5f2f8; }
.step_style1 > li:not(:last-child),
.step_style2 > li:not(:last-child),
.step_style3 > li:not(:last-child) { margin-right:2.3rem; }
.step_style1 > li:not(:last-child):before,
.step_style2 > li:not(:last-child):before,
.step_style3 > li:not(:last-child):before { content:"\e93f"; position:absolute; top:calc(50% - 0.75rem); right:-1.9rem; width:1.5rem; height:1.5rem; background:#fff; border-radius:50%; border:2px solid #6a6a6a; font-family:"xeicon"; font-size:1.2rem; text-align:center; line-height:1.4rem; color:#6a6a6a; }
.step_style1 > li p,
.step_style2 > li p { font-size:0.85rem; font-weight:700; }
.step_style1 > li span,
.step_style2 > li span { background:#fff; border-radius:1.3rem; box-shadow:5px 5px 10px rgba(0,0,0,0.05); margin-top:0.5rem; padding:0 0.7rem;}
.step_style1 > li.last { background:#008489; }
.step_style2 > li.last { background:#0082bc; }
.step_style1 > li.last p, 
.step_style2 > li.last p { color:#fff; }
.step_style3 > li { position:relative; flex:1; min-height:8.5rem; border-radius:0.5rem; border:1px solid #eee; background:#f8f8f8; padding:0.5rem 0.5rem 1rem; } 
.step_style3 > li > p { display:flex; flex-wrap:wrap; min-height:3.2rem; justify-content:center; align-items:center; text-align:center; color:#fff; font-weight:700; font-size:0.85rem; background:#0082bc; padding:0.5rem; border-radius:0.5rem; }
.step_style3 > li > p em { display:inline-block; width:1.1rem; height:1.1rem; background:#fff; border-radius:50%; line-height:1.1rem; text-align:center; color:#000; font-size:0.85rem; margin-right:0.5rem; }
.step_style3 > li.bg_color1 > p { background:#045ba6; }
.step_style3 > li.bg_color2 > p { background:#00858a; }
.step_style3 > li.bg_color3 > p { background:#1d3f5b; }
.step_style3 > li > div { margin:1rem 0.5rem 0;}
.step_style4 > li:not(.arrw) { flex:1; min-height:8.5rem; border:2px solid #eee; border-radius:0.5rem; padding:0.5rem 0.5rem 1rem; }
.step_style4 > li:not(.arrw) > p { display:flex; height:2.8rem; justify-content:center; align-items:center; background:#e5f2f8; border-radius:0.5rem; border:1px solid #d8eef8; font-size:0.85rem; font-weight:700; }
.step_style4 > li:not(.arrw) > div { margin:1rem 0.5rem 0; }
.step_style4 > li.last > p { background:#0082bc; border-color:#0082bc; color:#fff; }
.step_style4 > li.arrw { width:4.5rem; padding:3.1rem 0.5rem 0; background:url('/images/dgedu/web/main/sub/step_arrw.png') no-repeat top 2rem center; font-size:0.75rem; font-weight:600; text-align:center; color:#000; line-height:1.2;} 
.step_style5 dl { position:relative; display:flex; justify-content:space-between; width:100%; }
.step_style5 dl + dl { margin-top:2.5rem; } 
.step_style5 dl + dl:after,
.step_style5 dl + dl:before { content:"\e942"; position:absolute; top:-2rem; left:6.5rem; width:1.5rem; height:1.5rem; background:#fff; border-radius:50%; font-family:"xeicon"; font-size:1.2rem; text-align:center; line-height:1.4rem; color:#6a6a6a; }
.step_style5 dl + dl:after { border:2px solid #6a6a6a; left:calc(50% + 6rem); }
.step_style5 dl dt { display:flex; width:13.85rem; justify-content:center; align-items:center; text-align:center; flex-direction:column; border-radius:0.6rem; padding:0.5rem; }
.step_style5 dl:nth-child(1) dt { background:#0c3771; }
.step_style5 dl:nth-child(2) dt { background:#254d83; }
.step_style5 dl:nth-child(3) dt { background:#416493; }
.step_style5 dl:nth-child(4) dt { background:#607693; }
.step_style5 dl:nth-child(5) dt { background:#2e82b6; }
.step_style5 dl:nth-child(6) dt { background:#108bd8; }
.step_style5 dl dd { width:calc(100% - 15rem); background:#f8f8f8; border:1px solid #eee; border-radius:0.5rem; padding:1.4rem; }
.step_style5 dl dt p { color:#fff; font-size:0.85rem; font-weight:700; } 
.step_style5 dl dt span { background:#fff; border-radius:1.3rem; box-shadow:5px 5px 10px rgba(0,0,0,0.05); margin-top:0.5rem; padding:0 0.7rem;}
[class*="step_style"].w25 > li { width:calc((100% - 9.2rem)/4); flex:inherit; margin-bottom:1rem;}
[class*="step_style"].w33 > li { width:calc((100% - 6.9rem)/3); flex:inherit; margin-bottom:1rem;}
.step_style1 > li.ph100,
.step_style2 > li.ph100,
.step_style3 > li.ph100,
.step_style4 > li.ph100 {padding:0.5rem;}
.step_style1 > li.ph100 > p,
.step_style2 > li.ph100 > p,
.step_style3 > li.ph100 > p,
.step_style4 > li.ph100 > p {height:100%;} 
.tit_bottom > li { display:flex; flex-direction:column; justify-content:space-between; } 
.tit_bottom > li > p { width:calc(100% + 1rem); margin:1rem -0.5rem -1rem; }
.mutual li:before,
.mutual li:after {position:absolute; right:-1.9rem; width:1.5rem; height:1.5rem; background:#fff; border-radius:50%; border:2px solid #6a6a6a; font-family:"xeicon"; font-size:1.2rem; text-align:center; line-height:1.4rem; color:#6a6a6a;}
.mutual li:before {content:"\e93f"; top:30% !important;}
.mutual li:after {content:"\e93c";bottom:30% !important;}
.mutual li:last-child:before,
.mutual li:last-child:after {display:none;}
  
/* 공통 */
.pc_sky2 { color:#0099dd; }

/* gray_list */
.gray_list { position:relative; background:#f9f9f9; border-radius:0.5rem 2rem 0.5rem 0.5rem; margin-top:1rem; padding:2.5rem 21rem 2.5rem 2.5rem; }
.gray_list .img { position:absolute; right:2.5rem; bottom:3rem; font-size:0; }
.gray_list ul { position:relative; display:flex; flex-wrap:wrap; }
.gray_list ul li { display:flex; width:100%; margin:0.25rem 0; align-items:center; background:#fff;  padding:1rem 1.5rem; border-radius:0.3rem; }
.gray_list ul.w50 li { width:48%; margin:0.25rem 1%; }

/* box_note */ 
.box_note { position:absolute; top:-1rem; right:2.4rem; height:1.8rem; line-height:1.8rem; font-size:0.75rem; padding:0 1rem; background:#fff; border:1px solid #ddd; border-radius:1.8rem; box-shadow:3px 3px #e7e7e7; }
.box_note strong { position:relative; display:inline-block; font-weight:700; margin-right:1rem; padding-right:0.7rem; }
.box_note strong:before { content:""; position:absolute; right:0; top:0.6rem; width:1px; height:0.6rem; background:#afafaf; }

/* 이런신문은 *//*250403*/
.e_learn_news { display:flex; flex-wrap:wrap; margin:0 -1%; }
.e_learn_news > li {width: 19.3%;margin: 1rem .3% 0;border:1px solid #ddd;border-radius:1rem;padding:1.5rem 0.5rem;text-align:center;}
.e_learn_news > li strong { position:relative; font-size:0.9rem; font-weight:700; padding-left:1.8rem; background:no-repeat left center; line-height:1.3rem; }
.e_learn_news > li.bl strong { background-image:url('/images/dgedu/web/main/sub/e_learn_bl.png');}
.e_learn_news > li.twt strong { background-image:url('/images/dgedu/web/main/sub/e_learn_twt.png');}
.e_learn_news > li.fb strong { background-image:url('/images/dgedu/web/main/sub/e_learn_fb.png');}
.e_learn_news > li.kks strong { background-image:url('/images/dgedu/web/main/sub/e_learn_kks.png');}
.e_learn_news > li.ist strong { background-image:url('/images/dgedu/web/main/sub/e_learn_ist.png');}
.e_learn_news > li.yt strong { background-image:url('/images/dgedu/web/main/sub/e_learn_yt.png');}
.e_learn_news > li.kkp strong { background-image:url('/images/dgedu/web/main/sub/e_learn_kkp.png');}
.e_learn_news > li span {display:block;margin:0.3rem 0 0.8rem;word-break:break-all;line-height:1.1;font-size: .7rem;}

/* 적극행정이란 */
.admin_box { position:relative; word-break:keep-all;}
.admin_box h3 { padding:0 6rem; margin-bottom:2rem; font-size:1.4rem; font-weight:700; }
.admin_box .box { position:relative; padding:2rem 23rem 2rem 6rem; background:#f7fafc; border-radius:5rem 0 0 0;}
.admin_box .box p { position:relative; font-size:0.85rem; font-weight:700; margin-bottom:1.5rem; } 
.admin_box .box .img { position:absolute; right:5rem; bottom:2rem; }
.admin_list { display:flex; margin-top:1rem; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.admin_list > li { position:relative; flex:1; padding:3.2rem 1.7rem; }
.admin_list > li + li { border-left:1px solid #ddd; }
.admin_list > li .num { position:absolute; left:0; top:0; width:3.5rem; height:3.3rem; background:#2e415a; color:#fff; font-size:0.85rem; font-weight:700; text-align:center; line-height:3.3rem; }
.admin_list > li .img { display:block; width:6.8rem; height:6.8rem; background:#f7fafc; border-radius:50%; margin:0 auto 3.5rem; }
.admin_list > li .img img { width:100%; height:100%; }
.admin_list > li p { font-size:0.85rem; font-weight:700; margin-bottom:1rem; }

/* 학교회계소개 */
.account_box .box p { font-weight:400; margin-bottom:0; line-height:1.8rem; }
.account_box .box .img { bottom:-2.5rem;}
.qnaBox { position:relative; background:#f7f7f7; margin-top:3.5rem; padding:1.5rem; }
.qnaBox li { display:flex; justify-content:space-between; } 
.qnaBox li + li { margin-top:0.75rem; }
.qnaBox li span { width:2.5rem; height:2.5rem; background:#0082bc; border-radius:50%; text-align:center; line-height:2.5rem; color:#fff; font-weight:700; font-size:1rem; }
.qnaBox li.answer span { background:#333; }
.qnaBox li p { width:calc(100% - 3rem); padding:0.6rem 0.5rem; font-size:0.85rem; font-weight:700; }
.qnaBox li.answer p { border:1px solid #ddd; border-radius:1.5rem; background:#fff; padding:0.6rem 1.5rem; font-weight:400; }

/* 입찰공고 */
.gray_btn_list { display:flex; margin:0 -1rem; }
.gray_btn_list > li { flex:1; margin:0 1rem; padding:2.5rem; background:#f6f6f6; border-radius:1.5rem; text-align:center; }
.gray_btn_list > li p { font-size:0.9rem; font-weight:700; color:#060606; margin:0.5rem 0;}

/* 나라장터 */
.line_btn_list { display:flex; flex-wrap:wrap; margin:1rem -1% 0; }
.line_btn_list > li { width:23%; border:1px solid #ccc; border-radius:0.5rem; text-align: center; margin:0 1% 1.25rem; padding:1.8rem 1rem; }  
.line_btn_list > li:hover { border-color:#2e415a; box-shadow:0 5px 0 rgba(136,136,136,0.2); } 
.line_btn_list > li p { font-size:0.9rem; font-weight:700; margin-bottom:0.5rem; }
.line_btn_list.list_5 > li { width:18%; }

/* IB프로그램 소개 */
.ib_learner { position:relative; display:flex; flex-wrap:wrap; }
.ib_learner li { width:20%; text-align:center; padding:0.5rem; }
.ib_learner li .img { display:block; width:5.5rem; height:5.5rem; background:#efefef; border-radius:50%; margin:0 auto 0.5rem; }
.ib_learner li .img img { width:100%; height:100%; }
.ib_learner li strong { font-weight:700; }
.ib_edu { display:flex; flex-wrap:wrap; border-top:1px solid #ddd; margin-top:2rem; padding-top:2.5rem; background:url('/images/dgedu/web/main/sub/ib_arrw_2.png') no-repeat center bottom 1.5rem; word-break:keep-all; }
.ib_edu li { flex:1; padding:0 0.5rem; background:url('/images/dgedu/web/main/sub/ib_arrw_1.png') no-repeat center; }
.ib_edu li strong { display:flex; height:2.5rem; justify-content:center; align-items:center; font-size:0.85rem; line-height:1.2; text-align:center; font-weight:700; border-radius:1.5rem; color:#fff; margin-bottom:6rem; padding:0.5rem; } 
.ib_edu li span { display:flex; height:2.5rem; justify-content:center; align-items:center; line-height:1.2; text-align:center; font-size:0.85rem; border:2px solid; border-radius:1.5rem; background:#fff; padding:0.5rem; }
.ib_edu li:nth-child(1) strong { background:#fed652; color:#000; }
.ib_edu li:nth-child(2) strong { background:#008489; }
.ib_edu li:nth-child(3) strong { background:#0082bc; }
.ib_edu li:nth-child(4) strong { background:#045ba6; }
.ib_edu li:nth-child(5) strong { background:#d53c03; }
.ib_edu li:nth-child(1) span { border-color:#fed652; }
.ib_edu li:nth-child(2) span { border-color:#008489; }
.ib_edu li:nth-child(3) span { border-color:#0082bc; }
.ib_edu li:nth-child(4) span { border-color:#045ba6; }
.ib_edu li:nth-child(5) span { border-color:#d53c03; }
.ib_operation { display:flex; }
.ib_operation dl { position:relative; flex:1; text-align:center; }
.ib_operation dl + dl { margin-left:4rem; }
.ib_operation dl + dl:before { content:""; position:absolute; left:-4rem; top:0; width:4rem; height:100%; background:url('/images/dgedu/web/main/sub/ib_arrw_3.png') no-repeat center; }
.ib_operation dl dt { padding:1rem; }
.ib_operation dl:nth-child(1) dt { background:#fed400; }
.ib_operation dl:nth-child(2) dt { background:#e94223; color:#fff; }
.ib_operation dl:nth-child(3) dt { background:#00a4c2; color:#fff; }
.ib_operation dl dt strong { font-size:1rem; font-weight:700; }
.ib_operation dl dd { padding:0.5rem; }
.ib_operation dl dd:nth-of-type(even) { background:#f4f4f4 }

/* 고등학교 디플로마 프로그램 */
.dp_list { display:flex; align-items:center; }
.dp_list > li { position:relative; flex:1; text-align:center; padding:0 1rem; }
.dp_list > li + li { border-left:1px solid #ddd; }
.dp_edu { display:flex; }
.dp_edu i { display:flex; justify-content:center; align-items:center; width:4rem; font-size:2.9rem; }
.dp_edu dl { position:relative; flex:1; text-align:center; } 
.dp_edu dl dt { padding:1rem; background:#e0f0f6; } 
.dp_edu dl dt strong { font-size:1rem; font-weight:700; }
.dp_edu dl dd { padding:0.5rem; }
.dp_edu dl dd:nth-of-type(even) { background:#f4f4f4 }

/* ibdp운영고등학교 */
.ib_school { position:relative; }
.ib_school ul { display:flex; flex-wrap:wrap; margin:0 -1.5%; }
.ib_school ul > li { position:relative; width:30.333%; margin:1.5%; background:#f6f6f6; padding:2.5rem; border-radius:0.5rem; }
.ib_school ul > li > p { position:relative; padding-left:2rem; font-size:0.9rem; font-weight:700; line-height:1.4rem; min-height:2.8rem; margin-bottom:0.5rem; }
.ib_school ul > li > p .num { position:absolute; left:0; top:0; width:1.4rem; height:1.4rem; background:#2e415a; border-radius:50%; color:#fff; text-align:center; line-height:1.4rem; }
.ib_school ul > li a { position:relative; display:block; font-weight:600; border-radius:5px; padding:0.35rem 2rem 0.35rem 1rem; border:2px solid #2e415a; word-break:keep-all; -webkit-transition:0.2s; transition:0.2s; }
.ib_school ul > li a + a {margin-top:0.85rem;  }
.ib_school ul > li a i { position:absolute; right:0.5rem; top:0.6rem; }
.ib_school ul > li a.btnType1 { background:#2e415a; color:#fff; }
.ib_school ul > li a.btnType2 { background:#fff; }
.ib_school ul > li a.btnType1:hover,
.ib_school ul > li a.btnType1:focus { background:#1a4ab9; border-color:#1a4ab9; }
.ib_school ul > li a.btnType2:hover,
.ib_school ul > li a.btnType2:focus { border-color:#1a4ab9; color:#1a4ab9; }

/* 자유학기제 개요 */
.free_semester { position:relative; display:flex; background:#f7f7f7; border-radius:5px 30px 5px 5px; margin-top:1rem; padding:2.8rem 4rem; }
.free_semester .box { flex:1; margin:0 0.5rem; border:1px solid #ddd; border-radius:0.5rem; padding:1.5rem; background:#fff; }
.free_semester dl + dl { margin-top:1rem; }
.free_semester dl dt { max-width:8.3rem; padding:0.5rem 1rem; background:#045ba6; border-radius:2.5rem; font-size:0.85rem; font-weight:700; color:#fff; text-align:center; margin:0 auto 1rem; } 
.free_semester dl dd h4 { position:relative; padding-left:1rem; color:#045ba6; font-size:0.85rem; font-weight:600; }
.free_semester dl dd h4:before { content:"\e92c"; position:absolute; left:0; top:0; font-family:"xeicon"; font-weight:400; }
.free_semester dl dd h4 + .list_st2 { margin-left:0.5rem; }
.free_semester dl dd .list_st2 + h4 { margin-top:1rem; }  
.free_info { overflow:hidden; }
.free_info table { width:calc(100% + 0.8rem); text-align:center; margin:0 -0.4rem; }
.free_info table th,
.free_info table td { position:relative; vertical-align:middle; padding:0.7rem 0.4rem; border-bottom:1px solid #ddd;}  
.free_info table th:before,
.free_info table td:before { content:""; position:absolute; left:0.4rem; top:0.7rem; width:calc(100% - 0.8rem); height:calc(100% - 1.4rem); border-radius:0.5rem; z-index:-1; }
.free_info table th p { padding:0.5rem; font-size:0.85rem; }
.free_info table thead th p {color:#fff; }
.free_info table thead th:nth-child(1):before { background:#757575; }
.free_info table thead th:nth-child(2):before { background:#0082bc; }
.free_info table thead th:nth-child(3):before { background:#008489; } 
.free_info table thead th:nth-child(4):before { background:#045ba6; } 
.free_info table thead th:nth-child(5):before { background:#2e415a; } 
.free_info table tbody th:before { border:1px solid #2e415a;  } 
.free_info table tbody th p { color:#2e415a;}
.free_info table tbody td { word-break:keep-all; } 
.free_info table tbody td:nth-of-type(1):before { background:#e5f2f3; }
.free_info table tbody td:nth-of-type(2):before { background:#e5f2f8; }
.free_info table tbody td:nth-of-type(3):before { background:#e5eef6; }
.free_info table tbody td:nth-of-type(4):before { background:#eaecee; }
.free_info table tbody td div { padding:1rem 1.5rem; }
.free_info table tbody td span { display:none; }

/* 안내(기초학력지원센터) */
.brain_program { width:90%; margin:2rem auto; } 
.brain_program dl { display:flex; flex-wrap:wrap; }
.brain_program dl dt { position:relative; width:15%; font-size:0.85rem; font-weight:700; color:#fff; border-radius:0.5rem; text-align:center; background:no-repeat center top 18%; } 
.brain_program dl:nth-of-type(1) dt {background-color:#0082bc; background-image:url('/images/dgedu/web/main/sub/brain_ico_1.png'); }
.brain_program dl:nth-of-type(2) dt {background-color:#008489; background-image:url('/images/dgedu/web/main/sub/brain_ico_2.png'); }
.brain_program dl dt span { position:absolute; left:0; right:0; top:60%; line-height:1.2; }
.brain_program dl dd { width:25%; }
.brain_program dl dd:last-child { width:35%; display:flex; flex-wrap:wrap; }
.brain_program dl dd:last-child div { flex:1; } 
.brain_program dl dd p { display:none; }
.brain_program dl dd div { height:100%; border:2px solid #e7e7e7; border-radius:0.5rem; padding:1.5rem; margin:0 0 0 0.8rem; background:#fff; }
.brain_program .step { display:flex; margin:1.5rem 0; padding-left:15%; }
.brain_program .step li { position:relative; width:30%; padding:0 0.4rem; }
.brain_program .step li:last-child:before { content:""; position:absolute; left:25%; bottom:-1.5rem; width:50%; height:0.7rem; border:1px dashed #bbb; border-bottom:none; background:#fff; }
.brain_program .step li:last-child:after { content:""; position:absolute; left:25%; top:-1.5rem; width:50%; height:0.7rem; border:1px dashed #bbb; border-top:none; background:#fff; }
.brain_program .step li:last-child { width:40%; }
.brain_program .step li p { position:relative; line-height:2.5rem; border-radius:0.5rem; margin-left:0.8rem; background:#cddeed; font-weight:700; text-align:center; }
.brain_program .step li p:before { content:""; position:absolute; left:50%; top:-1.5rem; width:1px; height:calc(100% + 3rem); border-left:1px dashed #bbb; z-index:-1; }
.brain_program .step li + li p:after { content:"\e93f"; position:absolute; left:-1.4rem; top:calc(50% - 0.6rem); width:1.1rem; height:1.1rem; border:1px solid #000; border-radius:50%; line-height:1.1rem; text-align:center; font-family:"xeicon"; color:#000; }
.brain_program .step li:nth-child(2) p { background:#81add2; color:#000; }
.brain_program .step li:nth-child(3) p { background:#045ba6; color:#fff; } 

/* 병원학교 및 원격수업 */
.hospital_edu { position:relative; width:90%; margin:0 auto; word-break:keep-all; }
.hospital_edu i { display:inline-block; width:1.4rem; height:1.4rem; background:#fff; border-radius:50%; text-align:center; line-height:1.4rem; margin:0 2rem;}
.hospital_edu > div { position:relative; display:flex; justify-content:space-between; flex-wrap:wrap; }
.hospital_edu > div + div { margin-top:2rem;}
.hospital_edu > div + div:before { content:"\e942"; position:absolute; left:50%; top:-1.8rem; width:1.5rem; height:1.5rem; border:1px solid #2b2b2b; border-radius:50%; line-height:1.5rem; text-align:center; font-family:"xeicon"; font-size:1rem; -webkit-transform:translateX(-50%); transform:translateX(-50%); }
.hospital_edu .box1 p { display:flex; justify-content:center; align-items:center; width:48%; height:3rem; border:1px solid #ddd; border-radius:0.5rem; background:#f7fafc; padding:0.5rem; text-align:center; }
.hospital_edu .box2 dl,
.hospital_edu .box2 p { width:48%; border:1px solid #ddd; border-radius:0.5rem; margin-top:-1px; }
.hospital_edu .box2 p { display:flex; justify-content:center; align-items:center; text-align:center; }
.hospital_edu .box2 dl { position:relative; padding:0.75rem 1rem 0.75rem 7rem;  } 
.hospital_edu .box2 dl dt {position:absolute; left:0.5rem; top:0.65rem; width:5.5rem; border-radius:1.5rem; text-align:center; line-height:1.7rem; font-weight:700; } 
.hospital_edu .box2 dl.dl_style1 { text-align:center; } 
.hospital_edu .box2 dl.dl_style1 dt { background:#2e415a; color:#fff; }
.hospital_edu .box2 dl.dl_style2 dt { border:2px solid #2e415a; line-height:1.6rem;}
.hospital_edu .box2 dl.dl_style1 dd i { margin:0 0.5rem; background:#f6f6f6; }
.hospital_edu .box2 dl.dl_style2 dt.line_sky { border-color:#0082bc; }

/* 사업개요 */
.edu_welfare { position:relative; } 
.edu_welfare:before { content:""; position:absolute; left:50%; top:0; width:1px; height:20rem; background:#ccc; z-index:-1; }
.edu_welfare .org_list { position:relative; padding-bottom:1.2rem; }
.edu_welfare .org_list:nth-of-type(2) { margin-bottom:1rem;}
.edu_welfare .org_list > li { display:flex; width:30%; height:3rem; justify-content:center; align-items:center; border-radius:0.5rem; font-weight:600; padding:0.5rem; word-break:keep-all; text-align:center; }
.edu_welfare .org_list > li:nth-child(1) { background:#0082bc; color:#fff; font-size:0.85rem; margin:0 auto; }
.edu_welfare .org_list > li:nth-child(2) { position:absolute; right:0; top:0; border:1px dashed #666; color:#060606; font-size:0.85rem; background:#fff; }
.edu_welfare .org_list > li:nth-child(2):before { content:""; position:absolute; left:-50%; width:50%; height:1px; border-top:1px dashed #666; z-index:-1; }
.edu_welfare .org_list > li:nth-child(3) { background:#2e415a; color:#fff; font-size:0.85rem; margin:1.2rem 0 0; } 
.edu_welfare .org_list > li:nth-child(3):before { content:""; position:absolute; left:0; bottom:2.7rem; width:50%; height:1px; background:#ccc; z-index:-1; }
.edu_welfare .support { position:relative; display:flex; justify-content:space-between; flex-wrap:wrap; }
.edu_welfare .support:before,
.edu_welfare .support:after { content:""; position:absolute; left:30%; top:0; width:5%; height:100%; background:url('/images/dgedu/web/main/sub/arrw_0407_0801.png') no-repeat center; }
.edu_welfare .support:after { left:auto; right:30%; }
.edu_welfare .support .img, .edu_welfare .support dl { width:30%; }
.edu_welfare .support .img { display:flex; justify-content:center; align-items:center; order:2; border:2px solid #ccc; border-radius:0.5rem; background:#fff; padding:1rem; }
.edu_welfare .support .img img { max-width:100%; }
.edu_welfare .support dl:nth-of-type(1) { order:1; } 
.edu_welfare .support dl:nth-of-type(2) { order:2; }
.edu_welfare .support dl dt { background:#fed652; line-height:3.4rem; border-radius:0.5rem; margin-bottom:0.5rem; text-align:center; font-size:0.85rem; font-weight:700; }
.edu_welfare .support dl dd { height:calc(100% - 3.9rem); border:1px solid #ccc; background:#f7f7f7; padding:1.25rem; border-radius:0.5rem; }

/* 고교학점제 정책 소개 */
.academic_system .list1 { position:relative; display:flex; margin-top:1rem; }
.academic_system .list1 > li { position:relative; flex:1; }
.academic_system .list1 > li + li { margin-left:1.5rem; }
.academic_system .list1 > li > div { position:relative; border:1px solid #ddd; border-radius:0.5rem; padding:0.5rem; text-align:center; height:100%; } 
.academic_system .list1 > li.twice > div { height:auto; }
.academic_system .list1 > li.twice > div + div { margin-top:0.8rem; }
.academic_system .list1 > li + li > div:before { content:"\e93f"; position:absolute; left:-0.8rem; top:calc(50% - 0.55rem); width:1.1rem; height:1.1rem; border:1px solid #101010; background:#fff; border-radius:50%; text-align:center; line-height:1.1rem; font-family:"xeicon"; }
.academic_system .list1 > li + li > div:after { content:""; position:absolute; left:-1.5rem; top:50%; width:1.5rem; height:1px; border-top:2px dotted #d5d5d5; z-index:-1; }
.academic_system .list1 > li > div p { background:#0082bc; border-radius:0.5rem; color:#fff; font-size:0.85rem; font-weight:700; margin-bottom:0.5rem; padding:0.3rem 0.5rem; }
.academic_system .list1 > li:last-child > div p { background:#008489; }
.academic_system .list2 { display:flex; margin-top:1.3rem; padding:0.6rem 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.academic_system .list2 > li { position:relative; flex:1; padding:0.2rem 0.5rem 0.2rem 3.8rem; }
.academic_system .list2 > li:nth-child(2) { padding-left:4.5rem; }
.academic_system .list2 > li span { position:absolute; left:0; top:0; border:2px solid #008489; border-radius:1.5rem; font-weight:700; padding:0 0.5rem; line-height:1.4rem; }
.graduate_system { margin-top:1rem; word-break:keep-all; }
.graduate_system > ul { display:flex; text-align:center; }
.graduate_system .step1 { display:flex; justify-content:space-between; align-items:center; width:27%; border-radius:0.5rem; background:#fff; border:1px solid #ddd; padding:0.8rem; }
.graduate_system .step1 p { width:30%; }
.graduate_system .step1 ul { width:60%; }
.graduate_system .step1 ul li { line-height:2.9rem; border-radius:0.5rem; border:1px solid #ddd; font-weight:700; } 
.graduate_system .step1 ul li + li { margin-top:0.6rem; }
.graduate_system .step2 { display:flex; justify-content:center; flex-direction:column; width:12%; border-radius:0.5rem; background:#f2f9f9; border:1px solid #ddd; padding:0.8rem; font-size:0.85rem; font-weight:700; }
.graduate_system .step3 { display:flex; justify-content:center; flex-direction:column; width:27%; border-radius:0.5rem; background:#008489; padding:0.8rem; font-size:0.85rem; font-weight:700; color:#fff; }
.graduate_system .arrow { width:17%; background:url('/images/dgedu/web/main/sub/grd_arrw.png') no-repeat right 0.8rem top 40%; color:#008489; font-weight:700; }
.graduate_system .arrow span { display:block; padding-top:4rem; }
.tbl_img_wrap { display:flex; justify-content:center; align-items:center; }
.tbl_img_wrap p { max-width:45%; font-size:0; }
.tbl_img_wrap .arrw { padding-top:3rem; }
.tbl_img_wrap img { max-width:100%; }
.tbl_img_wrap .img { margin-right:-95px; }
.tbl_img_wrap .img { max-width:calc(45% + 95px); }

/* 특수교육 */
.special_edu { position:relative; background:#f7fafc url('/images/dgedu/web/main/sub/img_0308_02_1.png') no-repeat left 42% top 1rem; padding:3rem 20rem 3rem 7rem; border-radius:5rem 0.5rem 0.5rem 0.5rem; word-break:keep-all; }
.special_edu .txt1 { position:relative; font-size:1.2rem; margin-bottom:0.7rem; }
.special_edu .txt1 strong { font-weight:600; }
.special_edu .txt2 { position:relative; font-size:1.4rem; font-weight:700; }
.special_edu .img { position:absolute; right:2rem; top:1rem; }

/* 인사말 */
.greetings { position:relative; word-break:keep-all; }
.greetings .topBox { background:url('/images/dgedu/web/main/sub/greeting_bg2.png') no-repeat right bottom, #f0f3f6; border-radius:3rem 0 3rem 0; padding:5.5rem 30rem 4.5rem 6rem; }
.greetings .topBox:before { content:""; position:absolute; left:4rem; top:3.7rem; width:5.1rem; height:5.1rem; border-radius:50%; border:1.35rem solid #f7f9fa;}
.greetings .topBox .txt1 { position:relative; font-size:1.5rem; font-weight:600; }
.greetings .topBox .txt1 strong { font-weight:700; }
.greetings .topBox .txt2 { font-size:1rem; margin-top:2.5rem; }
.greetings .topBox .txt2 strong { font-weight:700; }
.greetings .img { position:absolute; right:8rem; top:3rem; text-align:center; }
.greetings .img:before { content:""; position:absolute; right:1rem; bottom:-2rem; width:8.35rem; height:8.35rem; background:#e0a681; opacity:0.13; border-radius:50%; }
.greetings .img img { display:block; width:20.85rem; max-width:100%; border-radius:1.5rem; box-shadow:19px 19px 18px rgba(109,109,109,0.2); margin:0 auto; }
.greetings .img span { position:relative; display:inline-block; font-size:0.9rem; font-weight:600; margin-top:1.5rem; }
.greetings .img span:before { content:""; position:absolute; left:-0.5rem; bottom:0.5rem; width:1.75rem; height:1.75rem; border:9px solid #e7eff6; border-radius:50%; z-index:-1; }
.greetings .img span strong { display:inline-block; color:#060606; font-weight:700; font-size:1.2rem; padding-left:0.7rem; vertical-align:middle; }
.greetings .txtBox { margin-bottom:2rem; padding:2.5rem 30rem 1.3rem 6rem; font-size:0.9rem; line-height:1.7rem; background:url('/images/dgedu/web/main/sub/greeting_bg3.png') no-repeat left bottom, url('/images/dgedu/web/main/sub/greeting_bg4.png') no-repeat right 6rem bottom; }
.greetings .txtBox p { margin-top:2rem; }
.greetings .txtBox strong { display:block; font-weight:600; margin-bottom:1.5rem; font-size:0.95rem; }

/* 프로필 */
.profile { position:relative; word-break:keep-all; }
.profile .imgBox { position:relative; height:20.75rem; border-radius:3rem 0 3rem 0; padding:4rem 0 3.5rem; overflow:hidden; }
.profile .imgBox img { position:absolute; top:0; left:50%; height:100%; -webkit-transform:translateX(-50%); transform:translateX(-50%); }
.profile .imgBox .txt { position:relative; float:right; margin-right:20%;}
.profile .imgBox .txt strong { position:relative; display:block; width:4.8rem; height:4.8rem; background:#fff; border-radius:50%; line-height:4.8rem; color:#060606; font-size:1.1rem; text-align:center; margin-bottom:2.3rem; }
.profile .imgBox .txt strong:before { content:""; position:absolute; left:50%; top:50%; width:6.4rem; height:6.4rem; background:#fbe5d9; border-radius:50%; opacity:0.15; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.profile .imgBox .txt strong em { font-weight:900; }
.profile .imgBox .txt .txt1 { font-size:1.75rem; color:#fff; }
.profile .imgBox .txt .txt2 { font-weight:700; font-size:2.65rem; color:#fbe5d9; }
.profile .imgBox .txt .txt2 span + span { position:relative; padding-left:2.5rem; }
.profile .imgBox .txt .txt2 span + span:before { content:""; position:absolute; left:1rem; top:50%; width:0.45rem; height:0.45rem; background:#fbe5d9; border-radius:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.profile > ul { display:flex; flex-wrap:wrap; margin-top:2.5rem; }
.profile > ul > li { position:relative; display:flex; height:9rem; flex-direction:column; align-items:center; justify-content:center; width:32%; margin-right:2%; padding:0 1rem; border:1px solid #ddd; border-radius:1rem; margin-bottom:1rem; text-align:center; } 
.profile > ul > li:before,
.profile > ul > li:after { content:""; position:absolute; top:-0.25rem; left:50%; width:0.5rem; height:0.5rem; -webkit-transform:translateX(-50%); transform:translateX(-50%);  border-radius:50%; background:#4f8cc1; } 
.profile > ul > li:before { top:-0.5rem; width:1rem; height:1rem; opacity:0.4; }
.profile > ul > li.current:before { top:-0.875rem; width:1.75rem; height:1.75rem; background:#fbe5d9; }
.profile > ul > li.current:after { top:-0.375rem; width:0.75rem; height:0.75rem; background:#f3a880; }
.profile > ul > li:nth-child(3n) { margin-right:0; }
.profile > ul > li p { font-size:0.85rem; color:#060606; font-weight:600; }
.profile > ul > li .bg { position:absolute; right:0; bottom:0; font-size:0;  border-radius:0 0 1rem 0; overflow:hidden; } 
.profile > ul > li > ul > li > span { position:relative; display:inline-block; padding-left:0.7rem; }
.profile > ul > li > ul > li > span:before { content:""; position:absolute; left:0; top:0.6rem; width:0.3rem; height:1px; background:#060606; }

/* 세입세출운용현황 */
.btn_box_wrap { display:flex; margin:2.5rem -1rem 0; }
.btn_box_wrap li { width:50%; padding:0 1rem; }  
.btn_box_wrap li .box { margin-top:1.2rem; padding:1.5rem; border-radius:1.5rem; background:#f7fafc; text-align:center; }
.btn_box_wrap li .box a { display:block; width:100%; max-width:16rem; padding:0.75rem; text-align:center; margin:0.9rem auto 1.5rem; } 
.btn_box_wrap li .box.red { background:#fef6f2; }

/* 재정분석보고서 */
.report_box { position:relative; background:#f7fafc; margin-bottom:3rem; padding:2rem 15rem 2rem 3.75rem; border-radius:1.5rem 0 0 0; word-break:keep-all; }
.report_box span { display:inline-block; font-size:1.2rem; font-weight:700; vertical-align:middle; margin-right:2rem; } 
.report_box span em { font-size:1.4rem;}
.report_box img { position:absolute; top:0.9rem; right:2.5rem; }
.report_list { display:flex; flex-wrap:wrap; margin:1.5rem -0.625rem 0; }
.report_list li { width:33.333%; margin-bottom:1.25rem; padding:0 0.625rem; }
.report_list li.li_w100 { width:100%; }
.report_list li a { position:relative; display:block; padding:0 3.5rem 0 0; }
.report_list li a:after { content:"\ea83"; position:absolute; left:1.1rem; top:0.7rem; font-size:1rem; width:2.2rem; height:2.2rem; background:#f6f6f6; border-radius:50%; font-family:"xeicon"; text-align:center; line-height:2.2rem; }
.report_list li a:before { content:"\eb7c"; position:absolute; right:0; top:0; width:3.5rem; height:3.5rem; border:1px dashed #ccc; background:#f6f6f6; font-family:"xeicon"; font-size:1.1rem; line-height:3.5rem; text-align:center; border-radius:0 0.5rem 0.5rem 0; -webkit-transition:0.2s; transition:0.2s; }
.report_list li a span { display:flex; align-items:center; height:3.5rem; padding:0 1rem 0 4.6rem; border:1px solid #ccc; border-right:none; border-radius:0.5rem 0 0 0.5rem; -webkit-transition:0.2s; transition:0.2s; }
.report_list li a:hover span,
.report_list li a:focus span { border-color:#045ba6; }
.report_list li a:hover:before,
.report_list li a:focus:before { background:#045ba6; border-color:#045ba6; color:#fff; }

/* 교육청EI */
.symbol_wrap { position:relative; background:#f7fafc; padding:2.5rem 2.75rem; border-radius:1.5rem 0 0 0; word-break:keep-all; }
.symbol_wrap h3 { font-size:1.2rem; font-weight:700; }
.symbol_wrap p { font-weight:600; }
.symbol_wrap a { width:9.75rem; }
.symbol_box { display:flex; justify-content:center; align-items:center; height:17.5rem;  border:1px solid #ddd; background:url('/images/dgedu/web/main/sub/symbol_bg.png'); margin:1.2rem 0; padding:1rem; }
.symbol_box img { max-width:100%; }
.symbol_list { display:flex; flex-wrap:wrap; margin:0 -1.5rem; }
.symbol_list li { width:50%; margin-top:3.5rem; padding:0 1.5rem; } 
.symbol_list li p { font-weight:600; }

/* 사이트맵 */
.sitemap > ul > li { width:33.333%; }
.sitemap > ul > li > ul { display:flex; flex-wrap:wrap; margin:0 -0.3rem; } 
.sitemap > ul > li > ul > li { width:50%; padding:0 0.3rem; }

/* 연혁 */
.history_wrap { position:relative; margin-top:1.5rem; }
.history_wrap:before { content:""; position:absolute; left:16.5rem; top:1rem; width:1px; height:100%; background:#f2f2f2; }
.history_wrap dl { position:relative; display:flex; justify-content:space-between; align-items:start; background:url('/images/dgedu/web/main/sub/history_line.png') no-repeat left 13rem top 1rem; }
.history_wrap dl + dl { margin-top:1.5rem; }
.history_wrap dl dt { width:11.8rem; background:#0082bc; line-height:2.4rem; color:#fff; font-weight:700; font-size:0.85rem; text-align:center; border-radius:5px 1rem 5px 5px; }
.history_wrap dl dd { width:calc(100% - 16rem); padding-left:2.5rem; padding-top:0.5rem; }
.history_wrap dl dd strong { position:relative; display:block; font-size:0.85rem; color:#060606; font-weight:700; }
.history_wrap dl dd strong:before { content:""; position:absolute; top:0.2rem; left:-2.5rem; width:1rem; height:1rem; background:url('/images/dgedu/web/main/sub/history_dot.png') no-repeat center / cover; }
.history_wrap dl dd strong + ul { margin:0.7rem 0 0 0.3rem; }
.history_wrap dl dd ul + strong { margin-top:1.5rem; }

/* 대구교육방향 */
.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; }

/* 기구표 */ /*250325 접근성 수정*/
.org_wrap { position:relative; margin-top:2.5rem; }
.org_wrap:before {content:"";position:absolute;left:50%;top:0;width:1px;height: 35rem;background:#868c8f;z-index:-1;}/*250228*/
.org_wrap .list_st2 > li { font-size:0.8rem; }
.org_wrap .org_circle1 { position:relative; display:flex; justify-content:center; align-items:center; width:9rem; height:9rem; border-radius:50%; background:#0173a5 url('/images/dgedu/web/main/sub/org_bg1.png') no-repeat center; font-size:1rem; font-weight:700; text-align:center;color:#fff; margin:0 auto; }
.org_wrap .org_circle1:before { content:""; position:absolute; left:50%; top:50%; width:10rem; height:10rem; background:#bce5f7; border-radius:50%; opacity:0.3; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.org_wrap .org_circle2 { position:relative; display:flex; justify-content:center; align-items:center; width:9rem; height:9rem; border-radius:50%; background:#fff url('/images/dgedu/web/main/sub/org_bg2.png') no-repeat center; font-size:1rem; font-weight:700; text-align:center; margin:0 auto; border:3px solid #0082bc; } 
.org_wrap .org_list1 { position:relative; left:calc(50% + 12rem); margin:-3rem 0; width:10.7rem; }
.org_wrap .org_list1:before { content:""; position:absolute; left:-12rem; top:50%; width:12rem; height:1px; background:#868c8f; }
.org_wrap .org_list1 dt a {display:block; width:100%; background:#045ba6; color:#fff; font-weight:700; text-align:center; border-radius:0.5rem; padding:0.65rem; margin-bottom:0.5rem; }
.org_wrap .org_list1 dt a:focus {outline:3px dashed #05c0c6; }
.org_wrap .org_list1 dd { background:#fff; border:1px solid #ddd; border-radius:0.5rem; padding:1rem; }
.org_wrap .org_list1.left {left: auto;position: absolute;right: calc(50% + 12rem);top: 23.2rem;}/*250228*/
.org_wrap .org_list1.left:before{left: auto;right: -12rem;}/*250228*/
.org_wrap .org_list2 { position:relative; display:flex; margin-top:6rem; }
.org_wrap .org_list2:before { content:""; position:absolute; left:16%; top:0; width:68%; height:2rem; border:1px solid #868c8f; border-bottom:none; }
.org_wrap .org_list2 > li { flex:1; padding:2rem 1rem 0; } 
.org_wrap .org_list2 > li > p { display:block; width:100%; background:#2e415a; color:#fff; font-weight:700; text-align:center; border-radius:0.5rem; padding:0.65rem; } 
.org_wrap .org_list2 > li > p em { position:relative; padding-left:1rem; }
.org_wrap .org_list2 > li > p em:before { content:""; position:absolute; left:0.4rem; top:0.5rem; width:0.2rem; height:0.2rem; background:#fff; border-radius:50%; }
.org_wrap .org_list3 { display:flex; flex-wrap:wrap; justify-content:space-between; }
.org_wrap .org_list3 dl { width:49%; margin-top:0.6rem; } 
.org_wrap .org_list3 dt a {display:block; width:100%; background:#0082bc; color:#fff; font-weight:700; text-align:center; border-radius:0.5rem; padding:0.65rem; margin-bottom:0.5rem; }
.org_wrap .org_list3 dt a:focus {outline:3px dashed #05c0c6; } 
.org_wrap .org_list3 dd { height:calc(100% - 3rem); border:1px solid #ddd; border-radius:0.5rem; padding:1rem;}
.org_wrap .org_list4 { margin-top:3rem; } 
.org_wrap .org_list4 dt { position:relative; display:block; width:90%; max-width:21rem; line-height:2.5rem; background:#008489; border-radius:0.5rem; margin:0 auto -1.25rem; text-align:center; color:#fff; font-weight:600; }
.org_wrap .org_list4 dd { padding:2rem 1rem 1.5rem; background:#f7fbfb; }
.org_wrap .org_list4 dd ul { display:flex; flex-wrap:wrap; }
.org_wrap .org_list4 dd ul li { width:25%; padding:0.5rem; }
.org_wrap .org_list4 dd ul li a { display:block; border-radius:0.5rem; border:1px solid #ddd; background:#fff; padding:0.8rem; text-align:center; }
.org_wrap .org_list5 dt { background:#fdd652; color:#000; }
.org_wrap .org_list5 dd { background:#fefbee; }
/** 기구표 :active **/  
.org_wrap a { -webkit-transition:0.2s; transition:0.2s;}
.org_wrap .list_st2 > li a:hover,
.org_wrap .list_st2 > li a:focus { text-decoration:underline; }
.org_wrap .org_list1 dt a:hover,
.org_wrap .org_list1 dt a:focus { background:#0c3771; } 
.org_wrap .org_list3 dt a:hover,
.org_wrap .org_list3 dt a:focus { background:#0c3771; }
.org_wrap .org_list4 dd ul li a:hover,
.org_wrap .org_list4 dd ul li a:focus { border-color:#0082bc; color:#0082bc; }

/* 오시는길 */
.map_wrap { height:23rem; border-radius:0.5rem; border:1px solid #ddd; overflow:hidden; margin-top:1rem; }
.map_info { display:flex; margin:1rem -0.5rem 0; }
.map_info p { position:relative; padding-left:2rem; flex:1; border:1px solid #ccc; padding:1rem 1rem 1rem 4rem; border-radius:0.5rem; margin:0 0.5rem; }
.map_info p i { position:absolute; left:1rem; top:calc(50% - 1.1rem); width:2.2rem; height:2.2rem; background:#f6f6f6; border-radius:50%; text-align:center; line-height:2.2rem; font-size:1rem; }
.map_info p strong { font-weight:700; margin-right:0.5rem;}
.transport_list { display:flex; margin-top:1rem; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.transport_list > li { position:relative; flex:1; padding:1.8rem 1.5rem 1.8rem 4.5rem; }
.transport_list > li i { position:absolute; left:0; top:1.5rem; width:2.9rem; height:2.9rem; border-radius:50%; color:#fff; line-height:2.9rem; font-size:1.5rem; text-align:center; }
.transport_list > li i.blue { background:#045ba6;}
.transport_list > li i.red { background:#d53c03;}
.transport_list > li i.yellow { background:#fed652; color:#000;}
.transport_list > li + li { border-left:1px solid #ddd; padding-left:6rem; }
.transport_list > li + li i { left:1.5rem;}
.transport_list > li dl { display:flex; word-break:keep-all; }
.transport_list > li dl dt { width:4.25rem; font-size:0.85rem; font-weight:700; margin-right:1rem;}

/* 청사안내 */
.chungsa_info { margin-top:2.5rem; }
.chungsa_info table { text-align:center; }
.chungsa_info table th,
.chungsa_info table td { vertical-align:top; padding:0.7rem; border-bottom:1px solid #ddd;}
.chungsa_info table td { padding:1.2rem 0.7rem; }
.chungsa_info table th:first-child,
.chungsa_info table td:first-child { padding-left:0; }
.chungsa_info table th:last-child,
.chungsa_info table td:last-child { padding-right:0; }
.chungsa_info table th p { border-radius:0.5rem; line-height:3rem; font-size:0.85rem; }
.chungsa_info table thead th p {color:#fff; }
.chungsa_info table thead th:nth-child(1) p { width:8rem; background:#666; }
.chungsa_info table thead th:nth-child(2) p { background:#0082bc}
.chungsa_info table thead th:nth-child(3) p { background:#008489} 
.chungsa_info table tbody th p { width:8rem; border:1px solid #2e415a; color:#2e415a; } 
.chungsa_info table tbody th p.dark { background:#2e415a; color:#fff; }
.chungsa_info table tbody td { position:relative; word-break:keep-all; }
.chungsa_info table tbody td + td:before { content:""; position:absolute; left:0; top:20%; width:1px; height:60%; background:#ddd; }
.chungsa_info table tbody td span { display:none; }

/* 공무원행동강령 */
.public_conduct { position:relative; word-break:keep-all;  }
.public_conduct h3 { font-size:1.4rem; font-weight:700; padding:0 6rem; }
.public_conduct .box { position:relative; margin-top:1.5rem; padding:1.5rem 23rem 2.5rem 6rem; background:#f7fafc; border-radius:5rem 0 0 0; } 
.public_conduct .box .img { position:absolute; right:6.5rem; bottom:2.5rem; font-size:0; }
.public_conduct .box p { font-size:1rem; }
.public_conduct .box ul { margin-top:2rem; }
.public_conduct .box ul li { position:relative; display:inline-block; font-size:0.9rem; margin:0 1rem 0.3rem 0; }
.public_conduct .box ul li strong { display:inline-block; background:#045ba6; border-radius:1.5rem; color:#fff; font-weight:700; margin-right:0.5rem; padding:0 0.7rem;}
.public_conduct + .btns a { width:11.5rem; }

/* 웹접근성 정책 */
.web_access { position:relative; padding:0 4rem 4rem 17.5rem; word-break:keep-all; }
.web_access:before { content:""; position:absolute; left:0; bottom:0; width:100%; height:18rem; background:#f6fafd url('/images/dgedu/web/main/sub/img_0704_2.png') no-repeat left 3.5rem bottom 4rem; border-radius:5rem 1rem 1rem 1rem; z-index:-1; }
.web_access .img { position:absolute; left:3rem; top:0; }
.web_access .txt1 { font-size:0.9rem; padding:0 2.2rem; }
.web_access .txt2 { font-size:0.8rem; padding:0 1.5rem; }
.web_access .box { position:relative; border:1px solid #ddd; background:#fff; border-radius:1.5rem; margin:2rem 0; padding:2.5rem 3.5rem; }
.web_access .box ul li { position:relative; padding-left:1rem; }
.web_access .box ul li:before { content:"\e92b"; position:absolute; left:0; top:0; font-family:"xeicon"; }
.web_access .box ul li + li { margin-top:1.3rem; }

/* 행정서비스헌장 */
.charter { position:relative; padding-bottom:5rem; word-break:keep-all; }
.charter:before { content:""; position:absolute; left:0; bottom:0; width:100%; height:25rem; background:#f6f6f6 url('/images/dgedu/web/main/sub/charter_bg.png') no-repeat bottom center / contain; border-radius:5rem 1rem 1rem 1rem; z-index:-1; }
.charter .box { max-width:47.9rem; width:90%; margin:0 auto; padding:5rem 4rem; box-shadow:1px 11px 16px rgba(0,0,0,0.1); border:1px solid #ddd; background:url('/images/dgedu/web/main/sub/charter_point1.png') no-repeat left 1.3rem top 1rem, url('/images/dgedu/web/main/sub/charter_point2.png') no-repeat right 1.3rem top 1rem, url('/images/dgedu/web/main/sub/charter_point3.png') no-repeat left 1.3rem bottom 1rem, url('/images/dgedu/web/main/sub/charter_point4.png') no-repeat right 1.3rem bottom 1rem, #fff; }
.charter .box .txt1 { font-size:1rem; font-weight:700; color:#060606; text-align:center; }
.charter .box .txt1 strong { color:#143c98; }
.charter .box .txt2 { font-size:0.85rem; text-align:center; }
.charter .box ul { margin:2.5rem 0; padding:2.5rem; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.charter .box ul li { position:relative; padding-left:1.5rem; line-height:1.3rem; }
.charter .box ul li + li { margin-top:0.8rem;}
.charter .box ul li:before { content:"\e92b"; position:absolute; left:0; top:0; font-family:"xeicon"; font-size:1rem; }

/*점선라인*/
.dot_line {width:100%; height:1px; margin:1rem 0; border-bottom:1px dashed #888; }

/* 대구교육문화 */
.dgeCltur .tit { display:flex; align-items: center;}
.dgeCltur .tit .today{ flex:1; font-size:1.10rem;}
.dgeCltur .tit .today button{ width:1.75rem; height:1.75rem; line-height:1.75rem; font-size:1.1rem; text-align:center; border-radius:5px; background:#0d69cd; color:#fff;}
.dgeCltur .tit .today span,
.dgeCltur .tit .num span{ color:#045ba6; font-weight: 700;}
.dgeCltur .slider{ position:relative; background:#f6f6f6; margin:1rem 0; padding:1rem 3.5rem;}
.dgeCltur .slider .obj a{ display:block; margin:10px .5rem; box-shadow:0 0 10px rgba(0,0,0,0.1); overflow:hidden;}
.dgeCltur .slider .obj .img{ height:17.5rem; background-color:rgba(0,0,0,0.05);}
.dgeCltur .slider .obj .img img{ position:relative; width:100%; height:100%;}
.dgeCltur .slider .obj .con{ position:relative; padding:1rem; text-align:center; background:#fff; z-index: 1;}
.dgeCltur .slider .obj .con strong{ display:block; height:2.2rem; font-size:.8rem; font-weight:600; line-height:1.1rem; overflow:hidden;}
.dgeCltur .slider .obj .con span{ display:block; font-size:.75rem; margin-top:.5rem; overflow:hidden; word-break: keep-all;}
.dgeCltur .slider .slick-arrow{ position:absolute; top:calc(50% - 1rem); width:2rem; height:2rem; border-radius:50%; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.25); overflow:hidden; font-size:0; line-height:0;}
.dgeCltur .slider .slick-arrow:before{ position:absolute; left:0; top:0; width:100%; text-align:center; font-size:1rem; line-height:2rem; color:#333; font-family: 'xeicon';}
.dgeCltur .slider .slick-prev{ left:1rem;}
.dgeCltur .slider .slick-next{ right:1rem;}
.dgeCltur .slider .slick-prev:before{ content:"\e93b";}
.dgeCltur .slider .slick-next:before{ content:"\e93e";}

.clturList{ margin-top:1.5rem;}
.clturList > ul{ display:flex; flex-wrap:wrap; margin:0 -.5rem; overflow:hidden;}
.clturList > ul > li{ width:calc(50% - 1rem); margin:.5rem; float:left;}
.clturList > ul > li > a{ display:flex; align-items: flex-start; height:100%; border:1px solid #ddd; padding:1rem; transition: all .2s; -webkit-transition: all .2s;}
.clturList .img{ width:7rem; line-height:0; border:1px solid #eee; background:#f1f1f1;}
.clturList .img img{ width:100%; height:100%;}
.clturList .con{ flex:1; min-width:0px; padding-left:1.5rem;}
.clturList .con > p{ display:block; font-size:.85rem; line-height:1.5rem; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:.5rem; font-weight:600;}
.clturList .con li{ display:flex; word-break: break-all;}
.clturList .con li span{ display:block; font-weight:600; min-width:3rem;}
.clturList > ul > li > a:hover{ border-color:#0d69cd;}

/* 전시회 상세 */
.exbiView{ display:flex; padding:1.5rem; border:1px solid #ddd;}
.exbiView h3{ font-weight:700; color:#000; font-size:1.1rem; margin:.5rem 0 1rem;}
.exbiView .img{ width:12.5rem; background-size:cover; background-repeat:no-repeat; background-position: center;}
.exbiView .img img{ max-width:100%; height:auto;}
.exbiView .con{ flex:1; padding-left:1.5rem;}
.exbiView .con .cate{ color:#0d69cd; font-weight:600;}
.exbiView .con ul{ padding-top:1rem; border-top:1px dashed #ddd;}
.exbiView .con li{ display:flex;}
.exbiView .con li + li{ margin-top:.75rem;}
.exbiView .con li > span{ min-width:5rem; font-weight:600; color:#000;}
.exbiView .con li > a{word-break: break-all;}


/* 사전정보공표 */
.befinfo li + li{ margin-top:.5rem;}
.befinfo li a{ position:relative; display:flex; align-items:center; padding:.75rem 2.5rem .75rem 1.25rem; font-size:.9rem; border-radius:.5rem; background:#f9f9f9; border:1px solid #c5c9d6; transition: all .2s; -webkit-transition: all .2s; }
.befinfo li a:before{ content:"\e97a"; position:absolute; right:1rem; top:.65rem; font-family: 'xeicon'; font-size:1.1rem; color:#000;}
.befinfo li strong{ min-width:6.5rem; font-weight:700; color:#000;}
.befinfo li span{ flex:1;}
.befinfo li strong + span::before{ content:""; display:inline-block; vertical-align: middle; height:.75rem; border-left:1px solid #ccc; margin-right:1rem;}
.befinfo li a:hover{ border-color:#28348a; background:#f4f7ff;}
.befinfo.w25{ width:102%; margin-left:-1%; display:flex; flex-wrap:wrap;}
.befinfo.w25 li{ width:23%; margin:.25rem 1%; }
.befinfo.w25 li strong{min-width:0px;}

/*개인정보처리방침*/
.privacy_wrap .pri_img img{width: 4rem;}
.privacy_wrap img.pri_ico {width: 2rem; vertical-align: middle;}

@media (max-width:1600px) {
	/* gray_list */
	.gray_list { padding:1.5rem 15rem 1.5rem 1.5rem; }
	.gray_list .img { right:1.5rem; }
	.gray_list .img img { width:12rem; }
	
	/* 안내(기초학력지원센터) */
	.brain_program { width:100%; margin:1rem auto; }  
	.brain_program dl dt { background-size:2.5rem auto;}
	.brain_program dl dd div { padding:1rem; }

	/* 인사말 */
	.greetings .topBox { padding-left:3rem; padding-right:22rem;  } 
	.greetings .img { right:3rem; }
	.greetings .img img { width:18rem; }
	.greetings .txtBox { padding-left:3rem; padding-right:22rem; background-position:left bottom, right bottom; } 

	/* 대구교육방향 */
	.down_list li .btn_wrap { width:6rem; }
	.down_list li .btn_wrap a { width:100%; } 

	/* 적극행정이란 */
	.admin_box h3 { padding:0 3rem; }
	.admin_box .box { padding:2rem 15rem 2rem 3rem; border-radius:2rem 0 0 0; }
	.admin_box .box .img { right:2.5rem; }
	.admin_box .box .img img { width:10rem; } 
	
	/* ibdp운영고등학교 */
	.ib_school ul > li { padding:1.5rem; } 

	/* 사업개요 */
	.edu_welfare .support:before, .edu_welfare .support:after { background-size:contain; }

	/* 고교학점제 정책 소개 */  
	.tbl_img_wrap .img { margin-right:0; }
}
@media (max-width:1440px) { 
	/* 이런신문은 */
	.e_learn_news > li { width:31.333%; }

	/* 대구교육방향 */ 
	.edu_vision:before { opacity:0.5; right:0; }

	/* 공무원행동강령 */ 
	.public_conduct h3 { padding:0 1.5rem; }
	.public_conduct .box { padding:1.5rem 13rem 2.5rem 1.5rem; border-radius:2rem 0 0 0; } 
	.public_conduct .box .img { right:2rem; bottom:1rem; }
	.public_conduct .box .img img { width:10rem; }

	/* 병원학교 및 원격수업 */
	.hospital_edu { width:100%; } 
}
@media (max-width:1400px) {
	/* 재정분석보고서 */
	.report_box { padding:2rem 10rem 2rem 2rem; }
	.report_box img { right:1rem; width:8rem; }

	/* 교육청EI */ 
	.symbol_list { margin:0 -0.7rem; }
	.symbol_list li { padding:0 0.7rem; } 
	
	/* 고교학점제 정책 소개 */
	.academic_system .list1 { flex-wrap:wrap; margin-right:0.5rem; } 
	.academic_system .list1 > li { flex:inherit; width:calc(25% - 0.5rem); margin-left:0.5rem; }
	.academic_system .list1 > li + li { margin-left:0.5rem; }
	.academic_system .list1 > li:nth-child(n+5) { margin-top:1rem;}
	.academic_system .list1 > li + li > div:after { display:none; }
	
	/* 특수교육 */
	.special_edu { padding:3rem 15rem 3rem 3rem; border-radius:2rem 0.5rem 0.5rem 0.5rem; }
	.special_edu .img img { width:15rem; }

	/* 사이트맵 */ 
	.sitemap > ul > li { width:50%; }

	/* 기구표 */
	.org_wrap .list_st2 > li { font-size:0.75rem; }
	.org_wrap .org_list2 > li { padding:2rem 0.4rem 0;}
	.org_wrap .org_list3 dd { padding:0.7rem; }

	/* 오시는길 */
	.map_info p strong { display:block; }

	/* 웹접근성 정책 */
	.web_access { position:relative; padding:0 2rem 4rem 10rem; }
	.web_access:before { background-size:7rem auto; background-position:left 2rem bottom 3rem; }
	.web_access .img { left:1rem; }
	.web_access .img img { width:8rem; }
	.web_access .txt1 { padding:0 1.5rem; } 
	
	/* 입찰공고 */
	.gray_btn_list { margin:0 -0.5rem; }
	.gray_btn_list > li { margin:0 0.5rem; padding:1.5rem 1rem; }
	.gray_btn_list > li .img img { width:4.5rem; }
	.gray_btn_list > li p { margin:0; }
}
@media (max-width:1240px) {  
	/* 사이트맵 */ 
	.sitemap > ul > li { width:33.333%; }
}
@media (max-width:1024px) {
	/* 절차 공통스타일 */
	.step_style1, .step_style2, .step_style3 { margin:0 -0.5rem; }
	.step_style1 > li, .step_style2 > li, .step_style3 > li { flex:inherit; width:calc(50% - 2.3rem); margin:0.5rem 2.3rem 0.5rem 0; }  
	.step_style4 { flex-wrap:wrap; }
	.step_style4 > li:not(.arrw) { width:calc(50% - 4.5rem); flex:inherit; margin:0.5rem 0; } 
	[class*="step_style"].w25 > li,
	[class*="step_style"].w33 > li { width:calc(50% - 2.3rem); margin-bottom:0.5rem; }

	/* 고교학점제 정책 소개 */
	.graduate_system .step1, 
	.graduate_system .step3 { width:27.5%; }
	.graduate_system .step2,
	.graduate_system .arrow { width:15%; }
	.graduate_system .step1 { padding-left:0; }
	.graduate_system .step1 p { width:40%; }

	/* �뿰�쁺 */
	.history_wrap:before { left:0.5rem; }
	.history_wrap dl { display:block; background:none; }
	.history_wrap dl dd { width:100%; padding-left:1.5rem; }
	.history_wrap dl dd strong:before { left:-1.5rem; }

	/* 인사말 */ 
	.edu_vision:before { background-size:50% auto;}
	.edu_vision h3 { margin-bottom:1rem; }
	.edu_vision .slogan { padding:0; text-align:center; }

	/* 적극행정이란 */
	.admin_list > li { padding:2.5rem 1.5rem 1.5rem; }
	.admin_list > li .img { width:4.5rem; height:4.5rem; margin-bottom:1rem; }
	
	/* 자유학기제 개요 */
	.free_semester { padding:1rem; }
	.free_semester .box { padding:1.2rem 1rem; }
	.free_info{ width:100%; overflow-x:auto; background-repeat:no-repeat;  background-position:right 5px; background-size:30px 100%; z-index:1;
    background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0)));
    background-image:linear-gradient(to left,rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); }
	.free_info table { width:1024px; }

	.line_btn_list.list_5 > li { width:23%; }

	/* 대구교육문화 */
	.dgeCltur .slider .obj .img{ height:15rem;}
	.clturList .con{ padding-left:1rem;}
	.clturList .con li span{ min-width:2.25rem;}
}
@media (max-width:980px) {
	/* gray_list */
	.gray_list { padding:1.5rem; }
	.gray_list .img { display:none; }

	/* 고등학교 디플로마 프로그램 */ 
	.dp_list { justify-content: center;}
	.dp_list > li { flex:inherit; }
	
	/* ibdp운영고등학교 */
	.ib_school ul > li { width:47%; } 
	
	/* 병원학교 및 원격수업 */
	.hospital_edu i { margin:0 0.5rem; }
	.hospital_edu .box2 dl { padding:0.7rem; text-align:center; }
	.hospital_edu .box2 dl dt { position:relative; left:auto; top:auto; margin:0 auto 0.3rem;}
 
	/* 인사말 */
	.greetings .topBox { padding:6.5rem 16rem 5rem 3rem; } 
	.greetings .topBox .txt1 { font-size:1.3rem; }
	.greetings .topBox .txt2 { margin-top:1rem; }
	.greetings .img { right:2rem; top:2rem; }
	.greetings .img img { width:12rem; }
	.greetings .img span { margin-top:0.7rem; font-size:0.8rem; }
	.greetings .img span strong { font-size:1rem; vertical-align:inherit; }
	.greetings .img:before { width:4rem; height:4rem; bottom:0; }
	.greetings .txtBox { padding-right:3rem; background-size:5rem auto, 20rem auto; }
	.greetings .txtBox p { margin-top:1rem; }
	.greetings .txtBox p br { display:none; }  
 
	/* 프로필 */
	.profile .imgBox .txt { margin-right:10%; }
	
	/* 세입세출운용현황 */
	.btn_box_wrap li .box .img img { width:7rem; }
	.btn_box_wrap li .bu_st2 em { display:block; }

	/* 사이트맵 */ 
	.sitemap > ul > li { width:50%; }

	/* 대구교육방향 */
	.down_list li { display:block; }
	.down_list li .btn_wrap { margin-left:0; width:auto; }
	.down_list li .btn_wrap a { width:48%;}
	
	/* 기구표 */
	.org_wrap .org_list1 { left:calc(50% + 7rem);}
	.org_wrap .org_list1:before { left:-7rem; width:7rem; }
	.org_wrap .org_list3 dl { width:100%; }
	.org_wrap .org_list1.left {right: calc(50% + 7rem);}/*250228*/
	.org_wrap .org_list1.left:before{ right: -7rem;}/*250228*/

	/* 공무원행동강령 */  
	.public_conduct .box { padding-right:10rem;} 
	.public_conduct .box .img img { width:7rem; } 

	/* 적극행정이란 */
	.admin_box h3 { padding:0 1.5rem; margin-bottom:1rem; }
	.admin_box .box { padding:1.5rem; }
	.admin_box .box .img { display:none; } 
 
	/* 학교회계소개 */
	.account_box .box p { line-height:1.6; }  
	.qnaBox { margin-top:1rem; }
	.qnaBox li span { width:1.8rem; height:1.8rem; line-height:1.8rem; font-size:0.8rem; } 
	.qnaBox li p { width:calc(100% - 2.5rem); padding:0.2rem 0.5rem;  }
	.qnaBox li.answer p { padding:0.2rem 1.5rem; }
	
	/* 고교학점제 정책 소개 */  
	.tbl_img_wrap { display:block; } 
	.tbl_img_wrap .arrw { display:none; }
	.tbl_img_wrap p { text-align:center; max-width:none; }
	.tbl_img_wrap p + p { margin-top:1rem; }
	.tbl_img_wrap .img { max-width:none; margin-right:-95px; } 
  
  	/* 사전정보공표 */
	.befinfo.w25 li{ width:31.33%; }
} 
@media (max-width:860px) {
	/* IB프로그램 소개 */ 
	.ib_learner li { width:33.333%; }
	.ib_learner li .img { width:4.5rem; height:4.5rem; }
	.ib_edu { padding-top:1rem; background:none; }
	.ib_edu li { width:33.333%; flex:inherit; margin:0.5rem 0; background-position:top 3rem center; }
	.ib_edu li strong { margin-bottom:3rem; } 
	
	/* 안내(기초학력지원센터) */
	.brain_program .step { display:none; }
	.brain_program dl:nth-of-type(2) { margin-top:1rem; }
	.brain_program dl dt { width:calc(100% - 0.8rem); background-image:none !important; margin:0 0.4rem 0.5rem; padding:0.5rem; }
	.brain_program dl dt span { position:relative; left:auto; top:auto; }
	.brain_program dl dt span br { display:none; }
	.brain_program dl dd { width:32.5%; } 
	.brain_program dl dd br { display:none; }
	.brain_program dl dd:last-child { display:block; }
	.brain_program dl dd p { position:relative; display:block; width:calc(100% - 0.8rem); line-height:2rem; border-radius:0.5rem; margin-left:0.8rem; background:#cddeed; font-weight:700; text-align:center; margin:0 0.4rem 0.5rem; }
	.brain_program dl dd:nth-of-type(2) p { background:#81add2; color:#fff; }
	.brain_program dl dd:nth-of-type(3) p { background:#045ba6; color:#fff; } 
	.brain_program dl dd div { height:auto; margin:0 0.4rem; padding:0.5rem; }
	.brain_program dl dd div + div { margin-top:0.5rem; }

	/* 대구교육문화 */
	.clturList > ul{ width:100%; margin:0;}
	.clturList > ul > li{ width:100%; margin:.25rem 0;}
}
@media (max-width:768px) {
	/* 이런신문은 */
	.e_learn_news > li { width:48%; }

	/* 절차 공통스타일 */
	.step_style5 dl { display:block; }
	.step_style5 dl dt { width:100%; height:auto; border-radius:0.5rem 0.5rem 0 0; }
	.step_style5 dl + dl:before { display:none; }
	.step_style5 dl + dl:after { left:calc(50% - 0.75rem); }
	.step_style5 dl dd { width:100%; border-radius:0 0 0.5rem 0.5rem; }

	/* 자유학기제 개요 */  
	.free_info table colgroup,
	.free_info table thead { display:none; }
	.free_info table tbody td span { display:block; background:#0082bc; color:#fff; border-radius:0.5rem; padding:0.3rem; font-weight:600; margin-bottom:0.5rem; text-align:center; } 
	.free_info table tbody td:nth-of-type(2) span { background:#008489; }
	.free_info table tbody td:nth-of-type(3) span { background:#045ba6; }
	.free_info table tbody td:nth-of-type(4) span { background:#2e415a; } 
	.free_info table tr { display:flex; flex-wrap:wrap;  }
	.free_info table th { width:100%; margin-top:1rem;}
	.free_info table th, 
	.free_info table td { border-bottom:none; padding:0.2rem 0.4rem; } 
	.free_info table th:before,
	.free_info table td:before { top:0.2rem; height:calc(100% - 0.4rem); } 
	.free_info table th br { display:none; }
	.free_info table td { width:50%; }
	.free_info table tbody td div { padding:0.5rem; }

	/* 인사말 */
	.greetings .img { position:relative; right:auto; top:auto; margin-bottom:1rem; }
	.greetings .topBox { padding:2rem 2.5rem; } 
	.greetings .txtBox { padding:2rem 2.5rem; }
	.greetings .topBox:before,
	.greetings .img:before { display:none; }

	/* 프로필 */
	.profile .imgBox { height:auto; padding:2rem 0; }
	.profile .imgBox .txt strong { margin-bottom:1.5rem; }
	.profile .imgBox .txt .txt1 { font-size:1.5rem; }
	.profile .imgBox .txt .txt2 { font-size:2rem; }
	.profile > ul > li { width:49%; }
	.profile > ul > li:nth-child(3n) { margin-right:2%; }
	.profile > ul > li:nth-child(2n) { margin-right:0; } 
	.profile > ul > li .bg img { width:3rem; }
	  
	/* 특수교육 */
	.special_edu { padding:2rem 1.5rem; } 
	.special_edu .img { top:auto; bottom:-0.5rem; right:0; }
	.special_edu .img img { width:8rem; }

	/* 세입세출운용현황 */
	.btn_box_wrap { flex-wrap:wrap; }
	.btn_box_wrap li { width:100%; }
	.btn_box_wrap li + li { margin-top:2rem; }
	.btn_box_wrap li .box { padding:1rem; }
	.btn_box_wrap li .box .img img { width:6rem; }
	.btn_box_wrap li .box a { margin:0.5rem auto 1rem; }

	/* 재정분석보고서 */ 
	.report_box { padding:1.5rem 0.5rem; text-align:center; }
	.report_box span { margin:0 1rem;}
	.report_box img { display:none; }
	.report_list li { width:50%; }

	/* 교육청EI */ 
	.symbol_wrap { padding:1.5rem;}
	.symbol_box { height:auto; }
	.symbol_list li { width:100%; margin-top:1.5rem; }
	  
	/* 사이트맵 */ 
	.sitemap > ul > li > ul > li { width:100%; }
	 
	/* 나라장터 */ 
	.line_btn_list > li,
	.line_btn_list.list_5 > li { width:31.333%; }

	/* 고교학점제 정책 소개 */
	.academic_system .list1 > li { flex:inherit; width:calc(50% - 0.5rem); }
	.academic_system .list1 > li:nth-child(n+3) { margin-top:0.5rem;} 
	.academic_system .list2 { display:block; }
	.academic_system .list2 > li + li { margin-top:0.5rem;}
	.graduate_system > ul { flex-wrap:wrap; }
	.graduate_system li .img { display:none; }
	.graduate_system .step1 { width:40%; }
	.graduate_system .step2,
	.graduate_system .arrow { width:20%; }
	.graduate_system .step3 { width:100%; margin-top:0.5rem; }
	.graduate_system .step3 br { display:none; }  
	.tbl_img_wrap .img { margin-right:0; } 

	/* 인사말 */
	.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; }
	
	/* 기구표 */
	.org_wrap:before {height: 50rem;}/*250228*/
	.org_wrap .org_circle1,
	.org_wrap .org_circle2 { width:7rem; height:7rem; }
	.org_wrap .org_circle1:before { width:8rem; height:8rem;} 
	.org_wrap .org_list1 { margin:1rem auto; left:auto; }
	.org_wrap .org_list1:before,
	.org_wrap .org_list1.left{position:relative; top:auto; right:auto;}/*250228*/
	.org_wrap .org_list2:before { display:none;}
	.org_wrap .org_list2 { display:block; margin-top:0; } 
	.org_wrap .org_list3 { justify-content:inherit; margin:0 -0.5rem; }
	.org_wrap .org_list3 dl { width:33.333%; padding:0 0.5rem; } 
	.org_wrap .org_list4 dd ul li { width:33.333%; }

	/* 오시는길 */
	.transport_list { display:block; }
	.transport_list > li { padding:1rem 1rem 1rem 3rem; }
	.transport_list > li + li { padding-left:3rem; border-left:none; border-top:1px solid #ddd; }
	.transport_list > li + li i { left:0; }
	.transport_list > li i { width:2.2rem; height:2.2rem; top:0.7rem; line-height:2.2rem; }
	.map_info { display:block; }
	.map_info p + p { margin-top:0.5rem; }
	.map_info p strong { display:inline-block; }
 
	/* 청사안내 */ 
	.chungsa_info table thead th:nth-child(1) p { width:5rem; } 
	.chungsa_info table tbody th p { width:5rem; } 
	
	/* 웹접근성 정책 */
	.web_access {padding:0 1rem 2rem; }
	.web_access:before { background-image:none; }
	.web_access .img img { width:7rem; }
	.web_access .txt1 { padding:0 0 0 8rem; }
	.web_access .txt2 { padding:0 1rem; }
	.web_access .box { margin:1rem 0; padding:1.5rem; } 
	
	/* 행정서비스헌장 */
	.charter { padding-bottom:3rem; }   
	.charter .box { padding:3rem; background-size:2.5rem auto; }
	.charter .box ul { margin:1.5rem 0; padding:1.5rem 1rem; }  

	/* 적극행정이란 */
	.admin_list { display:block; }
	.admin_list > li { padding:1.5rem 1.5rem 1.5rem 5rem; }
	.admin_list > li + li { border-left:none; border-top:1px solid #ddd;}
	.admin_list > li .img { display:none; }

	/* 자유학기제 개요 */
	.free_semester { flex-wrap:wrap; }
	.free_semester .box:last-child { display:flex; flex:inherit; width:100%; margin-top:1rem; } 
	.free_semester .box:last-child dl { flex:1; margin:0 0.5rem; }  

	/* 사업개요 */ 
	.edu_welfare .support:before, .edu_welfare .support:after { display:none; }
	.edu_welfare .support .img { width:100%; }
	.edu_welfare .support dl { width:49%; }
	.edu_welfare .support .img { order:1; margin-bottom:0.5rem; }
	.edu_welfare .support dl:nth-of-type(1) { order:2; } 
	.edu_welfare .support dl:nth-of-type(2) { order:3; }
	.edu_welfare .support dl dd { padding:1rem; }
	 
  	/* 사전정보공표 */
	.befinfo.w25 li{ width:48%; }
}
@media (max-width:640px) {  
	/* IB프로그램 소개 */ 
	.ib_edu li { width:50%; }
	.ib_operation { display:block; }
	.ib_operation dl + dl {margin:3rem 0 0; }
	.ib_operation dl + dl:before { left:50%; top:-2rem; width:1rem; height:1rem; background-size:contain; -webkit-transform:translateX(-50%) rotate(90deg); transform:translateX(-50%) rotate(90deg) ; }
	.ib_operation dl dt { padding:0.5rem; } 

	/* 고등학교 디플로마 프로그램 */ 
	.dp_list { display:block; } 
	.dp_list > li + li { border-left:none; margin-top:0.5rem; } 

	/* 대구교육문화 */
	.dgeCltur .slider .obj .img{height:13rem;}
	
}
@media (max-width:600px) { 
	/* 절차 공통스타일 */
	.step_style1, .step_style2, .step_style3 { margin:0; }
	.step_style1 > li, .step_style2 > li, .step_style3 > li { flex:inherit; width:100%; height:auto; margin:0; }  
	.step_style1 > li:not(:last-child), .step_style2 > li:not(:last-child), .step_style3 > li:not(:last-child) { margin:0 0 2.5rem; }
	.step_style1 > li:not(:last-child):before, .step_style2 > li:not(:last-child):before, .step_style3 > li:not(:last-child):before { content:"\e942"; left:calc(50% - 0.75rem); top:auto; bottom:-2rem; }
	.step_style3 > li { min-height:0; }
	.step_style4 { flex-wrap:wrap; }
	.step_style4 > li:not(.arrw) { width:100%; min-height:0; } 
	.step_style4 > li.arrw { position:relative; left:calc(50% - 0.75rem); background:none; width:6rem; min-height:2rem; padding:0.5rem 0.5rem 0.5rem 1.5rem; overflow:hidden; }
	.step_style4 > li.arrw:before { content:""; position:absolute; left:-1rem; bottom:1.5rem; width:59px; height:10px; background:url('/images/dgedu/web/main/sub/step_arrw.png') no-repeat; -webkit-transform:rotate(90deg); transform:rotate(90deg); }
	[class*="step_style"].w25 > li, [class*="step_style"].w33 > li{ width:100%; margin-bottom:0; }
	[class*="step_style"].w25 > li:not(:last-child), [class*="step_style"].w33 > li:not(:last-child) { margin-bottom:2.5rem; }  
	.mutual li:before,
	.mutual li:after {top:auto !important; bottom:-2rem !important;}
	.mutual li:before {content:"\e942"; left:42% !important}
	.mutual li:after {content:"\e945"; right:42% !important}

	/* 입찰공고 */
	.gray_btn_list { display:block; }
	.gray_btn_list > li + li { margin-top:0.5rem; }
	.gray_btn_list > li { padding:1rem 0.5rem;}
	.gray_btn_list > li .img img { width:4rem; }

	/* 대구교육문화 */
	.dgeCltur .slider{ padding:1rem 1.5rem;}
	.dgeCltur .slider .slick-arrow{ width:1.75rem; height:1.75rem;}
	.dgeCltur .slider .slick-arrow:before{ line-height:1.75rem;}
	.dgeCltur .slider .slick-prev{ left:-.5rem;}
	.dgeCltur .slider .slick-next{ right:-.5rem;}
}
@media (max-width:560px) {
	/* box_note */
	.box_note { position:relative; right:auto; top:auto; margin-bottom:0.5rem; float:right; }

	/* gray_list */ 
	.gray_list ul.w50 li { width:100%; margin:0.25rem 0; padding:0.7rem 1rem; }
	
	/* 안내(기초학력지원센터) */
	.brain_program dl { display:block; }
	.brain_program dl dd { width:100%; }
	.brain_program dl dd + dd { margin-top:0.5em; }
	.brain_program dl dd:last-child { width:100%; }
	
	/* 병원학교 및 원격수업 */
	.hospital_edu .box1 p { width:100%; margin-top:-1px;}
	.hospital_edu .box2 dl, .hospital_edu .box2 p { width:100%; }
	.hospital_edu .box2 p { height:3rem; }
	.hospital_edu .box2 p + dl,
	.hospital_edu .box2 dl + .dl_style1 { margin-top:1rem; }
  
	/* 기구표 */ 
	.org_wrap .org_list3 dl { width:50%; } 
	.org_wrap .org_list4 { margin-top:2rem; }
	.org_wrap .org_list4 dd { padding:2rem 0.5rem 1rem; }
	.org_wrap .org_list4 dd ul li { width:50%; }
	.org_wrap .org_list4 dd ul li a { padding:0.5rem; }
	
	/* 공무원행동강령 */  
	.public_conduct .box { padding-right:1.5rem;}
	.public_conduct .box .img { opacity:0.2; } 
	.public_conduct .box .img img { width:5rem; }
	
	/* 나라장터 */ 
	.line_btn_list > li,
	.line_btn_list.list_5 > li { width:48%; }  
	
	/* ibdp운영고등학교 */
	.ib_school ul > li { width:100%; padding:1rem; }
	.ib_school ul > li > p { min-height:0; }  
	
	/* 특수교육 */ 
	.special_edu .img { opacity:0.4; } 

	/* 사업개요 */ 
	.edu_welfare:before { left:25%; }
	.edu_welfare .org_list > li { width:48%; }
	.edu_welfare .org_list > li:nth-child(1) { margin:0; }
	.edu_welfare .org_list > li:nth-child(3) { margin-left:52%; } 
	.edu_welfare .org_list > li:nth-child(3):before { left:25%; }  

    /* 전시회 상세 */
    .exbiView{ padding:1.5rem 1rem;}
    .exbiView .img{ width:10rem; }
    .exbiView h3{ font-size:1rem;}
    .exbiView .con{ padding-left:1rem;}   

}
@media (max-width:480px) { 
	/* 이런신문은 */
	.e_learn_news > li { width:98%; }
	
	/* 자유학기제 개요 */ 
	.free_semester .box { flex:inherit; width:100%; margin:0; }
	.free_semester .box + .box { margin-top:1rem; }
	.free_semester .box:last-child { display:block;}
	.free_semester .box:last-child dl { margin:0; }
	.free_semester .box:last-child dl + dl { margin-top:1rem; }

	/* 고교학점제 정책 소개 */
	.graduate_system .step1,
	.graduate_system .step2 { width:100%; }
	.graduate_system .arrow { position:relative; width:100%; background:none; }
	.graduate_system .arrow:before { content:""; position:absolute; left:50%; top:1.3rem; width:2.5rem; height:9px; background:url('/images/dgedu/web/main/sub/grd_arrw.png') no-repeat right center; -webkit-transform:translateX(-50%) rotate(90deg); transform:translateX(-50%) rotate(90deg); }
	.graduate_system .arrow span { padding:1rem 0 1rem 7rem; }
	
	/* 인사말 */
	.greetings .topBox { padding:2rem 1rem; } 
	.greetings .img span strong { display:block; padding:0; } 
	.greetings .topBox .txt1 { font-size:1.1rem; }
	.greetings .topBox .txt2 { font-size:0.85rem; }
	.greetings .txtBox strong br { display:none; }
	.greetings .txtBox { background:none; padding:2rem 1rem; font-size:0.8rem; line-height:1.4rem; }

	/* 프로필 */  
	.profile .imgBox .txt { margin-right:1rem; }
	.profile .imgBox .txt strong { display:inline-block; width:auto; height:auto; font-size:0.9rem; line-height:1.2rem; background:transparent; margin-bottom:0; color:#fff;  }
	.profile .imgBox .txt strong:before { display:none; }
	.profile .imgBox .txt .txt1 { font-size:1.2rem; }
	.profile .imgBox .txt .txt2 { font-size:1.5rem; }
	.profile .imgBox .txt .txt2 span + span {padding-left:1.5rem; }
	.profile .imgBox .txt .txt2 span + span:before { left:0.5rem; width:0.3rem; height:0.3rem; }
	.profile > ul > li { width:100%; height:auto; padding:1.5rem 1rem; }
	.profile > ul > li:nth-child(3n) { margin-right:0; } 
	
	/* 재정분석보고서 */  
	.report_list li { margin-bottom:0.5rem; }
	.report_list li a { padding-right:2.5rem; }
	.report_list li a:after { display:none; }
	.report_list li a:before { width:2.5rem; height:2.5rem; line-height:2.5rem; }
	.report_list li a span { height:2.5rem; padding:0 1rem; }

	/* 사이트맵 */
	.sitemap > ul > li { width:100%; }
 
	/* 청사안내 */ 
	.chungsa_info { margin-top:1rem; }
	.chungsa_info table colgroup,
	.chungsa_info table thead { display:none; }
	.chungsa_info table tbody tr { display:flex; flex-wrap:wrap; }
	.chungsa_info table tbody th,
	.chungsa_info table tbody td { display:block; }
	.chungsa_info table tbody th { width:100%; border-bottom:none; padding:0; }
	.chungsa_info table tbody td { width:50%; padding:0.7rem; }
	.chungsa_info table tbody td:nth-of-type(1) { padding-left:0; }
	.chungsa_info table tbody td:nth-of-type(2) { padding-right:0; }
	.chungsa_info table tbody th p { width:100%; line-height:2rem; } 
	.chungsa_info table tbody td span { display:block; background:#0082bc; color:#fff; border-radius:0.5rem; padding:0.3rem; font-weight:600; margin-bottom:0.5rem; } 
	.chungsa_info table tbody td:nth-of-type(2) span { background:#008489; }

	/* 웹접근성 정책 */
	.web_access .img { position:relative; left:auto; top:auto; text-align:center; margin-bottom:1rem; }
	.web_access .txt1 { padding:0; } 
	
	/* 행정서비스헌장 */ 
	.charter { padding-bottom:0; }
	.charter .box { width:100%; padding:2rem 1.5rem; background-size:1.5rem auto; background-position:left 0.7rem top 0.7rem, right 0.7rem top 0.7rem, left 0.7rem bottom 0.7rem, right 0.7rem bottom 0.7rem; }
	.charter .box ul { padding:1.5rem 0; }   
	
	/* 대구교육문화 */
	.clturList > ul > li > a{ padding:.75rem;}
	.clturList .img{ width:6rem;}
	.clturList .con > p{ height:3rem; white-space: pre-wrap;}

    /* 전시회 상세 */
    .exbiView{ display:block; padding:1rem;}
    .exbiView h3{ font-size:.95rem;}
    .exbiView .img{ width:100%; text-align:center; margin-bottom:1rem;}
    .exbiView .img img{ width:100%; max-width:12rem; height:auto;}
    .exbiView .con{ padding-left:0;}
    .exbiView .con li + li{ margin-top:.5rem;}
    
	/* 사전정보공표 */
	.befinfo li a{ display:block;}
	.befinfo li a:before{ top:calc(50% - .8rem);}
	.befinfo li strong,
	.befinfo li span{ display:block;}
	.befinfo li strong + span::before{ display:none;}
	.befinfo.w25 li{ width:100%; margin:.25rem 0; }
}
@media (max-width:380px) { 
	/* 프로필 */  
	.profile .imgBox { padding:0; background:#1a4ab9; }
	.profile .imgBox .txt {float:none; text-align:center; margin-right:0; padding:1rem 0; }
	.profile .imgBox .txt strong { margin:0 auto; }
	.profile .imgBox .txt .txt1 { font-size:1rem; }
	.profile .imgBox .txt .txt2 { font-size:1.3rem; color:#fff;}
	.profile .imgBox img { position:relative; left:80%; top:auto; width:170%; height:auto; }

	/* 자유학기제 개요 */  
	.free_info table td { width:100%; } 

	/* 대구교육방향 */
	.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%; }	

	/* IB프로그램 소개 */ 
	.ib_learner li { width:50%; }
	.ib_edu li { width:100%; } 

	/* 기구표 */  
	.org_wrap .org_list3 dl { width:100%; }
	.org_wrap .org_list4 dd ul li { width:100%; padding:0.3rem; }

	/* 오시는길 */
	.transport_list > li dl { display:block; }
	.map_info p strong { display:block; }
	
	/* 적극행정이란 */
	.admin_list { display:block; }
	.admin_list > li { padding:1rem 0; } 
	.admin_list > li .num { position:relative; left:auto; top:auto; display:inline-block; height:2rem; line-height:2rem; margin-bottom:0.5rem;  }
	.admin_list > li p { margin-bottom:0.5rem; }
	 
	/* 사업개요 */  
	.edu_welfare:before { left:50%; height:100%; }
	.edu_welfare .org_list > li { width:100%; }
	.edu_welfare .org_list > li:nth-of-type(2) { position:relative; right:auto; top:auto; margin:0.5rem 0; }
	.edu_welfare .org_list > li:nth-child(2):before { display:none; } 
	.edu_welfare .org_list > li:nth-child(3) { margin:0; }
	.edu_welfare .support { display:block; }
	.edu_welfare .support dl { width:100%; }
	.edu_welfare .support dl + dl { margin-top:0.5rem; }

	/* 대구교육문화 */
	.dgeCltur .tit{ display:block;}
	.dgeCltur .tit .today button{ width:1.25rem; height:1.25rem; line-height:1.25rem; padding:0; font-size:.85rem; font-weight:400;}
	.clturList > ul > li > a{ display:block;}
	.clturList .img{ width:100%; text-align:center;;}
	.clturList .img img{ max-height:10rem;}
	.clturList .con{ padding-left:0; padding-top:1rem;}

    /* 전시회 상세 */
    .exbiView .con li{ display:block;}
    .exbiView .con li > span{ width:100%; display:block; margin-bottom:.25rem;}

}
@media (max-width:320px) {  
	/* 재정분석보고서 */  
	.report_box span { font-size:1rem; }
	.report_box span em { font-size:1.1rem; }
	.report_list li { width:100%; }
	
	/* 고교학점제 정책 소개 */
	.academic_system .list1 > li { width:100%; margin:0; }
	.academic_system .list1 > li:nth-child(n+2) { margin:2rem 0 0;}
	.academic_system .list1 > li + li > div:before { left:50%; top:-1.5rem; -webkit-transform:translateX(-50%) rotate(90deg); transform:translateX(-50%) rotate(90deg);}
	.academic_system .list1 > li.twice { display:flex; justify-content:space-between;}
	.academic_system .list1 > li.twice > div { width:48%; }
	.academic_system .list1 > li.twice > div + div { margin-top:0; }
	
	/* 나라장터 */  
	.line_btn_list { margin:0; }
	.line_btn_list > li,
	.line_btn_list.list_5 > li { width:100%; margin:0 0 0.7rem; padding:1rem; }  
	.line_btn_list > li p { margin:0; }
}