/* 공통 */
.point_color{color:#0d3380}
.h3_butt{position:relative;padding-left:18px;font-size:23px !important;color:#000;line-height:30px;padding-bottom:20px;font-weight:400 !important;clear:both;width:100%}
.h3_butt:before{position:absolute;left:0;top:2px;content:'';background:#b55e5e;width:7px;height:25px}
.h4_butt{font-size:20px !important;color:#bd7822;font-weight:700;padding:15px 0;clear:both;width:100%}
.h5_butt{font-size:18px;color:#0861c6;font-weight:500;padding:15px 0}


/* ul */
.ul_type1{margin:0 0 20px 0;width:100%;overflow:hidden}
	.ul_type1 li{padding-left:15px;position:relative;margin-bottom:5px;line-height:20px}
	.ul_type1 li:last-child{margin-bottom:0}
	.ul_type1 li:before{content:'';display:block;position: absolute;left:0px;top:12px;border-radius:50%;width:4px;height:4px;background-color:#999}
	.ul_type1 li strong{color:#555;font-weight:400}


.ul_type2{margin:0;width:100%;overflow:hidden}
.ul_type2 li{padding-left:15px;position:relative;margin-bottom:5px;line-height:20px}
.ul_type2 li:last-child{margin-bottom:0}
.ul_type2 li:before{content:'';display:block;position: absolute;left:0px;top:9px;border-radius:50%;width:7px;height:1px;background-color:#999}
.ul_type2 li strong{color:#555;font-weight:400}

.ul_pad1{padding-top:20px}

/* text */
p.text_type1{font-size:17px;line-height:35px;color:#555}

/* table */
.table_type1{border-collapse:separate;border-spacing:5px 0px;word-break:break-word;padding-bottom:30px}
.table_type1 td,.table_type1 th{border-bottom:1px #ddd solid}
.table_type1 th{background:#f5eae3;color:#3e3737;vertical-align:middle;font-weight:700;line-height:25px;height:55px;font-size:16px}
.table_type1 td{padding:12px 15px;line-height:22px;font-size:15px;text-align:center}
.table_type1 tr:first-child td,.table_type1 tr:first-child th{border-top:2px #866853 solid}
.table_type1-thead tbody tr:first-child td{border-top:0;}
.table_type1 li{position:relative}
.table_type1 table th:first-child{margin-top:0}
.table_type1 table td{border:1px solid #e6ddda;word-break:inherit;text-align:center}
.table_type1 table tr:first-child td{border-top:0;}
.table_type1 table thead th{border:1px solid #d2c6c1;/* border:1px 0 0 1px */}

.table_type1 table thead th:first-child,.table_type1 table tbody td:first-child{ border-left-width:0}
.table_type1 table thead th:last-child,.table_type1 table tbody td:last-child{border-right-width:0}
.table_type1 .m_info{display:none}

.txtl{text-align:left !important}
.h320{height:230px}

/* img */
.imgbox{text-align:center;padding:50px 0}


.from {overflow:hidden;text-align:center;padding-left:260px}
.from ul li{width:31%;display:inline-block;border:1px solid #ddd;font-size:16px;padding:10px 30px;text-align:center;margin:5px;color:#333}
.from h4{top:30px;padding:10px;text-align:center;background:#f2f2f2;width:30%;font-size:17px;color:#333;margin:0 auto 15px}

/* 소개 */
.greed_01{background:url(/pages/eiri/img/sub/greed_bg3.png) no-repeat left center}
.greed_02{background:url(/pages/eiri/img/sub/greed_bg4.png) no-repeat left center}
.greed_03{background:url(/pages/eiri/img/sub/greed_bg5.png) no-repeat left center}
.greed_04{background:url(/pages/eiri/img/sub/greed_bg6.png) no-repeat left center / 230px}
.greed_06{background:url(/pages/eiri/img/sub/greed_bg8.png) no-repeat left center}

.greed_txt{text-align:center;padding-top:400px;background-position:center top;width:98%;margin:0 auto 100px; }
.greed_txt .greed_top{font-size:30px;color:#333;padding:0 0 30px;font-weight:800}
.greed_txt .text_type1{font-size:18px}


/* 교육혁신연구원 */

/* 비전 및 운영전략 */
	.s0104_opsysbox{overflow:hidden;width:100%;margin-bottom:50px}
	.s0104_opsysbox > dl {overflow:hidden;width:100%;margin:0 0 5px}
	.s0104_opsysbox > dl dt{float:left;padding:10px;text-align:center;background:#f2f2f2;width:20%;font-size:17px;color:#333;margin-right:10px}
	.s0104_opsysbox > dl dd{border:1px solid #ddd;padding:10px 5px;text-align:center;font-size:15px;color:#666;float:left;width:26%;margin-right:7px}
	.s0104_opsysbox > dl dd span{font-size:18px;margin-top:0px;display:block; margin-bottom: 10px; padding: 10px 0; background: #eee;}
	.s0104_opsysbox > dl dd:last-child {margin-right:0 !important}
	.s0104_opsysbox > dl dd.ddw100{width:calc(100% - 20% - 10px);margin:0 }
	.s0104_opsysbox > dl dd.ddw20{width:15%;margin-right:13px}
	.s0104_opsysbox > dl dd.ddw33{width:26%;margin-right:7px}
	.s0104_opsysbox > dl dd.goal{background:#dea043;border:none;color:#fff;font-size:17px;font-weight:600}
	.s0104_opsysbox > dl dd.goal2{background:#ca5940;border:none;color:#fff;font-size:17px;font-weight:600}
	.s0104_opsysbox > dl dd.goal3 h5{text-align:center;font-size:20px;font-weight:700;color:#333;padding:15px}
	.s0104_opsysbox > dl dd.goal3 ul{padding:20px 200px}
	.s0104_opsysbox > dl dd.goal3 li{text-align:left !important;padding:0 0 10px;font-size:16px;color:#333;padding-left:30px;clear:both}
	.s0104_opsysbox > dl dd.goal3 li p{font-weight:700;margin-right:10px;float:left}
	.s0104_opsysbox > dl dd.goal3 li p span{font-size:20px;display:inline}
	.s0104_opsysbox > dl dd.goal3 li p span.l{color:#ef8337}
	.s0104_opsysbox > dl dd.goal3 li p span.i{color:#25b6b9}
	.s0104_opsysbox > dl dd.goal3 li p span.g{color:#bb569c}
	.s0104_opsysbox > dl dd.goal3 li p span.h{color:#9dbd3a}
	.s0104_opsysbox > dl dd.goal3 li p span.t{color:#f9cb00}
	.s0104_opsysbox > dl dd.bg1{background:#ffdfad;color:#333;font-weight:600;border:none }
	.s0104_opsysbox > dl dd.bg2{background:#ffc7ad;color:#333;font-weight:600;border:none }
	.s0104_opsysbox .arrow{width:100%;height:1px;background:#ddd;position:relative;margin:50px 0}
	.s0104_opsysbox .arrow:before{top:-33px;position:absolute;right:0;width:992px;height:57px;background:url(/pages/eiri/img/sub/arrow01.png) no-repeat 0 0;content:''}

	.operation_strategy {position:relative;padding-left:260px}
	.operation_strategy h4{position:absolute;left:65%;margin-left:-125px;top:235px;padding:20px;text-align:center;width:12%;font-size:17px;color:#333;margin-right:10px;z-index:99}
	.operation_strategy ul{position:relative;width:61%;margin:0 auto;overflow:hidden;height:550px;;background:url(/pages/eiri/img/sub/arrow_circle6.png) no-repeat center center}
	.operation_strategy li{width:150px;height:150px;border-radius:50%;color:#fff;text-align:center;box-sizing:border-box;position:absolute;padding:50px 10px;font-size:16px;line-height:25px}
	.operation_strategy .itm1{left:51%;margin-left:-75px;top:0;background:#b39a77;}
	.operation_strategy .itm2{left:10%;top:100px;background:#8c7e69;}
	.operation_strategy .itm3{right:7%;top:100px;background:#8c7e69;padding:63px 10px}
	.operation_strategy .itm4{left:10%;top:290px;background:#8a6126;padding:35px 10px}
	.operation_strategy .itm5{right:10%;top:290px;background:#b1874b;}
	.operation_strategy .itm6{left:51%;bottom:15px;margin-left:-75px;background:#b1874b;}
	.operation_strategy .circle{width:400px;height:400px;border-radius:50%;display:block;position:absolute;top:50px;left:533px;z-index:-1}

/* 교수학습지원센터 */

	/* 환류시스템 */
	.s0204_sysbox{border:1px solid #ddd;width:calc(100% / 2  - 16px);float:left;padding:0 0 20px;height:350px;position:relative}
	.s0204_sysbox h4{text-align:center;font-size:18px;padding:13px;background:#3dc1bb;color:#fff}
	.s0204_sysbox dl {position:relative;width:calc(100% / 3 - 31px);float:left;margin:0 15px}
	.s0204_sysbox dl dt{font-size:16px;text-align:center;padding:10px;border:1px solid #ddd;margin:10px 0 10px;border-radius:5px}
	.s0204_sysbox dl dd{position:relative;font-size:15px;padding:2px 0 2px 15px;line-height:22px}
	.s0204_sysbox dl dd:before{position:absolute;width:4px;height:4px;background:#aaa;left:0;top:12px;content:''}
	.s0204_sysbox .di_first:after{position:absolute;right:-27px;top:15px;content:'';background:url(/pages/eiri/img/sub/dia_arrow2.png) no-repeat 0 0;width:27px;height:32px}
	.s0204_sysbox .from{border:1px solid #ddd;clear:both;text-align:center;padding:12px;margin:10px;font-size:16px;font-weight:600;color:#333;box-sizing:border-box;position:absolute;left:0;bottom:0;right:0}
	.s0204_sysbox .from:before{display:none}

	.s0204_sysbox.sys1{margin:0 30px 30px 0}
	.s0204_sysbox.sys2{margin:0 0 30px 0}
	.s0204_sysbox.sys3{margin: 0;float:right}
	.s0204_sysbox.sys4{margin:0 30px 30px 0}
	.s0204_sysbox.sys1:after{position:absolute;content:'';border-top: 50px solid transparent;border-right: 50px solid transparent;border-bottom: 50px solid transparent;border-left: 30px solid #ddd;top:40%;right:-80px}
	.s0204_sysbox.sys2:after{position:absolute;content:'';border-top: 30px solid #ddd;border-right: 50px solid transparent;border-bottom: 30px solid transparent;border-left: 50px solid transparent;bottom:-62px;left:41%}
	.s0204_sysbox.sys3:after{position:absolute;content:'';border-top: 50px solid transparent;border-right: 30px solid #ddd;border-bottom: 50px solid transparent;border-left: 30px solid transparent;top:40%;left:-61px}
	.s0204_sysbox.sys4:after{position:absolute;content:'';border-top: 30px solid transparent;border-right: 50px solid transparent;border-bottom: 30px solid #ddd;border-left: 50px solid transparent;top:-60px;left:41%}
	.s0204_sysbox.sys3 dl, .s0204_sysbox.sys4 dl{width:45%}

	/* 교수지원 */
	.s0203_opsysbox{overflow:hidden;width:100%;margin-bottom:30px}
	.s0203_opsysbox > dl {overflow:hidden;width:100%;margin:0 0 5px}
	.s0203_opsysbox > dl dt{float:left;padding:10px;line-height: 23px;text-align:center;background:#f2f2f2;width:20%;font-size:17px;color:#333;margin-right:10px}
	.s0203_opsysbox > dl dd{border:1px solid #ddd;padding:10px 5px;text-align:center;font-size:15px;color:#666;float:left;width:26%;margin-right:7px}
	.s0203_opsysbox > dl dd:last-child {margin-right:0 !important}
	.s0203_opsysbox > dl dd.ddw100{width:calc(100% - 20% - 10px);margin:0 }
	.s0203_opsysbox > dl dd.ddw20{width:15%;margin-right:13px}
	.s0203_opsysbox > dl dd.ddw33{width:26%;margin-right:7px}
	.s0203_opsysbox > dl dd.goal{background:#d6621e;border:none;color:#fff;font-size:20px;font-weight:600;}
	.s0203_opsysbox .arrow{width:100%;height:1px;background:#ddd;position:relative;margin:50px 0}
	.s0203_opsysbox .arrow:before{top:-33px;position:absolute;right:0;width:992px;height:57px;background:url(/pages/eiri/img/sub/arrow01.png) no-repeat 0 0;content:''}
	

	.goal_s {width:calc(100% - 20% );float:right;overflow:hidden}
	.goal_s dl{width:calc(100% / 3 - 10px);margin-left:10px;float:left;background:#fff8ec;border:1px solid #ddd;margin-bottom:10px}
	.goal_s dt{text-align:center;padding:14px;;color:#333;font-size:15px;font-weight:600;border-bottom:1px solid #ddd}
	.goal_s dd{;padding: 10px;}
    .goal_s .box{width:99%;border: solid 1px #eee;display: block;float: left;padding: 20px 0;text-align: center;margin-left: 10px;margin-bottom: 30px;font-size: 16px;}

	.s0203_diagram{position:relative;width:450px;margin-left:535px;overflow:hidden;height:550px;}
	.s0203_diagram h4{position:absolute;left:58%;top:43%;width:100px;font-size:20px;color:#333;margin-left:-62px}
	.s0203_diagram ul{background:url(/pages/eiri/img/sub/arrow_circle3.png) no-repeat center center;height:550px}
	.s0203_diagram li{width:150px;height:150px;border-radius:50%;color:#fff;text-align:center;box-sizing:border-box;position:absolute;padding:50px 10px;font-size:16px;line-height:25px}
	.s0203_diagram .itm1{left:51%;margin-left:-75px;top:10px;background:#d29714;}
	.s0203_diagram .itm2{left:0;top:300px;background:#bb5f28;padding:63px 10px}
	.s0203_diagram .itm3{right:0;top:300px;background:#9e6738;}



	/* 학습지원 */
	.s0203_opsysbox > dl dd.goal2{background:#ce4343;border:none;color:#fff;font-size:20px;font-weight:600}

	.goal_s2 {width:calc(100% - 20% );float:right;overflow:hidden}
	.goal_s2 dl{width:calc(100% / 3 - 10px);margin-left:10px;float:left;background:#fff1ec;border:1px solid #ddd;    margin-bottom: 10px;}
	.goal_s2 dt{text-align:center;padding:14px;color:#333;font-size:15px;font-weight:600;border-bottom:1px solid #ddd;margin-bottom:10px}
	.goal_s2 dd{padding:10px 10px 0;height:130px}
    .goal_s2 .box{width:99%;border: solid 1px #eee;display: block;float: left;padding: 20px 0;text-align: center;margin-left: 10px;margin-bottom: 30px;font-size: 16px;}

	.s0203_diagram2{position:relative;width:450px;margin-left:535px;overflow:hidden;height:550px}
	.s0203_diagram2 ul{background:url(/pages/eiri/img/sub/arrow_circle3.png) no-repeat center center;height:550px}
	.s0203_diagram2 h4{position:absolute;left:54%;top:43%;width:100px;font-size:20px;color:#333;margin-left:-62px;text-align:center}
	.s0203_diagram2 li{width:150px;height:150px;border-radius:50%;color:#fff;text-align:center;box-sizing:border-box;position:absolute;padding:50px 10px;font-size:16px;line-height:25px}
	.s0203_diagram2 .itm1{left:51%;margin-left:-75px;top:10px;background:#d47d6a;padding:35px 10px}
	.s0203_diagram2 .itm2{left:0;top:300px;background:#908480;}
	.s0203_diagram2 .itm3{right:0;top:300px;background:#7b5648;}

	
	/* 교수 운영체계 */
	.s0204_opsysbox{overflow:hidden;width:100%;margin-bottom:50px}
	.s0204_opsysbox > dl {overflow:hidden;width:100%;margin:0 0 5px}
	.s0204_opsysbox > dl dt{float:left;padding:20px;text-align:center;background:#f2f2f2;width:20%;font-size:17px;color:#333;margin-right:10px}
	.s0204_opsysbox > dl dd{border:1px solid #ddd;padding:20px 5px;text-align:center;font-size:15px;color:#666;float:left;width:26%;margin-right:7px}
	.s0204_opsysbox > dl dd:last-child {margin-right:0 !important}
	.s0204_opsysbox > dl dd.ddw100{width:calc(100% - 20% - 11px);margin:0 }
	.s0204_opsysbox > dl dd.ddw20{width:15%;margin-right:13px}
	.s0204_opsysbox > dl dd.ddw33{width:26%;margin-right:7px}
	.s0204_opsysbox > dl dd.goal{background:#d6621e;border:none;color:#fff;font-size:20px;font-weight:600}
	.s0204_opsysbox > dl dd.goal2{background:#ce4343;border:none;color:#fff;font-size:20px;font-weight:600}
	.s0204_opsysbox > dl dd.bg1{background:#ffdfad;color:#333;font-weight:600;border:none }
	.s0204_opsysbox > dl dd.bg2{background:#ffc7ad;color:#333;font-weight:600;border:none }
	.s0204_opsysbox .arrow{width:100%;height:1px;background:#ddd;position:relative;margin:50px 0}
	.s0204_opsysbox .arrow:before{top:-33px;position:absolute;right:0;width:992px;height:57px;background:url(/pages/eiri/img/sub/arrow01.png) no-repeat 0 0;content:''}
	.goalbox{width:calc(100% - 20% - 11px);float:right;overflow:hidden;margin-bottom:10px}
	.goalbox dl{width:calc(100% / 5 - 9px);margin-right:10px;float:left;border:1px solid #ddd;padding:10px 10px 25px;font-size:16px;background:#fff8ec}
	.goalbox dl dt{font-size:17px;font-weight:700;text-align:center;color:#333;border-bottom:1px solid #ddd;padding:10px 0}
	.goalbox dl dd{padding:20px 0 0;color:#333}
	.goalbox dl:last-child {margin-right:0 !important}
	.goalbox2{width:calc(100% - 20% - 11px);float:right;overflow:hidden;margin-bottom:10px}
	.goalbox2 dl{width:calc(100% / 4 - 8px);margin-right:10px;float:left;border:1px solid #ddd;padding:10px 10px 25px;font-size:16px;background:#fff1ec;height:230px}
	.goalbox2 dl dt{font-size:17px;font-weight:700;text-align:center;color:#333;border-bottom:1px solid #ddd;padding:10px 0}
	.goalbox2 dl dd{padding:20px 0 0;color:#333}
	.goalbox2 dl:last-child {margin-right:0 !important}

	/*	프로그램안내	*/
	.edu_programwrap dl dt{font-weight:600;padding:10px 0;color:#333}
	.edu_programwrap dl dd{position:relative;padding-left:13px;overflow:hidden}
	.edu_programwrap dl dd:before{position:absolute;width:8px;height:1px;background:#aaa;left:0;top:10px;display:block;content:''}
	.edu_programwrap dl dd.how{padding:0}
	.edu_programwrap dl dd.how:before{display:none}
	.edu_programwrap dl dd ul li{position:relative;padding:8px 20px;float:left;margin-right:20px;color:#fff;margin-bottom:4px}
	.edu_programwrap dl dd ul li:after{position:absolute;width:15px;height:18px;background:url(/pages/eiri/img/sub/arrow03.png);right:-20px;top:7px;display:block;content:''}
	.edu_programwrap dl dd ul li:last-child:after{display:none}
	.edu_programwrap dl dd ul li.step01{background: #ef7474}
	.edu_programwrap dl dd ul li.step02{background: #e4a341}
	.edu_programwrap dl dd ul li.step03{background: #9fc348}
	.edu_programwrap dl dd ul li.step04{background: #45cac3}
	.edu_programwrap dl dd ul li.step05{background: #45a5ca}
	.edu_programwrap dl dd ul li.step06{background: #c76ca3}
	.edu_programwrap dl dd ul li.step07{background: #b058c5}
	.edu_programwrap dl dd ul li.step08{background: #5369d2}





	.program_photo ul li{width:calc(100% / 4 - 7px);float:left;margin:0 9px 20px 0}
	.program_photo ul li:nth-child(4n){margin-right:0}
	.program_photo ul li p{padding:8px 0 20px;font-size:16px;font-weight:700;color:#333;line-height:27px;height:60px}

	.tab_type1{overflow:hidden;margin-bottom:30px}
	.tab_type1 ul li a{float:left;width:33.3%;text-align:center;padding:18px 0;font-size:17px;border:1px solid #ddd;margin-left:-1px;}
	.tab_type1 ul li a.on{background:#e86d25;color:#fff}
	.tab_type1 ul li a.on:hover{background:#e86d25;color:#fff}
	.tab_type1 ul li a:hover{background:#f2f2f2}
	.tab_type1 ul li:first-child a{margin:0}




/* 이러닝 */

	/* 업무소개 */
	.s0304_wrap{width:690px;margin:0 auto;height:400px}
	.s0304_wrap li{border:1px solid #ddd;float:left;border-radius:50%;padding-top:125px;width:220px;height:220px;text-align:center;font-size:16px;line-height:22px;margin:5px}
	.s0304_wrap li.itm1{background:url(/pages/eiri/img/sub/s0304_ico01.png) no-repeat center 30px}
	.s0304_wrap li.itm2{background:url(/pages/eiri/img/sub/s0304_ico02.png) no-repeat center 30px}
	.s0304_wrap li.itm3{background:url(/pages/eiri/img/sub/s0304_ico03.png) no-repeat center 30px}
	.s0304_wrap li.itm4{background:url(/pages/eiri/img/sub/s0304_ico04.png) no-repeat center 30px}
	.s0304_wrap li.itm5{background:url(/pages/eiri/img/sub/s0304_ico05.png) no-repeat center 30px}
	.s0304_wrap li.itm6{background:url(/pages/eiri/img/sub/s0304_ico06.png) no-repeat center 30px}


	/* 프로그램운영시스템 */
	.s0303_opsysbox{overflow:hidden;width:100%;margin-bottom:50px}
	.s0303_opsysbox > dl {overflow:hidden;width:100%;margin:0 0 5px}
	.s0303_opsysbox > dl dt{float:left;padding:10px;text-align:center;background:#f2f2f2;width:20%;font-size:17px;color:#333;margin-right:10px}
	.s0303_opsysbox > dl dd{border:1px solid #ddd;padding:10px 5px;text-align:center;font-size:15px;color:#666;float:left;width:26%;margin-right:7px}
	.s0303_opsysbox > dl dd:last-child {margin-right:0 !important}
	.s0303_opsysbox > dl dd.ddw100{width:calc(100% - 20% - 10px);margin:0 }
	.s0303_opsysbox > dl dd.ddw20{width:15%;margin-right:13px}
	.s0303_opsysbox > dl dd.ddw33{width:26%;margin-right:7px}
	.s0303_opsysbox > dl dd.goal{background:#e8a60f;border:none;color:#fff;font-size:20px;font-weight:600}
	.s0303_opsysbox .arrow{width:100%;height:1px;background:#ddd;position:relative;margin:50px 0}
	.s0303_opsysbox .arrow:before{top:-33px;position:absolute;right:0;width:992px;height:57px;background:url(/pages/eiri/img/sub/arrow01.png) no-repeat 0 0;content:''}
    .s0303_opsysbox .title { float: left; padding: 10px; text-align: center; background: #f2f2f2; width: 20%; font-size: 17px;
    color: #333; }
	 .s0303_box{width:100%; float:left}
	 .s0303_box .goal_s2 dl {
    width: calc(100% / 2 - 10px);
    margin-left: 10px;
    float: left;
    background: #fff1ec;
    border: 1px solid #ddd;
    margin-bottom: 10px;
}
	/* 공개강의 브랜드화전략 */
	.s0303_brand{overflow:hidden;width:100%;margin-bottom:50px}
	.s0303_brand dl{position:relative;width:31%;float:left;border:1px solid #ddd;margin-right:3.5%;height:160px}
	.s0303_brand dl dt {text-align:center;font-size:17px;line-height:25px;margin-bottom:20px;padding:10px 0;color:#fff;font-weight:500}
	.s0303_brand dl dt span{display:block}
	.s0303_brand dl dd{padding-left:30px;font-size:15px}
	.s0303_brand dl.step1 dt{background:#e85f0f} 
	.s0303_brand dl.step2 dt{background:#964f25} 
	.s0303_brand dl.step3 dt{background:#5d4638} 
	.s0303_brand dl.step3{margin:0}
	.s0303_brand dl:after{position:absolute;content:'';border-top: 50px solid transparent;border-right: 50px solid transparent;border-bottom: 50px solid transparent;border-left: 30px solid #ddd;top:15%;right:-90px}
	.s0303_brand dl.step3:after{display:none}

	/* 환류체계 */
	.s0303_sysbox{border:1px solid #ddd;width:calc(100% / 2  - 15px);float:left;padding:0 0 20px;height:320px;position:relative}
	.s0303_sysbox h4{text-align:center;font-size:18px;padding:13px;background:#8e7557;color:#fff}
	.s0303_sysbox dl {width:calc(100% / 3 - 31px);float:left;margin:0 15px;position:relative;height:93%}
	.s0303_sysbox dl dt{font-size:16px;text-align:center;padding:14px;border:1px solid #ddd;margin:10px 0 10px;border-radius:5px}
	.s0303_sysbox dl dd{position:relative;font-size:15px;padding:2px 0 2px 15px;line-height:22px}
	.s0303_sysbox dl dd:before{position:absolute;width:4px;height:4px;background:#aaa;left:0;top:12px;content:''}
	.s0303_sysbox .from{border:1px solid #ddd;clear:both;text-align:center;padding:12px;margin:10px;font-size:16px;font-weight:600;color:#333;box-sizing:border-box;position:absolute;left:0;bottom:0;right:0}
	.s0303_sysbox .from:before{display:none}
	.s0303_sysbox .di_first:after{position:absolute;right:-27px;top:15px;content:'';background:url(/pages/eiri/img/sub/dia_arrow2.png) no-repeat 0 0;width:27px;height:32px}

	.s0303_sysbox.sys1{margin:0 30px 30px 0}
	.s0303_sysbox.sys2{margin:0 0 30px 0}
	.s0303_sysbox.sys3{margin: 0;float:right}
	.s0303_sysbox.sys4{margin:0 30px 30px 0}
	.s0303_sysbox.sys1:after{position:absolute;content:'';border-top: 50px solid transparent;border-right: 50px solid transparent;border-bottom: 50px solid transparent;border-left: 30px solid #ddd;top:40%;right:-81px}
	.s0303_sysbox.sys2:after{position:absolute;content:'';border-top: 30px solid #ddd;border-right: 50px solid transparent;border-bottom: 30px solid transparent;border-left: 50px solid transparent;bottom:-62px;left:41%}
	.s0303_sysbox.sys3:after{position:absolute;content:'';border-top: 50px solid transparent;border-right: 30px solid #ddd;border-bottom: 50px solid transparent;border-left: 30px solid transparent;top:40%;left:-61px}
	.s0303_sysbox.sys4:after{position:absolute;content:'';border-top: 30px solid transparent;border-right: 50px solid transparent;border-bottom: 30px solid #ddd;border-left: 50px solid transparent;top:-60px;left:41%}
	.s0303_sysbox.sys2 dl, .s0303_sysbox.sys3 dl, .s0303_sysbox.sys4 dl{width:45%}


/* 비교과교육지원센터 */

	/* 업무소개 */
	.s0402_wrap{width:690px;margin:0 auto;height:400px}
	.s0402_wrap li{border:1px solid #ddd;float:left;border-radius:50%;padding-top:125px;width:220px;height:220px;text-align:center;font-size:16px;line-height:22px;margin:5px 5px 15px 5px}
	.s0402_wrap li.itm1{background:url(/pages/eiri/img/sub/s0402_ico01.png) no-repeat center 30px}
	.s0402_wrap li.itm2{background:url(/pages/eiri/img/sub/s0402_ico02.png) no-repeat center 30px}
	.s0402_wrap li.itm3{background:url(/pages/eiri/img/sub/s0402_ico03.png) no-repeat center 30px}
	.s0402_wrap li.itm4{background:url(/pages/eiri/img/sub/s0402_ico04.png) no-repeat center 30px;}
	.s0402_wrap li.itm5{background:url(/pages/eiri/img/sub/s0402_ico05.png) no-repeat center 30px}
	.s0402_wrap li.itm6{background:url(/pages/eiri/img/sub/s0402_ico06_.png) no-repeat center 30px}

.s0403_wrap{width:100%;margin:0 auto;}
.s0403_brand{overflow:hidden;width: 100%;margin-bottom:50px;background:url(/pages/eiri/img/sub/sub3_imgbg2.jpg) no-repeat center;padding: 0 8%;/* display: flex; */}
	.s0403_brand dl{display: inline-block;position:relative;width: 31%;float:left;border:1px solid #ddd;margin-right: 3.5%;height: 120px;margin-bottom: 15px;}
	.s0403_brand dl dt {text-align:center;font-size:17px;line-height:25px;margin-bottom:20px;padding:10px 0;color:#fff;font-weight:500}
	.s0403_brand dl dt span{display:block}
	.s0403_brand dl dd{padding-left:30px;font-size:15px}
	.s0403_brand dl.step1 dt{background:#e85f0f} 
	.s0403_brand dl.step2 dt{background:#964f25} 
	.s0403_brand dl.step3 dt{background:#5d4638}
	.s0403_brand dl.step4 dt{background:#964f25} 
	.s0403_brand dl.step5 dt{background:#5d4638} 
	.s0403_brand dl.step3{margin:0}
	.s0403_brand dl.step4{margin-left:15%}
	.s0403_brand dl:after{position:absolute;content:'';border-top: 50px solid transparent;border-right: 50px solid transparent;border-bottom: 50px solid transparent;border-left: 30px solid #ddd;top: 12%;right: -87px;}
	.s0403_brand dl.step3:after{display:none}
		.s0403_brand dl.step5:after{display:none}
.s0403_brand dl.step4:after {
    position: absolute;
    content: '';
    border-top: 50px solid transparent;
    border-left: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-right: 30px solid #ddd;
    top: 12%;
    right: -33px;}

    .s0403_box {float: left; width: 100%;margin-bottom:30px}
 	.s0403_box li{float:left; width: calc(100% / 2 - 22px);display: inline-block;margin: 2px 10px 20px 10px;}
	.s0403_box li dt{width:100%;height: 50px;padding:10px;text-align:center;color: #fff;font-size: 18px;background: #e85f0f;line-height: 30px;}
	.s0403_box li dd{width:100%;padding:10px;border:solid 2px #eee;line-height: 30px;height: 120px;}


	/* 운영체계 */
	.s0403_opsysbox{overflow:hidden;width:100%;margin-bottom:50px;background:url(/pages/eiri/img/sub/arrow02.png) no-repeat center 35px}
	.s0403_opsysbox > dl {overflow:hidden;width:100%;margin:0 0 5px}
	.s0403_opsysbox > dl dt{float:left;padding:10px;text-align:center;background:#f2f2f2;width:20%;font-size:17px;color:#333;margin-right:10px}
	.s0403_opsysbox > dl dd{border:1px solid #ddd;padding:10px 5px;text-align:center;font-size:15px;color:#666;float:left;width:26%;margin-right:7px;background:#fff}
	.s0403_opsysbox > dl dd:last-child {margin-right:0 !important}
	.s0403_opsysbox > dl dd.ddw100{width:calc(100% - 20% - 10px);margin:0 }
	.s0403_opsysbox > dl dd.ddw20{width:15%;margin-right:13px}
	.s0403_opsysbox > dl dd.ddw33{width:26%;margin-right:7px}
	.s0403_opsysbox > dl dd.goal{background:#e8a60f;border:none;color:#fff;font-size:20px;font-weight:600}

	.s0403_diagram1{position:relative;overflow:hidden;margin-top:70px !important}
	.s0403_diagram1 dt{text-align:center;background:none !important;width:100% !important;font-weight:600;font-size:20px !important}
	.s0403_diagram1 dd{width:49% !important;margin-bottom:10px;background:#af62bd !important;color:#fff !important;border:none !important}

	/* .s0403_diagram2{position:relative;width:50%;margin:0 auto;overflow:hidden;height:550px}
	.s0403_diagram2 h4{position:absolute;left:50%;top:42%;font-size:20px;color:#333;margin-left:-62px}
	.s0403_diagram2 li{width:150px;height:150px;border-radius:50%;color:#fff;text-align:center;box-sizing:border-box;position:absolute;padding:50px 10px;font-size:16px;line-height:25px} */

	.s0403_diagram2{position:relative;width:550px;margin:0 auto;overflow:hidden;height:550px;}
	.s0403_diagram2 h4{position:absolute;left:54%;top:45%;width:100px;font-size:20px;color:#333;margin-left:-62px;text-align:center}
	.s0403_diagram2 ul{background:url(/pages/eiri/img/sub/arrow_circle5.png) no-repeat center center;height:550px}
	.s0403_diagram2 li{width:150px;height:150px;border-radius:50%;color:#fff;text-align:center;box-sizing:border-box;position:absolute;padding:63px 10px;font-size:16px;line-height:25px}
	.s0403_diagram2 .itm1{left:50%;margin-left:-75px;top:0;background:#c391b1;}
	.s0403_diagram2 .itm2{right:3%;top:140px;background:#b37e9d;}
	.s0403_diagram2 .itm3{right:15%;bottom:50px;background:#a9516d;}
	.s0403_diagram2 .itm4{left:16%;bottom:50px;background:#792c5a;}
	.s0403_diagram2 .itm5{left:5%;top:140px;background:#4c1c3d;padding:50px 10px}
	.s0403_diagram2 .circle{width:400px;height:400px;border-radius:50%;border:1px dashed #a5a5a5;display:block;position:absolute;top:50px;left:110px;z-index:-1}

	.s0403_diagram3{position:relative;width:70%;margin:0 auto;overflow:hidden}
	.s0403_diagram3 h4{text-align:center;font-size:20px;font-weight:600;color:#333;margin-bottom:20px}
	.s0403_diagram3 p{width:100%;background:#b1287a;padding:10px 0;text-align:center;color:#fff;font-size:17px;font-weight:600}
	.s0403_diagram3 ul{border:1px solid #ddd;padding:20px;overflow:hidden}
	.s0403_diagram3 li{float:left;margin-right:30px;font-size:17px;padding:10px 0}

    
  .s0403_mk{width:100%; margin-bottom:30px; font-size: 16px;}
     .s0403_mk dl {width:100%; border: 1px solid #ddd; margin-bottom:20px}
	      .s0403_mk dl dt{width:100%;background: #ffad11;text-align: center;padding: 12px 0;color: #fff;font-size: 18px;}
          .s0403_mk dl dd{padding:20px 0;text-align: center;}
	.s0403_mk > dl dd ul li{padding:0px 0px;text-align:left; margin-left:10px;line-height: 20px;text-align: center;display: inline-block;}
	
	/* 환류모형 */
	.s0404_sysbox{border:1px solid #ddd;width:calc(100% / 2  - 15px);float:left;padding:0 0 20px;height:310px;position:relative}
	.s0404_sysbox h4{text-align:center;font-size:18px;padding:13px;background:#ce5c9b;color:#fff}
	.s0404_sysbox dl {width:calc(100% / 2 - 30px);float:left;margin:0 15px;position:relative}
	.s0404_sysbox dl dt{font-size:16px;text-align:center;padding:10px;border:1px solid #ddd;margin:10px 0 10px;border-radius:5px}
	.s0404_sysbox dl dd{position:relative;font-size:15px;padding:2px 0 2px 15px;line-height:22px}
	.s0404_sysbox dl dd:before{position:absolute;width:4px;height:4px;background:#aaa;left:0;top:12px;content:''}
	.s0404_sysbox .di_first:after{position:absolute;right:-27px;top:15px;content:'';background:url(/pages/eiri/img/sub/dia_arrow2.png) no-repeat 0 0;width:27px;height:32px}
	.s0404_sysbox.sys1{margin:0 30px 30px 0}
	.s0404_sysbox.sys2{margin:0 0 30px 0}
	.s0404_sysbox.sys3{margin: 0;float:right}
	.s0404_sysbox.sys4{margin:0 30px 30px 0}
	.s0404_sysbox.sys1:after{position:absolute;content:'';border-top: 50px solid transparent;border-right: 50px solid transparent;border-bottom: 50px solid transparent;border-left: 30px solid #ddd;top:40%}
	.s0404_sysbox.sys2:after{position:absolute;content:'';border-top: 30px solid #ddd;border-right: 50px solid transparent;border-bottom: 30px solid transparent;border-left: 50px solid transparent;bottom:-62px;left:41%}
	.s0404_sysbox.sys3:after{position:absolute;content:'';border-top: 50px solid transparent;border-right: 30px solid #ddd;border-bottom: 50px solid transparent;border-left: 30px solid transparent;top:40%;left:-61px}
	.s0404_sysbox.sys4:after{position:absolute;content:'';border-top: 30px solid transparent;border-right: 50px solid transparent;border-bottom: 30px solid #ddd;border-left: 50px solid transparent;top:-60px;left:41%}

	.s0404_p{clear:both;width:100%;display:block;padding:16px;text-align:center;font-size:18px;color:#fff;background:#a22a6d}

/* 교육성과관리센터 */

	/* 교육성과관리 - 업무소개 */
	.s0502_wrap{width:690px;margin:0 auto;height:540px}
	.s0502_wrap li{border:1px solid #ddd;float:left;border-radius:50%;padding-top:125px;width:220px;height:220px;text-align:center;font-size:15px;line-height:22px;margin:5px}
	.s0502_wrap li:nth-child(3n){margin-right:0}
	.s0502_wrap li.itm1{background:url(/pages/eiri/img/sub/s0502_ico01.png) no-repeat center top}
	.s0502_wrap li.itm2{background:url(/pages/eiri/img/sub/s0502_ico02.png) no-repeat center top}
	.s0502_wrap li.itm3{background:url(/pages/eiri/img/sub/s0502_ico03.png) no-repeat center top}
	.s0502_wrap li.itm4{background:url(/pages/eiri/img/sub/s0502_ico04.png) no-repeat center top}
	.s0502_wrap li.itm5{background:url(/pages/eiri/img/sub/s0502_ico05.png) no-repeat center top}
	.s0502_wrap li.itm6{background:url(/pages/eiri/img/sub/s0502_ico06.png) no-repeat center top}

	/* 교육성과관리 - 세부업무체계도 */
	.s0504_dia {overflow:hidden;height:475px;position:relative;margin-bottom:30px;display:inline-block;width:100%}
	.s0504_dia h4{position:absolute;color:#fff;font-size:20px;font-weight:600;z-index:99}
	.s0504_dia h4.dia_h4_1{left:43%;top:150px}
	.s0504_dia h4.dia_h4_2{left:53%;top:150px}
	.s0504_dia h4.dia_h4_3{left:53%;top:320px}
	.s0504_dia h4.dia_h4_4{left:43%;top:320px}
	.s0504_dia dl{width:calc(50% - 5px);float:left;padding:50px;border:1px solid #ddd;height:232px;margin-bottom:10px}
	.s0504_dia dl.itm2, .s0504_dia dl.itm3{padding-left:200px;margin-left:10px;}
	.s0504_dia dl.itm3{float:right}
	.s0504_dia dl dt{font-size:18px;margin-bottom:20px;color:#333;font-weight:700}
	.s0504_dia dl dd{font-size:15px;padding:0 0 10px 15px;position:relative}
	.s0504_dia dl dd:before{content:'';background:#aaa;width:7px;height:1px;left:0;top:7px;position:absolute}
	.s0504_dia span.s0504_bg{background:url(/pages/eiri/img/sub/s0504_diabg.png) no-repeat center center;height:470px;position:relative;margin-bottom:30px;display:block}


	/* 운영체계 */
	.s0503_opsysbox{overflow:hidden;width:100%;margin-bottom:50px}
	.s0503_opsysbox > dl {overflow:hidden;width:100%;margin:0 0 5px}
	.s0503_opsysbox > dl dt{float:left;padding:10px;text-align:center;background:#f2f2f2;width:20%;font-size:17px;color:#333;margin-right:10px}
	.s0503_opsysbox > dl dd{border:1px solid #ddd;padding:10px 5px;text-align:center;font-size:15px;color:#666;float:left;width:26%;margin-right:7px}
	.s0503_opsysbox > dl dd:last-child {margin-right:0 !important}
	.s0503_opsysbox > dl dd.ddw100{width:calc(100% - 20% - 10px);margin:0 }
	.s0503_opsysbox > dl dd.ddw20{width:15%;margin-right:13px}
	.s0503_opsysbox > dl dd.ddw33{width:26%;margin-right:7px}
	.s0503_opsysbox > dl dd.goal{background:#d6621e;border:none;color:#fff;font-size:20px;font-weight:600}
	.s0503_opsysbox > dl dd ul li{float:left;width:33%;padding:10px;line-height:25px}
	.s0503_opsysbox > dl dd ul li:nth-child(2){border-left:1px solid #ddd;border-right:1px solid #ddd}
	.s0503_opsysbox .arrow{width:100%;height:1px;background:#ddd;position:relative;margin:50px 0}
	.s0503_opsysbox .arrow:before{top:-33px;position:absolute;right:0;width:992px;height:57px;background:url(/pages/eiri/img/sub/arrow01.png) no-repeat 0 0;content:''}

	.goal_s {width:calc(100% - 20% );float:right;overflow:hidden}
	.goal_s dl{width:calc(100% / 3 - 10px);margin-left:10px;float:left;background:#fff8ec;border:1px solid #ddd;margin-bottom:10px}
	.goal_s dt{text-align:center;padding:14px;;color:#333;font-size:15px;font-weight:600;border-bottom:1px solid #ddd}
	.goal_s dd{;padding:10px}
 	
	.s0503_diagram{position:relative;width:450px;margin-left:535px;overflow:hidden;height:550px}
	.s0503_diagram h4{position:absolute;left:54%;top:43%;width:100px;font-size:20px;color:#333;margin-left:-62px;text-align:center}
	.s0503_diagram ul{background:url(/pages/eiri/img/sub/arrow_circle3.png) no-repeat center center;height:550px}
	.s0503_diagram li{width:150px;height:150px;border-radius:50%;color:#fff;text-align:center;box-sizing:border-box;position:absolute;padding:50px 10px;font-size:16px;line-height:25px}
	.s0503_diagram .itm1{left:51.5%;margin-left:-75px;top:10px;background:#d24848;padding:63px 10px}
	.s0503_diagram .itm2{left:0;top:300px;background:#a5414a;}
	.s0503_diagram .itm3{right:0;top:300px;background:#da7373;padding:63px 10px}


	/* 환류모형 */
	.s0503_sysbox{border:1px solid #ddd;width:calc(100% / 2  - 15px);float:left;padding:0 0 20px;height:400px;position:relative}
	.s0503_sysbox .from{border:1px solid #ddd;clear:both;text-align:center;padding:12px;margin:10px;font-size:16px;font-weight:600;color:#333;box-sizing:border-box;position:absolute;left:0;bottom:0;right:0}
	.s0503_sysbox .from:before{display:none}
	.s0503_sysbox h4{text-align:center;font-size:18px;padding:13px;background:#c75d5d;color:#fff}
	.s0503_sysbox dl {width:calc(100% / 2 - 31px);float:left;margin:0 15px;position:relative}
	.s0503_sysbox dl dt{font-size:16px;text-align:center;padding:10px;border:1px solid #ddd;margin:10px 0 10px;border-radius:5px}
	.s0503_sysbox dl dd{position:relative;font-size:15px;padding:2px 0 2px 15px;line-height:22px}
	.s0503_sysbox dl dd:before{position:absolute;width:4px;height:4px;background:#aaa;left:0;top:12px;content:''}
	.s0503_sysbox .di_first:after{position:absolute;right:-27px;top:15px;content:'';background:url(/pages/eiri/img/sub/dia_arrow2.png) no-repeat 0 0;width:27px;height:32px}
	.s0503_sysbox.sys1{margin:0 30px 30px 0;}
	.s0503_sysbox.sys1 dl{width:calc(100% / 3 - 31px);}
	.s0503_sysbox.sys2{margin:0 0 30px 0}
	.s0503_sysbox.sys2 dl{width:calc(100% / 3 - 31px);}
	.s0503_sysbox.sys3{margin: 0;float:right}
	.s0503_sysbox.sys4{margin:0 30px 30px 0}

	.s0503_sysbox.sys1 img{margin-top:50px}
	.s0503_sysbox.sys1:after{position:absolute;content:'';border-top: 50px solid transparent;border-right: 50px solid transparent;border-bottom: 50px solid transparent;border-left: 30px solid #ddd;top:40%;right:-81px}
	.s0503_sysbox.sys2:after{position:absolute;content:'';border-top: 30px solid #ddd;border-right: 50px solid transparent;border-bottom: 30px solid transparent;border-left: 50px solid transparent;bottom:-62px;left:41%}
	.s0503_sysbox.sys3:after{position:absolute;content:'';border-top: 50px solid transparent;border-right: 30px solid #ddd;border-bottom: 50px solid transparent;border-left: 30px solid transparent;top:40%;left:-61px}
	.s0503_sysbox.sys4:after{position:absolute;content:'';border-top: 30px solid transparent;border-right: 50px solid transparent;border-bottom: 30px solid #ddd;border-left: 50px solid transparent;top:-60px;left:41%}

	.s0503_anys{background:url(/pages/eiri/img/sub/s0503_anysbg.png) no-repeat center top;padding-top:160px;margin-top:30px}
	.s0503_anys p{font-size:18px;color:#333;text-align:center;padding:15px 0}
	.s0503_anys ul li{background:#f2f2f2;text-align:center;margin:0 10px 5px;padding:10px 0;font-size:15px;color:#333}

	.s0503_fdb{background:url(/pages/eiri/img/sub/s0503_fdbbg.png) no-repeat center top;padding-top:160px;margin-top:30px}
	.s0503_fdb p{font-size:18px;color:#333;text-align:center;padding:15px 0}
	.s0503_fdb ul li{background:#f2f2f2;text-align:center;margin:0 10px 5px;padding:10px 0;font-size:15px;color:#333}

	.s0504_p{clear:both;width:100%;display:block;padding:10px;text-align:center;font-size:18px;color:#fff;background:#a54848;margin-bottom:50px}

	/* 환류지원시스템 */
	.s0503_opsysbox2{overflow:hidden;width:100%;margin-bottom:50px}
	.s0503_opsysbox2 > dl {overflow:hidden;width:100%;margin:0 0 5px}
	.s0503_opsysbox2 > dl dt{float:left;padding:10px;text-align:center;background:#f2f2f2;width:20%;font-size:17px;color:#333;margin-right:10px}
	.s0503_opsysbox2 > dl dd{border:1px solid #ddd;padding:10px 5px;text-align:center;font-size:15px;color:#666;float:left;width:26%;margin-right:7px}
	.s0503_opsysbox2 > dl dd:last-child {margin-right:0 !important}
	.s0503_opsysbox2 > dl dd span{display:block;font-size:18px;font-weight:700;color:#333;background:#f1cece;padding:10px 0;margin-bottom:20px}
	.s0503_opsysbox2 > dl dd.ddw100{width:calc(100% - 20% - 10px);margin:0 }
	.s0503_opsysbox2 > dl dd.ddw20{width:15%;margin-right:13px}
	.s0503_opsysbox2 > dl dd.ddw33{width:26%;margin-right:7px}
	.s0503_opsysbox2 > dl dd.goal{background:#d6621e;border:none;color:#fff;font-size:20px;font-weight:600}
	.s0503_opsysbox2 > dl dd ul li{float:left;width:20%;padding:15px 20px;height:130px;text-align:left;line-height:25px;border-right:1px solid #ddd;}
	.s0503_opsysbox2 > dl dd ul li:last-child{border:none}
	.s0503_opsysbox2 > dl.dl_type2 dd{height:250px;line-height:25px;padding:10px 15px}
	.s0503_opsysbox2 .arrow{width:100%;height:1px;background:#ddd;position:relative;margin:50px 0}
	.s0503_opsysbox2 .arrow:before{top:-33px;position:absolute;right:0;width:992px;height:57px;background:url(/pages/eiri/img/sub/arrow01.png) no-repeat 0 0;content:''}

.readyimg {
    text-align: center;
    padding: 50px 0;
}

/****** Mobile ******/
@media screen and (max-width:690px){

.imgbox img{width:100%}
.table_type1{overflow:hidden;overflow-x:scroll !important;width:100%;padding-top:40px !important}
.table_type1:before{display:block;margin-bottom:10px; content:"※ 모바일환경에서는 스크롤 하여 보실 수 있습니다.";font-weight:500;color:#d86a0b}
.table_type1 table{min-width:650px}

.greed_txt{padding:320px 0 40px;background-size:350px;background-position:center top;width:100%}



/* 교육혁신연구원 */

	/* 비전 및 운영전략 */
	.s0104_opsysbox > dl dt{width:100%;margin:5px 0}
	.s0104_opsysbox > dl dd{width:calc(100% / 3 - 5px)}
	.s0104_opsysbox > dl dd.ddw100{width:100%}
	.s0104_opsysbox > dl dd.ddw20{width:20%;margin-right:13px}
	.s0104_opsysbox > dl dd.ddw33{width:33%;margin-right:7px}
	.s0104_opsysbox > dl dd.goal{font-size:17px;padding:20px 15px;line-height:25px}
	.s0104_opsysbox > dl dd.goal2{font-size:17px;padding:20px 15px;line-height:25px}
	.s0104_opsysbox > dl dd.goal3 ul {padding:20px}
	.s0104_opsysbox > dl dd.goal3 li p{width:100%;display:block;line-height:25px}
	.s0104_opsysbox > dl dd span{display:block;line-height:26px;font-size:15px}

	.operation_strategy{padding:0;width:100%;margin:0 auto 40px;overflow-x:scroll}
	.operation_strategy h4{width:100%;left:0;margin:0;min-width:500px}
 	.operation_strategy ul{width:500px;background-size:450px}
	.operation_strategy .itm1{padding:40px 10px}
	.operation_strategy .itm2{left:0}
	.operation_strategy .itm3{right:0}
	.operation_strategy .itm4{left:0;}
	.operation_strategy .itm5{right:0;}
	.operation_strategy .itm6{}


	.from{padding:0}
	.from h4{width:100%}
	.from ul li{width:100%;margin:0 5px 5px 0;padding:20px 10px}



/* 교수학습지원센터 */

	/* 운영체계 */
	.s0203_opsysbox > dl dt{width:100%;margin:5px 0}
	.s0203_opsysbox > dl dd{width:calc(100% / 3 - 5px)}
	.s0203_opsysbox > dl dd.ddw100{width:100%}
	.s0203_opsysbox > dl dd.ddw20{width:20%;margin-right:13px}
	.s0203_opsysbox > dl dd.ddw33{width:33%;margin-right:7px}
	.s0203_opsysbox > dl dd.goal{font-size:17px;padding:20px 15px;line-height:25px}
	.s0203_opsysbox > dl dd.goal2{font-size:17px;padding:20px 15px;line-height:25px}
	.s0203_opsysbox > dl dd.goal3 ul {padding:20px}
	.s0203_opsysbox > dl dd.goal3 li p{width:100%;display:block;line-height:25px}
	.s0203_opsysbox > dl dd span{display:block;line-height:26px;font-size:15px}
	.s0203_opsysbox > dl dd.ddw20{width:100%;margin-bottom:5px}

	.goal_s{width:100%}
	.goal_s dl{width:100%;margin:0 0 10px}
	
	.s0203_diagram{padding:0;width:100%;margin:0 auto 40px;overflow-x:scroll}
	.s0203_diagram h4{min-width:500px;width:100%;left:0;margin:0;text-align:center;z-index:99}
 	.s0203_diagram ul{width:500px;background-size:450px;height:500px;position:relative;margin:0 auto}
	.s0203_diagram .itm2{left:50px}
	.s0203_diagram .itm3{right:50px}

	.goal_s2{width:100%}
	.goal_s2 dl{width:100%;margin:0 0 10px}

	.s0203_diagram2{padding:0;width:100%;margin:0 auto 40px;overflow-x:scroll}
	.s0203_diagram2 h4{min-width:500px;width:100%;left:0;margin:0;text-align:center;z-index:99}
 	.s0203_diagram2 ul{width:500px;background-size:450px;height:500px;position:relative;margin:0 auto}
	.s0203_diagram2 .itm2{left:50px}
	.s0203_diagram2 .itm3{right:50px}


    .goal_s .box{margin-left:0}
	.goal_s2 .box{margin-left:0}
	/* 환류시스템 */
	.s0204_sysbox{width:100%;padding:0 0 80px;height:100%}
	.s0204_sysbox.sys1:after{top:auto;right:auto;position:absolute;content:'';border-top: 30px solid #ddd;border-right: 50px solid transparent;border-bottom: 30px solid transparent;border-left: 50px solid transparent;bottom:-62px;left:41%}
	.s0204_sysbox.sys3:after{top:auto;right:auto;position:absolute;content:'';border-top: 30px solid #ddd;border-right: 50px solid transparent;border-bottom: 30px solid transparent;border-left: 50px solid transparent;bottom:-62px;left:41%}
	.s0204_sysbox.sys4:after{display:none}
	.s0204_sysbox dl{width:100%;margin:0;padding:0 15px}
	.s0204_sysbox dl dt{margin:20px 0 10px}

	.s0204_sysbox .di_first:after{right:auto;left:47%;transform:rotate(90deg);top:auto;bottom:-26px}
	.s0204_sysbox.sys3 dl, .s0204_sysbox.sys4 dl{width:100%}

	/*	프로그램안내 */
	.program_photo ul li{width:calc(100% / 2 - 7px);float:left;margin:0 9px 20px 0}
	.program_photo ul li img{width:100%}
	.program_photo ul li:nth-child(2n){margin-right:0}
	.program_photo ul li p{height:auto;font-size:14px;line-height:20px}

/* 이러닝 */
	/* 업무소개 */
	.s0304_wrap{width:100%}
	.s0304_wrap li{width:100%;height:auto;background-position:left center !important;border-radius:0;padding:20px 20px 20px 100px;background-size:70px !important;text-align:left}


	/* 운영체계 */
	.s0303_opsysbox > dl dt{width:100%;margin:5px 0}
	.s0303_opsysbox > dl dd{width:calc(100% / 3 - 5px)}
	.s0303_opsysbox > dl dd.ddw100{width:100%}
	.s0303_opsysbox > dl dd.ddw20{width:20%;margin-right:13px}
	.s0303_opsysbox > dl dd.ddw33{width:33%;margin-right:7px}
	.s0303_opsysbox > dl dd.goal{font-size:17px;padding:20px 15px;line-height:25px}
	.s0303_opsysbox > dl dd.goal2{font-size:17px;padding:20px 15px;line-height:25px}
	.s0303_opsysbox > dl dd.goal3 ul {padding:20px}
	.s0303_opsysbox > dl dd.goal3 li p{width:100%;display:block;line-height:25px}
	.s0303_opsysbox > dl dd span{display:block;line-height:26px;font-size:15px}
	.s0303_opsysbox > dl dd.ddw20{width:100%;margin-bottom:5px}

	.s0303_opsysbox > dl dd.h320{width:100%;height:auto}

	.s0303_brand dl{width:100%;}

	/* 환류시스템 */
	.s0303_sysbox{width:100%;padding:0 0 30px;height:100%}
	.s0303_sysbox.sys1:after{top:auto;right:auto;position:absolute;content:'';border-top: 30px solid #ddd;border-right: 50px solid transparent;border-bottom: 30px solid transparent;border-left: 50px solid transparent;bottom:-62px;left:41%}
	.s0303_sysbox.sys3:after{top:auto;right:auto;position:absolute;content:'';border-top: 30px solid #ddd;border-right: 50px solid transparent;border-bottom: 30px solid transparent;border-left: 50px solid transparent;bottom:-62px;left:41%}
	.s0303_sysbox.sys4:after{display:none}
	.s0303_sysbox dl{width:100%;margin:0 0 35px;;padding:0 15px 60px}
	.s0303_sysbox dl dt{margin:20px 0 10px}

	.s0303_sysbox .di_first:after{right:auto;left:47%;transform:rotate(90deg);top:auto;bottom:-26px}
	.s0303_sysbox.sys2 dl, .s0303_sysbox.sys3 dl, .s0303_sysbox.sys4 dl{width:100%}
	.s0303_sysbox.sys3 dl, .s0303_sysbox.sys4 dl{width:100%}
	.s0303_sysbox .from{border:none;border-bottom:1px solid #ddd;}

.s0303_opsysbox .title {width:100%; margin-bottom:10px}
.s0303_box .goal_s2 dl {
    width: 100%}

/* 비교과 */
	/* 업무소개 */
	.s0402_wrap{width:100%}
	.s0402_wrap li{width:100%;height:auto;background-position:left center !important;border-radius:0;padding:20px 20px 20px 100px;background-size:70px !important;text-align:left}
	.s0402_wrap li.itm4{margin-left:5px}

 	.s0403_wrap{width:100%}
 	.s0403_wrap .s0403_brand{width: 100%;margin-bottom:10px;background:none}
 	.s0403_wrap .s0403_brand dl{display:block;width:100%}
     .s0403_brand dl:after{display:none}
	 .s0403_brand dl.step4{margin:10px 0}
    .s0403_box li {
    float: left;
    width: calc(100% / 1 - 22px);}

	/* 운영체계 */
	.s0403_opsysbox{;background-position:center 250px}
	.s0403_opsysbox > dl dt{width:100%;margin:5px 0}
	.s0403_opsysbox > dl dd{width:calc(100% / 3 - 5px)}
	.s0403_opsysbox > dl dd.ddw100{width:100%}
	.s0403_opsysbox > dl dd.ddw20{width:20%;margin-right:13px}
	.s0403_opsysbox > dl dd.ddw33{width:33%;margin-right:7px}
	.s0403_opsysbox > dl dd.goal{font-size:17px;padding:20px 15px;line-height:25px}
	.s0403_opsysbox > dl dd.goal2{font-size:17px;padding:20px 15px;line-height:25px}
	.s0403_opsysbox > dl dd.goal3 ul {padding:20px}
	.s0403_opsysbox > dl dd.goal3 li p{width:100%;display:block;line-height:25px}
	.s0403_opsysbox > dl dd span{display:block;line-height:26px;font-size:15px}
	.s0403_opsysbox > dl dd.ddw20{width:100%;margin-bottom:5px}

	.s0403_opsysbox > dl dd.h320{width:100%;height:auto}
	.s0403_diagram1 dd{width:100% !important}

	.s0403_diagram2{padding:0;width:100%;margin:0 auto 40px;overflow-x:scroll}
	.s0403_diagram2 h4{min-width:500px;width:100%;left:0;margin:0;text-align:center;z-index:99}
 	.s0403_diagram2 ul{width:500px;background-size:450px;height:500px;position:relative;margin:0 auto}

	.s0403_diagram3{width:100%;height:auto}

	/* 환류시스템 */
	.s0404_sysbox{width:100%;padding:0 0 80px;height:100%}
	.s0404_sysbox.sys1:after{top:auto;right:auto;position:absolute;content:'';border-top: 30px solid #ddd;border-right: 50px solid transparent;border-bottom: 30px solid transparent;border-left: 50px solid transparent;bottom:-62px;left:41%}
	.s0404_sysbox.sys3:after{top:auto;right:auto;position:absolute;content:'';border-top: 30px solid #ddd;border-right: 50px solid transparent;border-bottom: 30px solid transparent;border-left: 50px solid transparent;bottom:-62px;left:41%}
	.s0404_sysbox.sys4:after{display:none}
	.s0404_sysbox dl{width:100%;margin:0;padding:0 15px}
	.s0404_sysbox dl dt{margin:20px 0 10px}

	.s0404_sysbox .di_first:after{right:auto;left:47%;transform:rotate(90deg);top:auto;bottom:-26px}
	.s0404_sysbox.sys3 dl, .s0404_sysbox.sys4 dl{width:100%}


/* 교육성과관리센터 */
	/* 업무소개 */
	.s0502_wrap{width:100%}
	.s0502_wrap li{width:100%;height:auto;background-position:left center !important;border-radius:0;padding:20px 20px 20px 100px;background-size:70px !important;text-align:left}

	.s0504_diawrap{width:100%;overflow-x:scroll}
	.s0504_dia{width:800px}
	.s0504_dia h4.dia_h4_1, .s0504_dia h4.dia_h4_4{left:38%}
	.s0504_dia h4.dia_h4_2, .s0504_dia h4.dia_h4_3{left:57%}

	/* 운영체계 */
	.s0503_opsysbox > dl dt{width:100%;margin:5px 0}
	.s0503_opsysbox > dl dd{width:calc(100% / 3 - 5px)}
	.s0503_opsysbox > dl dd.ddw100{width:100%}
	.s0503_opsysbox > dl dd.ddw20{width:20%;margin-right:13px}
	.s0503_opsysbox > dl dd.ddw33{width:33%;margin-right:7px}
	.s0503_opsysbox > dl dd.goal{font-size:17px;padding:20px 15px;line-height:25px}
	.s0503_opsysbox > dl dd.goal2{font-size:17px;padding:20px 15px;line-height:25px}
	.s0503_opsysbox > dl dd.goal3 ul {padding:20px}
	.s0503_opsysbox > dl dd.goal3 li p{width:100%;display:block;line-height:25px}
	.s0503_opsysbox > dl dd span{display:block;line-height:26px;font-size:15px}
	.s0503_opsysbox > dl dd.ddw20{width:100%;margin-bottom:5px}
	.s0503_opsysbox > dl dd ul li{width:100%;border-right:none;border-bottom:1px solid #ddd}
	.s0503_opsysbox > dl dd.h320{width:100%;height:auto}
	.s0503_diagram1 dd{width:100% !important}
	
	.s0503_diagram{padding:0;width:100%;margin:0 auto 40px;overflow-x:scroll}
	.s0503_diagram h4{min-width:500px;width:100%;left:0;margin:0;text-align:center;z-index:99}
 	.s0503_diagram ul{width:500px;background-size:450px;height:500px;position:relative;margin:0 auto}
	.s0503_diagram .itm2{left:50px}
	.s0503_diagram .itm3{right:50px}

	/* 환류시스템 */
	.s0503_sysbox{width:100%;padding:0 0 80px;height:100%}
	.s0503_sysbox.sys1:after{top:auto;right:auto;position:absolute;content:'';border-top: 30px solid #ddd;border-right: 50px solid transparent;border-bottom: 30px solid transparent;border-left: 50px solid transparent;bottom:-62px;left:41%}
	.s0503_sysbox.sys3:after{top:auto;right:auto;position:absolute;content:'';border-top: 30px solid #ddd;border-right: 50px solid transparent;border-bottom: 30px solid transparent;border-left: 50px solid transparent;bottom:-62px;left:41%}
	.s0503_sysbox.sys4:after{display:none}
	.s0503_sysbox dl{width:100%;margin:0;padding:0 15px}
	.s0503_sysbox dl dt{margin:20px 0 10px}

	.s0503_sysbox .di_first:after{right:auto;left:47%;transform:rotate(90deg);top:auto;bottom:-26px}
	.s0503_sysbox.sys3 dl, .s0503_sysbox.sys4 dl{width:100%}

	/* 운영체계 */
	.s0503_opsysbox2 > dl dt{width:100%;margin:5px 0}
	.s0503_opsysbox2 > dl dd{width:calc(100% / 3 - 5px)}
	.s0503_opsysbox2 > dl dd.ddw100{width:100%}
	.s0503_opsysbox2 > dl dd.ddw20{width:20%;margin-right:13px}
	.s0503_opsysbox2 > dl dd.ddw33{width:33%;margin-right:7px}
	.s0503_opsysbox2 > dl dd.goal{font-size:17px;padding:20px 15px;line-height:25px}
	.s0503_opsysbox2 > dl dd.goal2{font-size:17px;padding:20px 15px;line-height:25px}
	.s0503_opsysbox2 > dl dd.goal3 ul {padding:20px}
	.s0503_opsysbox2 > dl dd.goal3 li p{width:100%;display:block;line-height:25px}
	.s0503_opsysbox2 > dl dd span{display:block;line-height:26px;font-size:15px}
	.s0503_opsysbox2 > dl dd.ddw20{width:100%;margin-bottom:5px}

	.s0503_opsysbox2 > dl dd.h320{width:100%;height:auto}
	.s0503_opsysbox2 > dl.dl_type2 dd{width:100%;height:auto;margin-bottom:5px}

	.s0503_opsysbox2 > dl dd ul li{width:100%;border-right:none;border-bottom:1px solid #ddd;height:auto}

}