/*** 공통 ***/
.contents.vision {background:#fff; padding:120px 0;}
.contents .subpart+.subpart {padding-top:120px;}
.subpart .inner {max-width:1400px; margin:0 auto;}
.subpart h2 {font-size:40px; font-weight:700; color:#000; text-align:center;}

/*** 비전 및 목표 ***/
.v_target ul {display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:120px;}
.v_target ul li {display:flex; gap:40px;}
.v_target .icon_bx {background:var(--base2-2); width:120px; height:120px; border-radius:15px; display:flex; justify-content:center; align-items:center;}
.v_target .txt {width:calc(100% - 160px); color:#000;}
.v_target .txt dt {font-size:24px; font-weight:700;}
.v_target .txt dd {padding-top:40px; font-size:18px; position:relative; letter-spacing:-0.5px;}
.v_target .txt dd:before {content:""; display:block; width:50px; height:2px; background:var(--base1); position:absolute; top:20px;}

/*** 인재 양성을 위한 교육연구단의 기저 전략 ***/
.strategy .inner {position:relative;}
.strategy h3, .strategy ol {text-align:center; position:relative; z-index:2;}
.strategy h3 {color:#fff; padding-top:150px; font-size:50px; font-weight:700;}
.strategy h3 small {display:block; font-size:32px; margin-bottom:12px;}
.strategy .bg_bx {height:450px; width:100%; background:#000 url(/images/intro/vision_bg1.png) no-repeat center / cover; border-radius:20px; position:absolute;}
.strategy ol {display:grid; grid-template-columns:repeat(5,1fr); gap:20px; padding:50px 50px 0; }
.strategy ol li {background:#fff; box-shadow:10px 10px 20px 0 rgba(0, 0, 0, 0.15); padding:40px; border-radius:20px;}
.strategy ol li .num {color:var(--base1); font-weight:900; font-size:36px;}
.strategy ol li p {margin-top:20px; font-size:18px; color:#000;}

/*** 목표 ***/
.goals ul {display:grid; grid-template-columns:1fr 1fr 1fr; gap:80px; color:#000; text-align:center;}
.goals ul h3 {font-size:32px; font-weight:700;}
.goals ul .img {margin:20px 0;}
.goals ul .img img {aspect-ratio:413.33/250; object-fit:cover; border-radius:20px; width:100%; max-width:400px;}

/* ************************ 태블릿 이하(~1249) ************************ */
@media screen and (max-width: 1249px) { 
/*** 공통 ***/
.contents.vision {background:#fff; padding:80px 30px;}
.subpart h2 {font-size:30px;}
.contents .subpart+.subpart {padding-top:80px;}

/*** 비전 및 목표 ***/
.v_target ul {margin-top:80px;}
.v_target ul li {gap:30px;}
.v_target .icon_bx {width:100px; height:100px;}
.v_target .icon_bx img {width:45px;}
.v_target .txt dt {font-size:20px;}
.v_target .txt dd {font-size:16px; padding-top:30px;}
.v_target .txt dd:before {top:14px;}

/*** 인재 양성을 위한 교육연구단의 기저 전략 ***/
.strategy .bg_bx {height:360px;}
.strategy h3 {font-size:40px; padding-top:100px;}
.strategy h3 small {font-size:24px;}
.strategy ol li {padding:30px;}
.strategy ol li .num {font-size:30px;}
.strategy ol li p {margin-top:10px; font-size:16px;}

/*** 목표 ***/
.goals ul {gap:50px;}
.goals ul h3 {font-size:24px;}
}

/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
/*** 공통 ***/
.contents.vision {background:#fff; padding:60px 30px;}
.subpart h2 {font-size:26px;}
.contents .subpart+.subpart {padding-top:60px;}

/*** 비전 및 목표 ***/
.v_target ul {margin-top:60px; grid-template-columns:1fr; gap:40px;}
.v_target ul li {gap:30px;}
.v_target .icon_bx {width:90px; height:90px;}
.v_target .icon_bx img {width:40px;}
.v_target .txt {width:calc(100% - 120px);}
.v_target .txt dt {font-size:20px;}
.v_target .txt dd {font-size:16px; padding-top:30px;}
.v_target .txt dd:before {top:14px;}

/*** 인재 양성을 위한 교육연구단의 기저 전략 ***/
.strategy .bg_bx {display:none;}
.strategy h3 {font-size:30px; padding-top:0; color:#000;}
.strategy h3 small {font-size:18px;}
.strategy ol {grid-template-columns:repeat(2,1fr);}
.strategy ol li {padding:25px;}
.strategy ol li .num {font-size:24px;}
.strategy ol li p {margin-top:10px; font-size:16px;}

/*** 목표 ***/
.goals ul {gap:30px;}
.goals ul h3 {font-size:20px;}
.goals ul p {font-size:16px;}
}

/* ************************ 태블릿 이하(~767) ************************ */
@media screen and (max-width: 767px) { 
/*** 공통 ***/
.contents.vision {background:#fff; padding:50px 30px;}
.subpart h2 {font-size:24px;}
.contents .subpart+.subpart {padding-top:50px;}

/*** 비전 및 목표 ***/
.v_target ul {margin-top:50px; grid-template-columns:1fr; gap:40px;}
.v_target ul li {gap:20px;}
.v_target .icon_bx {width:80px; height:80px;}
.v_target .icon_bx img {width:35px;}
.v_target .txt {width:calc(100% - 100px);}
.v_target .txt dt {font-size:18px;}
.v_target .txt dd {font-size:16px; padding-top:30px;}
.v_target .txt dd:before {top:14px;}

/*** 인재 양성을 위한 교육연구단의 기저 전략 ***/
.strategy .bg_bx {display:none;}
.strategy h3 {font-size:24px; padding-top:0; color:#000;}
.strategy h3 small {font-size:16px;}
.strategy ol {grid-template-columns:repeat(2,1fr); padding:50px 0 0;}
.strategy ol li {padding:25px;}
.strategy ol li .num {font-size:24px;}
.strategy ol li p {margin-top:10px; font-size:16px;}

/*** 목표 ***/
.goals ul {gap:30px; grid-template-columns:1fr; row-gap:40px;}
.goals ul h3 {font-size:20px;}
.goals ul p {font-size:16px;}

}

/* ************************ 태블릿 이하(~500) ************************ */
@media screen and (max-width: 500px) { 
/*** 공통 ***/
.contents.vision {background:#fff; padding:50px 20px;}
.subpart h2 {font-size:24px;}

/*** 비전 및 목표 ***/
.v_target ul {margin-top:40px; grid-template-columns:1fr; gap:40px;}
.v_target ul li {flex-direction:column; gap:20px; position:relative;}
.v_target .icon_bx {position:absolute; width:60px; height:60px; right:0;}
.v_target .icon_bx img {width:30px;}
.v_target .txt {width:100%; }
.v_target .txt dt {font-size:18px;}
.v_target .txt dd {font-size:16px; padding-top:45px;}
.v_target .txt dd:before {top:16px;}

/*** 인재 양성을 위한 교육연구단의 기저 전략 ***/
.strategy .bg_bx {display:none;}
.strategy h3 {font-size:24px; padding-top:0; color:#000;}
.strategy h3 small {font-size:16px;}
.strategy ol {grid-template-columns:1fr; padding:40px 0 0;}
.strategy ol li {padding:25px;}
.strategy ol li .num {font-size:24px;}
.strategy ol li p {margin-top:10px; font-size:16px;}

/*** 목표 ***/
.goals ul {gap:30px; grid-template-columns:1fr; row-gap:40px;}
.goals ul h3 {font-size:20px;}
.goals ul p {font-size:16px;}

}