@charset "utf-8";

.eQ01 .wrap_sub_visual:before{background:url(/sites/iie/images/sub/sub_visual_01.jpg) no-repeat center top;}
.eQ02 .wrap_sub_visual:before{background:url(/sites/templetstyleguide/images/sub/sub_visual_02.jpg) no-repeat center top;}
.eQ03 .wrap_sub_visual:before{background:url(/sites/templetstyleguide/images/sub/sub_visual_03.jpg) no-repeat center top;}
.eQ04 .wrap_sub_visual:before{background:url(/sites/templetstyleguide/images/sub/sub_visual_04.jpg) no-repeat center top;}
.eQ05 .wrap_sub_visual:before{background:url(/sites/templetstyleguide/images/sub/sub_visual_05.jpg) no-repeat center top;}
.eQ06 .wrap_sub_visual:before{background:url(/sites/templetstyleguide/images/sub/sub_visual_06.jpg) no-repeat center top;}
.eQ07 .wrap_sub_visual:before{background:url(/sites/templetstyleguide/images/sub/sub_visual_07.jpg) no-repeat center top;}


/* 교수학습센터 - ForS 아카데미 */
.forsWrap1 {}
.forsWrap1::after { content:""; display:block; background:url("/sites/templetstyleguide/images/guide/box_arr_d.png") no-repeat center center; padding:40px 0; }
.forsWrap1 .cont { background-color:#a90057; color:#fff; font-size:24px; font-weight:bold; text-align:center; padding:15px; }

.forsWrap2 {}
.forsWrap2::after { content:""; display:block; background:url("/sites/templetstyleguide/images/guide/box_arr_d.png") no-repeat center center; padding:40px 0; }
.forsWrap2 .cont .tit { background-color:#0067c3; color:#fff; font-size:24px; font-weight:bold; text-align:center; padding:15px; }
.forsWrap2 .cont .bWrap1 { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; }
.forsWrap2 .cont .bWrap1 > li { flex:0 0 24%; border:1px solid #afafaf; }
.forsWrap2 .cont .bWrap1 > li > .box1 { text-align:center; color:#fff; background:#000b89; padding:15px; }
.forsWrap2 .cont .bWrap1 > li > .box1 em { color:#fcb040; font-weight:bold; }
.forsWrap2 .cont .bWrap1 > li > .box2 { text-align:center; padding:15px; background:#dbf1ff; }
.forsWrap2 .cont .bWrap1 > li > .box3 { text-align:center; padding:15px; }
@media only screen and (max-width:768px) {
	.forsWrap2 .cont .bWrap1 > li { flex-basis:48.5%; margin-bottom:20px; }
}
@media only screen and (max-width:468px) {
	.forsWrap2 .cont .bWrap1 > li { flex-basis:100%; }
}
.forsWrap2 .cont .downArr { background:url("/sites/templetstyleguide/images/guide/box_arr_d.png") no-repeat center center; padding:40px 0; }
.forsWrap2 .cont .bWrap2 { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; }
.forsWrap2 .cont .bWrap2 > table { border-collapse:collapse; width:100%; }
.forsWrap2 .cont .bWrap2 > table thead tr th { padding:15px 10px; background:#f4f4f4; border-top:1px solid #afafaf; }
.forsWrap2 .cont .bWrap2 > table tbody tr td { padding:15px 10px; }
.forsWrap2 .cont .bWrap2 > table tr { border-bottom:1px solid #afafaf; }
.forsWrap2 .cont .bWrap2 > table tr td:not(:nth-child(1)) { border-left:1px solid #afafaf; }
 
.forsWrap3 {}
.forsWrap3 .cont { background-color:#efefef; }
.forsWrap3 .cont .tit { background-color:#ff7200; color:#fff; font-size:24px; font-weight:bold; text-align:center; padding:15px; }
.forsWrap3 .cont .list_1 { padding:20px 40px; }

.forsWrap4 { margin:40px 0; }
.forsWrap4 .cont {}
.forsWrap4 .cont .processWrap { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; }
.forsWrap4 .cont .processWrap > li { flex-grow:1; display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; text-align:center; }
.forsWrap4 .cont .processWrap > li:first-child { flex-basis:14%; }
.forsWrap4 .cont .processWrap > li:not(:first-child) { flex-basis:21.5%; justify-content:flex-end; position:relative; }
.forsWrap4 .cont .processWrap > li:not(:first-child)::before { position:absolute; content:""; width:50px; height:38px; background:url("/sites/templetstyleguide/images/guide/box_arr_r.png") no-repeat center center; top:50%; left:0; transform:translateY(-50%); }
.forsWrap4 .cont .processWrap > li > p { padding:20px 20px; border-radius:15px; border-top-left-radius:0; font-weight:bold; margin-bottom:0; }
.forsWrap4 .cont .processWrap > li:first-child > p { width:100%; background-color:#0067c3; color:#fff; }  
.forsWrap4 .cont .processWrap > li:not(:first-child) > p { width:83%; background-color:#000b89; color:#fff; position:relative; }  
@media only screen and (max-width:1024px) {
	.forsWrap4 .cont .processWrap { justify-content:flex-start; }
	.forsWrap4 .cont .processWrap > li { flex-basis:33% !important; margin-bottom:20px; }
}
@media only screen and (max-width:768px) {
	.forsWrap4 .cont .processWrap { justify-content:flex-start; }
	.forsWrap4 .cont .processWrap > li { flex-basis:100% !important; flex-direction:column; }
	.forsWrap4 .cont .processWrap > li:not(:first-child)::before { display:block; position:relative; width:38px; height:50px; top:-10px; transform:rotate(90deg); }
	.forsWrap4 .cont .processWrap > li:not(:first-child) > p { width:100%; }
}

/* 교수학습센터 - Learning GYM */
.learnBox1 {}
.learnBox1::after { content:""; display:block; background:url("/sites/templetstyleguide/images/guide/box_arr_d.png") no-repeat center center; padding:40px 0; }
.learnBox1 > .tit { background:#b92f75; color:#fff; font-weight:bold; text-align:center; font-size:24px; padding:15px; border-top-right-radius:15px; }
.learnBox1 > .cont { border-bottom-left-radius:15px; background-color:#fce8f2; padding:30px; text-align:center; font-size:20px; }


.learnBox2 {}
.learnBox2::after { content:""; display:block; background:url("/sites/templetstyleguide/images/guide/box_arr_d.png") no-repeat center center; padding:40px 0; }
.learnBox2 > .tit { background:#0067c3; color:#fff; font-weight:bold; text-align:center; font-size:24px; padding:15px; border-top-right-radius:15px; }
.learnBox2 > .cont { border-bottom-left-radius:15px; background-color:#e8f4ff; padding:10px 60px; }

.learnBox2 > .cont > .iconBox > li { background-color:#fff; }
.learnBox2 > .cont > .iconBox > li > dl { padding-top:40px; }
.learnBox2 > .cont > .iconBox > li > .icBg { background-color:none; width:72px; height:60px; top:-37px; left:20px; }
.learnBox2 > .cont > .iconBox.c2 > li > .icBg { background:none; } 
.learnBox2 > .cont > .iconBox .subTit { padding-top:10px; color:#0067c3; font-weight:bold; }
.learnBox2 > .cont > .iconBox .programBox { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; }
.learnBox2 > .cont > .iconBox .programBox > li { flex: 1 0 auto; margin-right:10px; text-align:center; border-radius:15px; background-color:#e5f5fe; padding:7px 20px; }

.learnBox3 {}
.learnBox3::after { content:""; display:block; background:url("/sites/templetstyleguide/images/guide/box_arr_d.png") no-repeat center center; padding:40px 0; }
.learnBox3 > .tit { background:#ff7200; color:#fff; font-weight:bold; text-align:center; font-size:24px; padding:15px; border-top-right-radius:15px; }
.learnBox3 > .cont { border-bottom-left-radius:15px; background-color:#f4efea; padding:30px; text-align:center;  }
.learnBox3 > .cont > .nList_1 > li { text-align:left; padding-left:40px; margin-bottom:10px;}
.learnBox3 > .cont > .nList_1 > li::before { background:#ff7200; border-radius:0; width:25px; height:25px; top:0; }

.learnBox4 {}
.learnBox4 > .tit { background:#a18e6b; color:#fff; font-weight:bold; text-align:center; font-size:24px; padding:15px; border-top-right-radius:15px; }
.learnBox4 > .cont { border-bottom-left-radius:15px; background-color:#f2f2f2; padding:30px; text-align:center;  }
.learnBox4 > .cont > .nList_1 > li { text-align:left; padding-left:40px; margin-bottom:10px;}
.learnBox4 > .cont > .nList_1 > li::before { background:#a18e6b; border-radius:0; width:25px; height:25px; top:0; }

/* 학습지원 - 운영프로그램 */
.stepWrap { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.stepWrap > li { border-radius:10px; background-color:#e5f5fe; text-align:center; padding:10px; margin-bottom:10px; }
.stepWrap > li:not(:first-child) { margin-left:5%; position:relative;  }
.stepWrap > li:not(:first-child)::before { position:absolute; content:""; background:url("/sites/templetstyleguide/images/guide/box_arr_r.png") no-repeat center center; background-size:contain; width:12px; height:19px; top:50%; left:-20px; transform:translateY(-50%); }
.stepWrap > li > .tit { font-weight:bold; font-size:13px; } 
.stepWrap > li > .cont { font-size:13px; }
.stepWrap > li p { margin-bottom:0; }