/* 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; }

/* 박스 : 강조박스 */
.box_ico_st1{ position:relative; display:table; width:100%; overflow:hidden;}
.box_ico_st1 .ico{ display:table-cell; width:7rem; padding-bottom:1.5rem; border-bottom:3px dotted #ccc;}
.box_ico_st1 .ico p{ position:relative; height:6.5rem; display:flex; align-items:center; justify-content:center; border-radius:1rem 1rem 3rem 1rem; border:1px solid #50bae8; overflow:hidden;}
.box_ico_st1 .ico p:before{ content:""; position:absolute; left:-2rem; top:-2rem; width:5.5rem; height:5.5rem; border-radius:50%; background:url('/images/dgedu/template/TA01/layout/pttrn_box.png'); } 
.box_ico_st1 .box{ position:relative; display:table-cell; padding-left:1.5rem; border-radius:0 .9rem .9rem 0; background:#fff; vertical-align:top;}
.box_ico_st1 .box:before,
.box_ico_st1 .box:after{ content:""; position:absolute; left:1.5rem; top:1rem; width:calc(100% - 1.5rem); border:3px solid; z-index:0;}
.box_ico_st1 .box:before{ height:calc(100% - 1rem); border-radius:0 .75rem .75rem 0; border-color:#efefef; border-left:0;}
.box_ico_st1 .box:after{ height:2.5rem; border-radius:0 .75rem 0 0;  border-color:#0badf4; border-left:0; border-bottom:0;}
.box_ico_st1 .box h3{ position:relative; display:inline-block; padding-right:1rem; background:#fff; z-index:1; max-width:calc(100% - 2rem);}
.box_ico_st1 .box h3 span{ display:inline-block; font-size:1rem; font-weight:700; padding:.5rem 1.25rem; border-radius:1rem 0; background:#daf0fb;}
.box_ico_st1 .box .inner{ position:relative; margin-top:1rem; padding:2.5rem 1.5rem;}
.box_ico_st1 .box .inner:before{ content:""; position:absolute; left:-10px; top:-9px; width:20px; height:20px; border-radius:50%; background:#0badf4; border:5px solid #f2fbfe; z-index:1;}
.box_ico_st1 .box h3 + .inner{ margin-top:0; padding-top:1.5rem;}
.box_ico_st1 .box h3 + .inner:before{ display:none;}

.step_style4 { display:flex; flex-wrap:wrap; }
.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;}
[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_style4 > li.ph100 {padding:0.5rem;}
.step_style4 > li.ph100 > p {height:100%;}

.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; }

@media (max-width:1400px) {
	/* ibdp운영고등학교 */
	.ib_school ul > li { padding:1.5rem; } 
	.ib_school ul > li { width:47%; padding:1rem; }
} 
@media (max-width:768px) {
	/* 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; } 
	
	.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; }
	
	/* ibdp운영고등학교 */
	.ib_school ul > li > p { min-height:0; } 
	
	.report_list li { width:50%; } 
} 
@media (max-width:680px) {
	/* 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; } 
	
	.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; }
	
	.ib_school ul > li { width:100%;}
	
}
@media (max-width:480px) {
	/* 박스 : 강조박스 */
	.box_ico_st1 .ico{ display:none;}
	.box_ico_st1 .box{ display:block; padding-left:0;}
	.box_ico_st1 .box:before{ top:.5rem; left:0; width:100%; height:calc(100% - .5rem);}
	.box_ico_st1 .box:after{ top:.5rem; left:0; width:100%;}
	.box_ico_st1 .box h3{ padding-right:.5rem;}
	.box_ico_st1 .box h3 span{ font-size:.95rem;}
	.box_ico_st1 .box .inner{ padding:2rem 1rem 1rem;}
	.box_ico_st1 .box .inner:before{ left:0; top:0;}
	.box_ico_st1 .box h3 + .inner{ padding-top:1rem;}
	
	
	.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; }	
}
@media (max-width:460px) { 
	/* IB프로그램 소개 */ 
	.ib_learner li { width:50%; }
	.ib_edu li { width:100%; } 
}