@charset "euc-kr";
/*
@import url('https://cdn.rawgit.com/mfd/f3d96ec7f0e8f034cc22ea73b3797b59/raw/856f1dbb8d807aabceb80b6d4f94b464df461b3e/gotham.css');
*/

/**************************************************************
* [common]
**************************************************************/
@font-face{font-family:NotoSans;font-style:normal;font-weight:300;src: url(/public/fonts/NotoSansLight.eot); src: local('¡Ø'), url(/public/fonts/NotoSansLight.woff) format('woff'); }
@font-face{font-family:NotoSans;font-style:normal;font-weight:400;src: url(/public/fonts/NotoSansRegular.eot); src: local('¡Ø'), url(/public/fonts/NotoSansRegular.woff) format('woff'); }
@font-face{font-family:NotoSans;font-style:normal;font-weight:700; src: url(/public/fonts/NotoSansBold.eot); src: local('¡Ø'), url(/public/fonts/NotoSansBold.woff) format('woff'); }



.eng-font, .num-font{font-family: 'GothamPro';}
/**********
	1단 .main_visual - 메인배너
**********/
.wrapAll_2020 #mainNew_2020{font-family:'Noto Sans CJK KR', NotoSans, 'Nanum Barun Gothic','돋움',Dotum;}

.wrapAll_2020 #mainNew_2020 .main_visual {width: 100%; height: 674px; overflow: hidden; position: relative;}
.wrapAll_2020 #mainNew_2020 .main_visual_list {height: 100%; width: 100% !important; max-width: 1920px; margin: 0 auto;}
.wrapAll_2020 #mainNew_2020 .main_visual_list li {text-align: center; max-width: 100%; /* left: 50%; margin-left: -960px; */}
.wrapAll_2020 #mainNew_2020 .main_visual_list li a {position: relative; width: 100%; height: 100%; left: 50%; margin-left: -960px;}
.wrapAll_2020 #mainNew_2020 .main_visual a {display: block;}
.wrapAll_2020 #mainNew_2020 .main_visual .bx-pager {position: absolute; bottom: 40px; left: 50%; margin-left: -315px; z-index: 100; font-size: 15px; color:#999; font-family: 'GothamPro';}
.wrapAll_2020 #mainNew_2020 .main_visual .bx-controls-auto {position: absolute; bottom: 39px; left: 50%; margin-left: 665px; z-index: 100; font-size: 15px; color: #000;}
.wrapAll_2020 #mainNew_2020 .main_visual .bx-controls-auto .bx-controls-auto-item {position: absolute; top: -20px;}
.wrapAll_2020 #mainNew_2020 .main_visual .bx-pager:after {content: ''; display: block; clear: both;}
.wrapAll_2020 #mainNew_2020 .main_visual .bx-pager-item {float: left; margin-right: 6px;}
.wrapAll_2020 #mainNew_2020 .main_visual .bx-default-pager:first-letter {color:#fff;}  
.wrapAll_2020 #mainNew_2020 .main_visual .bx-controls-direction {width: 100%; position: absolute; top: 40%;  z-index: 100; }
.wrapAll_2020 #mainNew_2020 .main_visual .bx-controls-direction .bx-prev {
	background: url('/common/images/layout/bx-controls.png') no-repeat 0 50%;
	width: 35px; height:68px; 
	display:inline-block;
	position: absolute;
	left: 15%;
	text-indent:-9999px;
	opacity:0;
}
.wrapAll_2020 #mainNew_2020 .main_visual .bx-controls-direction .bx-prev:hover,
.wrapAll_2020 #mainNew_2020 .main_visual .bx-controls-direction .bx-prev:focus {opacity:1;}
.wrapAll_2020 #mainNew_2020 .main_visual .bx-controls-direction .bx-next {
	background: url('/common/images/layout/bx-controls.png') no-repeat 100% 50%;
	width: 35px; height:68px; 
	display:inline-block;
	position: absolute;
	right: 15%;
	text-indent:-9999px;
	opacity:0;
}
.wrapAll_2020 #mainNew_2020 .main_visual .bx-controls-direction .bx-next:hover,
.wrapAll_2020 #mainNew_2020 .main_visual .bx-controls-direction .bx-next:focus {opacity:1;}
.bx-controls-auto-item .bx-start, .bx-controls-auto-item .bx-stop{display:inline-block; width:20px; height: 20px; background-color:#000; border-radius:100%; text-indent: -999px;  background: url('/common/images/layout/bx-playstop.png') no-repeat; font-size: 0px;}
.bx-controls-auto-item .bx-start{background-position:100% 50%; opacity:0;}
.bx-controls-auto-item .bx-stop{background-position:0% 50%; opacity:0;} 
.bx-controls-auto-item .bx-start.active, .bx-controls-auto-item .bx-stop.active{opacity:1;}
.wrapAll_2020 #mainNew_2020 .main_visual .bx-pager .bx-pager-item a {}
.wrapAll_2020 #mainNew_2020 .main_visual .bx-pager .bx-pager-item .active {color:#fff}

/**********
	2단 .section2 - 학습자지원메뉴, 공지사항, 추천과정, 상담신청서
**********/



/* 학습자지원메뉴 */
.wrapAll_2020 #mainNew_2020 .section2 {background: #f4f9ff;}
.wrapAll_2020 #mainNew_2020 .section2 .supportWrap {padding: 70px 0;}
.wrapAll_2020 #mainNew_2020 .section2 .supportWrap li {position: relative; float: left; width: calc(20% - 1px); background: #fff no-repeat top 57px right 28px; height: 130px;}
.wrapAll_2020 #mainNew_2020 .section2 .supportWrap li:not(:last-child) {margin-right: 1px;}
.wrapAll_2020 #mainNew_2020 .section2 .supportWrap li:first-child {background-image: url(/common/images/layout/icon_support1.png);}
.wrapAll_2020 #mainNew_2020 .section2 .supportWrap li:nth-child(2) {background-image: url(/common/images/layout/icon_support2.png);}
.wrapAll_2020 #mainNew_2020 .section2 .supportWrap li:nth-child(3) {background-image: url(/common/images/layout/icon_support3.png);}
.wrapAll_2020 #mainNew_2020 .section2 .supportWrap li:nth-child(4) {background-image: url(/common/images/layout/icon_support4.png);}
.wrapAll_2020 #mainNew_2020 .section2 .supportWrap li:nth-child(5) {background-image: url(/common/images/layout/icon_support5.png);}
.wrapAll_2020 #mainNew_2020 .section2 .supportWrap li a {display: block; width: 100%; height: 100%;}
.wrapAll_2020 #mainNew_2020 .section2 .supportWrap li .txt {font-size: 18px; font-weight: 300; color: #333; display: inline-block; padding: 29px 0 0 31px;}
.wrapAll_2020 #mainNew_2020 .section2 .supportWrap li .hov_line {position: absolute; background: #000; transition: all 0.25s;}
.wrapAll_2020 #mainNew_2020 .section2 .supportWrap li .hov_line1, .wrapAll_2020 #mainNew_2020 .section2 .supportWrap li .hov_line3 {width: 0; height: 2px; left: -1px;}
.wrapAll_2020 #mainNew_2020 .section2 .supportWrap li .hov_line2, .wrapAll_2020 #mainNew_2020 .section2 .supportWrap li .hov_line4 {height: 0; width: 2px; top: 0;}
.wrapAll_2020 #mainNew_2020 .section2 .supportWrap li .hov_line1 {top: 0;}
.wrapAll_2020 #mainNew_2020 .section2 .supportWrap li .hov_line2 {left: -1px;}
.wrapAll_2020 #mainNew_2020 .section2 .supportWrap li .hov_line3 {bottom: 0;}
.wrapAll_2020 #mainNew_2020 .section2 .supportWrap li .hov_line4 {right: -1px;}
.wrapAll_2020 #mainNew_2020 .section2 .supportWrap li:hover .hov_line1, .wrapAll_2020 #mainNew_2020 .section2 .supportWrap li:hover .hov_line3 {width: 221px;}
.wrapAll_2020 #mainNew_2020 .section2 .supportWrap li:hover .hov_line2, .wrapAll_2020 #mainNew_2020 .section2 .supportWrap li:hover .hov_line4 {height: 100%;}

/* btmWrap common */
.wrapAll_2020 #mainNew_2020 .section2 .btmWrap {position: relative;}
.wrapAll_2020 #mainNew_2020 .section2 .btmWrap > div {float: left;}
.wrapAll_2020 #mainNew_2020 .section2 .btmWrap h2 {font-size: 29px; color: #004e96; padding-bottom: 20px;}

/* 공지사항 */
.wrapAll_2020 #mainNew_2020 .section2 .noticeWrap {width: 370px;}
.wrapAll_2020 #mainNew_2020 .section2 .noticeWrap ul {height: 170px; overflow: hidden;}
.wrapAll_2020 #mainNew_2020 .section2 .noticeWrap li {padding: 5px 0 6px;}
.wrapAll_2020 #mainNew_2020 .section2 .noticeWrap li a {display: block;}
.wrapAll_2020 #mainNew_2020 .section2 .noticeWrap li a:after {content: ''; display: block; clear: both;}
.wrapAll_2020 #mainNew_2020 .section2 .noticeWrap .title {font-size: 15px; font-weight: 300; color: #333; vertical-align: middle; float: left; max-width: 75%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.wrapAll_2020 #mainNew_2020 .section2 .noticeWrap .title .import {color: #7fc241; font-weight: 600;}
.wrapAll_2020 #mainNew_2020 .section2 .noticeWrap .date {vertical-align: middle; float: right; width: 20%; font-weight: 300; font-size: 13px; color: #999; position: relative; top: 1px;}

.wrapAll_2020 #mainNew_2020 .section2 .noticeWrap li:hover .title {text-decoration: underline;}

/* 추천과정 */
.wrapAll_2020 #mainNew_2020 .section2 .recWrap {width: 290px; padding: 0 30px; position: relative;}
.wrapAll_2020 #mainNew_2020 .section2 .recWrap .rec_list {width: 290px; height: 170px; overflow: hidden;}
.wrapAll_2020 #mainNew_2020 .section2 .recWrap .bx-controls {position: absolute; right: 30px; top: 20px; max-width: 170px; overflow: hidden;}
.wrapAll_2020 #mainNew_2020 .section2 .recWrap .bx-pager:after {content: ''; display: block; clear: both;}
.wrapAll_2020 #mainNew_2020 .section2 .recWrap .bx-pager-item {float: left; margin-left: 6px;}
.wrapAll_2020 #mainNew_2020 .section2 .recWrap .bx-pager-item a {display: block; font-size: 0; width: 10px; height: 10px; border-radius: 50%; background: #ccc; transition: all 0.3s;}
.wrapAll_2020 #mainNew_2020 .section2 .recWrap .bx-pager-item .active {width: 28px; border-radius: 7px; background: #004e96;}
.wrapAll_2020 #mainNew_2020 .section2{background-color: transparent; position: relative; z-index: 99;}

/* 와이제이 실습 신청 안내 */
.section6{margin-bottom: 25px; background-color:#d8e4e6;}
.TrainingList ul{}
.TrainingList ul li{float: left; width: 208px; padding: 34px 0; -webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box; position: relative;}
.TrainingList ul li span{display: block; color: #1c1c1c; font-size: 18px; font-weight: 400; position: relative; right: 20px; overflow: hidden;}
.TrainingList ul li span:after{content:''; display: inline-block; width: 28px; height: 35px; background:url('/common/images/main/icon_TrainingList.png')no-repeat 50% 50%; position: absolute; top: -8px; right: 80px;}
.TrainingList ul li:nth-child(1){background-color: #71dbe1; width: 397px; color:#131d38; font-size: 24px; font-weight: 600; text-align: center; letter-spacing: -0.075em; padding: 20px 0;}
.TrainingList ul li:nth-child(2){background-color: #00a2d7;}
.TrainingList ul li:nth-child(3){background-color: #008eb8;}
.TrainingList ul li:nth-child(4){background-color: #006293;}
.TrainingList ul li:nth-child(2):before{content: '';display: inline-block; background-color: #008599; width: 58px; height: 76px; position: absolute; top: 13px; left: -58px; transform: skew(0deg, -25deg);}
.TrainingList ul li:nth-child(3):before{content: '';display: inline-block; background-color: #006485; width: 58px; height: 76px; position: absolute; top: 13px; left: -58px; transform: skew(0deg, -25deg);}
.TrainingList ul li:nth-child(4):before{content: '';display: inline-block; background-color: #004353; width: 58px; height: 76px; position: absolute; top: 13px; left: -58px; transform: skew(0deg, -25deg);}
.TrainingList ul li + li{margin-left: 58px;}
.TrainingList ul li a{color: #fff; font-size: 24px; font-weight: 400; text-align: center; display: block; letter-spacing: -0.035em;}
.TrainingList:after{content:''; display: block; clear: both;}

/* 무료학습설계 */
.section5{background:url('/common/images/main/bg_learning_design.jpg')no-repeat 50% 50% ;}
.learning-design{position: relative; padding: 25px 0;}
.learning-design .learning-design-tile{margin-bottom: 30px;}
.learning-design .learning-design-tile dl{display: block;}
.learning-design .learning-design-tile dl dt{display: inline-block; font-size: 24px; letter-spacing:-0.075em; color:#000; padding-right: 20px; font-weight: 600;}
.learning-design .learning-design-tile dl dd{display: inline-block; font-size: 15px; color:#2e2e2e;}

.learning-design .learning-design-list{display: flex; justify-content: center;}
.learning-design .learning-design-list ul li{float: left; width: 165px; height: 179px; line-height: 200px; text-align: center; background:url('/common/images/main/sp_learning-design-list.png')no-repeat;}
.learning-design .learning-design-list ul li:nth-child(1){background-position: 0 0}
.learning-design .learning-design-list ul li:nth-child(2){background-position: -221px 0}
.learning-design .learning-design-list ul li:nth-child(3){background-position: -435px 0}
.learning-design .learning-design-list ul li:nth-child(4){background-position: -644px 0}
.learning-design .learning-design-list ul li:nth-child(5){background-position: -848px 0}
.learning-design .learning-design-list ul li a{font-size: 16px; color:#fff; display: block; text-indent: -9999px; overflow: hidden;}
.learning-design .learning-design-list ul li + li{margin-left: 50px;}
.learning-design .learning-design-list:after{content:''; display: block; clear:both;}

/* 메인 하단 베너 */
.wrapAll_2020 #mainNew_2020 .section4 {}
.wrapAll_2020 #mainNew_2020 .section4 .commonWidth_1200 {padding: 40px 0;}
.wrapAll_2020 #mainNew_2020 .section4 .commonWidth_1200 .collum10{}

.wrapAll_2020 #mainNew_2020 .section4 .commonWidth_1200 .banner10ea{border: 1px solid #dcdcdc; margin-bottom: 40px;}
.wrapAll_2020 #mainNew_2020 .section4 .commonWidth_1200 .banner10ea ul li{float:left; box-sizing: border-box; width: 20%; text-align: center; }
.wrapAll_2020 #mainNew_2020 .section4 .commonWidth_1200 .banner10ea ul li{border-left: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.wrapAll_2020 #mainNew_2020 .section4 .commonWidth_1200 .banner10ea ul li:nth-child(1), .wrapAll_2020 #mainNew_2020 .section4 .commonWidth_1200 .banner10ea ul li:nth-child(6){border-left:none;}
.wrapAll_2020 #mainNew_2020 .section4 .commonWidth_1200 .banner10ea ul li:nth-child(n+6){border-bottom: none;}
.wrapAll_2020 #mainNew_2020 .section4 .commonWidth_1200 .banner10ea ul li:hover{background-color: #f1f5fb}
.wrapAll_2020 #mainNew_2020 .section4 .commonWidth_1200 .banner10ea ul li a{display: block; font-size: 16px; color:#222; font-weight: 400; padding: 27px 0px}
.wrapAll_2020 #mainNew_2020 .section4 .commonWidth_1200 .banner10ea ul li a.icon:before{content:''; display:inline-block; width: 27px; height: 27px; background:url('/common/images/main/sp_banner10ea.png')no-repeat; margin: -8px 0px; background-size: 270px 27px;}
.wrapAll_2020 #mainNew_2020 .section4 .commonWidth_1200 .banner10ea ul li a.icon_sp01:before{background-position: 0 0; margin-right: 3px;}
.wrapAll_2020 #mainNew_2020 .section4 .commonWidth_1200 .banner10ea ul li a.icon_sp02:before{background-position: -27px 0; margin-right: 2px;}
.wrapAll_2020 #mainNew_2020 .section4 .commonWidth_1200 .banner10ea ul li a.icon_sp03:before{background-position: -54px 0; margin-right: 3px;}
.wrapAll_2020 #mainNew_2020 .section4 .commonWidth_1200 .banner10ea ul li a.icon_sp04:before{background-position: -81px 0; margin-right: 2px;}
.wrapAll_2020 #mainNew_2020 .section4 .commonWidth_1200 .banner10ea ul li a.icon_sp05:before{background-position: -105px 0; margin-right: 3px;}
.wrapAll_2020 #mainNew_2020 .section4 .commonWidth_1200 .banner10ea ul li a.icon_sp06:before{background-position: -135px 0; margin-right: 4px;}
.wrapAll_2020 #mainNew_2020 .section4 .commonWidth_1200 .banner10ea ul li a.icon_sp07:before{background-position: -162px 0; margin-right: 2px;}
.wrapAll_2020 #mainNew_2020 .section4 .commonWidth_1200 .banner10ea ul li a.icon_sp08:before{background-position: -189px 0; margin-right: 3px;}
.wrapAll_2020 #mainNew_2020 .section4 .commonWidth_1200 .banner10ea ul li a.icon_sp09:before{background-position: -216px 0; margin-right: 9px;}
.wrapAll_2020 #mainNew_2020 .section4 .commonWidth_1200 .banner10ea ul li a.icon_sp10:before{background-position: -243px 0; margin-right: 3px;}
.wrapAll_2020 #mainNew_2020 .section4 .commonWidth_1200 .banner10ea :after{content:''; display:block; clear: both;}

.wrapAll_2020 #mainNew_2020 .section4 .commonWidth_1200 .banner4ea{}
.wrapAll_2020 #mainNew_2020 .section4 .commonWidth_1200 .banner4ea ul li{float:left; box-sizing: border-box;}
.wrapAll_2020 #mainNew_2020 .section4 .commonWidth_1200 .banner4ea ul li a{display: block;}
.wrapAll_2020 #mainNew_2020 .section4 .commonWidth_1200 .banner4ea li + li{margin-left: 4px;}
.wrapAll_2020 #mainNew_2020 .section4 .commonWidth_1200 .banner4ea:after{content:''; display:block; clear: both;}

.left_wrap{float:left; width: 320px; display: none;}
.right_wrap{width: 1200px; margin: 0 auto; padding-bottom: 50px; padding-top: 40px;}

/* 상담신청서 */
.wrapAll_2020 #mainNew_2020 .section2 .commonWidth_mainTop{position: relative; width: 1200px; margin: 0 auto; }
.wrapAll_2020 #mainNew_2020 .section2 .commonWidth_mainTop:after{content:''; display: block; clear: both;}
.wrapAll_2020 #mainNew_2020 .section2 .applyWrap {width: 320px; height: 360px; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px; border: 3px solid #000; margin-top: -34px;}
.wrapAll_2020 #mainNew_2020 .section2 .applyWrap h2 {font-size: 24px; color: #000; padding-bottom: 0;}
.wrapAll_2020 #mainNew_2020 .section2 .applyWrap input[type="text"], 
.wrapAll_2020 #mainNew_2020 .section2 .applyWrap select {background: #fff; width: 100%; height: 45px; border: 0 none; outline: 0 none; border-bottom: 1px solid #ccc; font-size: 15px;}
.wrapAll_2020 #mainNew_2020 .section2 .applyWrap input[type="text"] {color: #111;}
.wrapAll_2020 #mainNew_2020 .section2 .applyWrap select {color: rgba(0,0,0,0.4); border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: url(/common/images/layout/arw_mainCounsel.png) no-repeat center right;}
.wrapAll_2020 #mainNew_2020 .section2 .applyWrap select::-ms-expand{ display:none;}
.wrapAll_2020 #mainNew_2020 .section2 .applyWrap select option {color: #999; background: #fff;}
.wrapAll_2020 #mainNew_2020 .section2 .applyWrap input[type="text"]::-webkit-input-placeholder {color: rgba(0,0,0,0.4);}
.wrapAll_2020 #mainNew_2020 .section2 .applyWrap input[type="text"]::-moz-placeholder {color: rgba(0,0,0,0.4);}
.wrapAll_2020 #mainNew_2020 .section2 .applyWrap input[type="text"]:-ms-input-placeholder {color: rgba(0,0,0,0.4);}
.wrapAll_2020 #mainNew_2020 .section2 .applyWrap input[type="text"]:-moz-placeholder {color: rgba(0,0,0,0.4);}
.wrapAll_2020 #mainNew_2020 .section2 .applyWrap .agreeWrap {padding-top: 20px;}
.wrapAll_2020 #mainNew_2020 .section2 .applyWrap .agreeWrap label {display: inline-block; position: relative;font-size: 13px; color: #000; cursor: pointer; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
.wrapAll_2020 #mainNew_2020 .section2 .applyWrap .agreeWrap input[type="checkbox"] {position:absolute; width: 0; height: 0; overflow: hidden; opacity: 0; font-size: 0; top: -10000em; left: -10000em;}
.wrapAll_2020 #mainNew_2020 .section2 .applyWrap .agreeWrap label span {vertical-align: -6px; position: relative; display: inline-block; width: 19px; height: 19px; border: 1px solid #ccc; margin-right: 9px;}
.wrapAll_2020 #mainNew_2020 .section2 .applyWrap .agreeWrap label span:before {content: ''; display: block; background: url(/common/images/layout/main_counsel_agree2020.png) center center no-repeat; position: absolute; width: 14px; height: 12px; top: 3px; left: 2px; opacity: 0;}
.wrapAll_2020 #mainNew_2020 .section2 .applyWrap .agreeWrap .privacy {font-size: 13px; color: #3b6dc7;}
.wrapAll_2020 #mainNew_2020 .section2 .applyWrap .btn_apply {width: 244px; height: 50px; background: #3b6dc7; color: #fff; font-size: 18px; text-align: center; line-height: 45px; margin: 30px auto 0; display: block; transition: all 0.3s;}
.wrapAll_2020 #mainNew_2020 .section2 .applyWrap .btn_apply:hover {box-shadow: 8px 8px 12px 0 rgba(0,0,0,0.3);}
.wrapAll_2020 #mainNew_2020 .section2 .applyWrap .agreeWrap input[type="checkbox"]:checked ~ span:before {opacity: 1;}

.wrapAll_2020 #mainNew_2020 .right_wrap .openClass_wrap{height: 80px; display: none;}

.wrapAll_2020 #mainNew_2020 .right_wrap .openClass_wrap .box {height: 80px; position: relative; float:left;}
.wrapAll_2020 #mainNew_2020 .right_wrap .openClass_wrap .box .openClass_dday {width: 82px; height: 34px; background: url('/common/images/layout/icon_dday2020.png') center center no-repeat; font-size: 18px; color: #fff; font-weight: 600; letter-spacing: -.05em; text-align: center; line-height: 35px; z-index: 99; display: inline-block; position: relative; top: -5px;}
.wrapAll_2020 #mainNew_2020 .right_wrap .openClass_wrap .box > div {width: 100%; height: 100%;display: table; table-layout: fixed; -webkit-box-sizing: border-box; box-sizing: border-box;}
.wrapAll_2020 #mainNew_2020 .right_wrap .openClass_wrap .box > div > div {display: table-cell; vertical-align: middle; }
.wrapAll_2020 #mainNew_2020 .right_wrap .openClass_wrap .box1 {background: #3b6dc7; width: 820px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.wrapAll_2020 #mainNew_2020 .right_wrap .openClass_wrap .title {width: 350px; text-align: center; font-size: 30px; color:#fff;}
.wrapAll_2020 #mainNew_2020 .right_wrap .openClass_wrap .date p {display:inline-block; color: #fff; font-size: 18px;}
.wrapAll_2020 #mainNew_2020 .right_wrap .openClass_wrap .date p + p{margin-left: 24px;}
.wrapAll_2020 #mainNew_2020 .right_wrap .openClass_wrap .date p:before{content:''; display:inline-block; width: 2px; height: 2px; background-color:#000; border-radius: 100%; margin: 6px 10px 6px 0px;}
.wrapAll_2020 #mainNew_2020 .right_wrap .openClass_wrap .date span {color: #000; display: inline-block; padding-right: 5px; font-weight: 600;}
.wrapAll_2020 #mainNew_2020 .right_wrap .openClass_wrap .box2 {background: #d44205; width: 352px; padding: 0 25px; -webkit-box-sizing: border-box; box-sizing: border-box;}


.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box {height: 246px; position: relative; float:left;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box > div {width: 100%; display: table; table-layout: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box > div > div {display: table-cell; vertical-align: middle; }
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box2 {width: 500px; border: 1px solid #c6c5c5; box-sizing: border-box; border-radius: 10px;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box3 {width: 380px; border: 1px solid #c6c5c5; box-sizing: border-box; border-radius: 10px; margin: 0 22px;}

.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box4 {width: 285px; border: 1px solid #c6c5c5; overflow: hidden; box-sizing: border-box;  border-radius: 10px;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box4 > div:nth-child(1){padding: 25px 30px; position: relative;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box4 > div:nth-child(1):after{content: ''; display: block; width: 80%; height: 1px; background-color: #c6c5c5; position: absolute; bottom: -1px;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box4 > div:nth-child(2){padding: 25px 30px; position: relative;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box4 > div dl{color:#333; letter-spacing: -0.05em;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box4 > div dt{font-size: 16px; font-weight: 500;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box4 > div dd{font-size: 24px; color:#3b6dc7;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box4 p.noticetxt{color: #333; letter-spacing: -0.05em;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box4 p.noticetxt em:after{content:''; display: inline-block; width: 1px; height: 10px; background-color:#dcdcdc; margin: 0px 8px; }

.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box > div .time_info{display:block; width: 60px; height: 60px; text-align: center; background-color:#333; color: #fff; border-radius: 50%; font-size: 13px; line-height: 15px; box-sizing: border-box; padding-top: 15px; position: absolute; top: 35px; right: 30px; cursor:pointer; z-index:99;}
text-align: center; vertical-align: middle; font-size: 13px; display: flex; align-items: center; justify-content: center; flex-direction: column; opacity:0; cursor:pointer; z-index:-9;}

.commonWidth_mainTop:after{content: ''; display: block; clear: both; }

.extractwrap{margin-bottom: 25px;}
.extractwrap h3.title{font-size: 20px; color: #222; letter-spacing: -0.05em; margin-bottom: 10px; font-weight: 600; background-color: #ececec; padding: 10px 25px;}

.extractwrap .notice_wrap{width: 427px; float:left; position: relative; border: 1px solid #c6c5c5; box-sizing: border-box; height: 244px;}
.extractwrap .lectureEpilogue_wrap{width: 360px; float:left; position: relative; border: 1px solid #c6c5c5; box-sizing: border-box;}
.extractwrap .faq_wrap{width: 440px; float:left; position: relative;}

.extractwrap .notice_wrap ul{width: 90%; margin: 0 auto;}
.extractwrap .notice_wrap ul li{font-size: 14px; color:#222; padding-bottom: 7px;}

.extractwrap .notice_wrap ul li span.date{font-size: 13px; color:#999; float:right;}
.extractwrap .notice_wrap ul:after{content:''; display:block; clear: both;}
.extractwrap .lectureEpilogue_wrap{margin: 0px 21px; height: 244px;}
.extractwrap .lectureEpilogue_wrap .lectureEpilogue{width: 100%; height: 182px; box-sizing:border-box; padding: 0 25px;}
.extractwrap .lectureEpilogue_wrap .lectureEpilogue dl{}
.extractwrap .lectureEpilogue_wrap .lectureEpilogue dl dt{font-size: 15px; color:#666; word-break: keep-all; margin-bottom: 15px;}
.extractwrap .lectureEpilogue_wrap .lectureEpilogue dl dd{font-size: 15px; color:#222; font-weight: 500;}
.extractwrap .lectureEpilogue_wrap .lectureEpilogue	.bx-wrapper .bx-pager{text-align: right; font-size: .85em; font-weight: bold; color: #666; padding-top: 0px; position: absolute; width: 80%; bottom: 20px; right: 20px;}
.extractwrap .lectureEpilogue_wrap .lectureEpilogue	.bx-wrapper .bx-pager.bx-default-pager a{width: 7px; height: 7px; margin: 0 3px;}

.extractwrap .lectureEpilogue_wrap .lectureEpilogue	.bx-wrapper .bx-pager.bx-default-pager a{background: #dcdcdc;}
.extractwrap .lectureEpilogue_wrap .lectureEpilogue .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.extractwrap .lectureEpilogue_wrap .lectureEpilogue .bx-wrapper .bx-pager.bx-default-pager a.active, 
.extractwrap .lectureEpilogue_wrap .lectureEpilogue .bx-wrapper .bx-pager.bx-default-pager a:focus{background:#3b6dc7}

.extractwrap a.btn_more{display: inline-block; background-color: #222; font-size: 14px; color: #fff; text-align: center; padding: 0px 12px; font-weight: 400; letter-spacing: -0.05em; position: absolute; right: 25px; top: 13px;}
.extractwrap:after{content:''; display:block; clear: both;}

/* 수강신청바로가기 */
.enrolment_wrap{display: inline-block; width: 260px; background-color: #ffd02c; float: right; height: 80px; text-align: center; line-height: 80px;}
.enrolment_wrap a{color: #222 !important; font-size: 24px; letter-spacing: -0.05em; }
.enrolment_wrap a em{font-weight: 600;}

/* 교육상담문의 */
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box > div.Consulwrap{padding:0px 34px; display:block; top: 50%; transform: translate(0px, -50%);}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box3{}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box3 .Consulwrap > dl{width: 265px;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box3 .Consulwrap > dl dt{font-size: 16px; font-weight: 500; line-height: 32px; display: inline-block; margin-right: 10px;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box3 .Consulwrap > dl dd{font-size: 32px; font-weight: 700; vertical-align:bottom; display: inline-block;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .Consultime{}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .Consultime {display:block; background-color:#faf339; padding: 5px 0px; margin: 15px 0 10px;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .Consultime li{float:left; width: 50%; text-align: center; color:#000; font-size: 13px; letter-spacing:-0.05em; position:relative;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .Consultime li:after{content:''; display:inline-block; width:1px; height:12px; background-color:#000; position: absolute; right: 0px; top: 4px;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .Consultime li:last-child:after{content:none;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .Consultimenote{margin-bottom: 10px; margin-left: 10px;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .Consultimenote li{color:#222; font-size: 13px; letter-spacing:-0.05em; text-indent: -8px; word-break: keep-all;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .Consultimenote li:before{content:''; display: inline-block; width: 2px; height: 2px; background: #222; margin: 4px;}

.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box > div.Consulwrap a.btnLink{display:block; background-color:#3b6dc7 ; width: 100%; font-size: 15px; box-sizing:border-box; text-align: center; color:#fff; letter-spacing: -0.05em; padding: 7px 0; font-weight: 500; transition: all 0.3s;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box > div.Consulwrap a.btnLink:after{content:'';display:inline-block; width: 5px; height: 14px; background:url('/common/images/main/btnLink_arrow.png')no-repeat 50% 50%; margin-left: 10px;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box > div.Consulwrap a.btnLink:hover{box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3);}

.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .Consultime:after,
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .Consultimenote:after{content:''; display:block; clear: both;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap:after{content:''; display:block; clear: both;}

/* 자주묻는질문 */
.tab{height:auto;}
.tab > ul{padding:0; margin:0; list-style:none; width:100%; height:auto;}
.tab > ul li{display:inline-block; float:left; line-height:39px; text-align:center; cursor:pointer; font-size: 15px; color:#999; background-color:#f7f7f7; width: 20%; box-sizing:border-box; border: 1px solid #dcdcdc;}
.tab > ul li+li{margin-left:-1px;}
.tab > ul li:last-child{width: 92px;}
.tab > ul:after{content:''; display:block; clear: both;}
.tab > ul li.on{color:#333; background-color:#fff; border-bottom: 1px solid #fff;}
.tab .conBox{width:100%; height: 140px;; display:none; padding: 23px 30px; position: relative; box-sizing:border-box; border: 1px solid #dcdcdc; border-top: none;}
.tab .conBox > ul li{line-height: 30px;}
.tab .conBox > ul li em{font-size: 12px; font-weight: 700; display:inline-block; background-color:#3b6dc7; color:#fff; width: 36px; height: 18px; line-height: 18px; border-radius: 9px; margin-right: 7px; text-align: center;}
.tab .conBox > ul li a{color:#666; font-size: 15px;}
.tab .conBox.on{display:block;}

/* 전공별 과목전공 */
.wrapAll_2020 #mainNew_2020 .section11 {padding: 5px 0px; margin-bottom: 45px; border-top: 1px solid #3f63dc; border-bottom: 1px solid #3f63dc}
.wrapAll_2020 #mainNew_2020 .section11 ul li{float:left; width: 100px; height: 100px; text-indent: -9999px;}
.wrapAll_2020 #mainNew_2020 .section11 ul li{color: #222; display: block; background:#fff url('/common/images/main/sp_majorlist.png?v2')no-repeat; background-size: 1200px 100px; box-sizing: border-box;}
.wrapAll_2020 #mainNew_2020 .section11 ul li + li{margin-left: 10px; border-right: 1px solid #cbd3ee;}

.wrapAll_2020 #mainNew_2020 .section11 ul li:first-child{background-color:#3b6dc7; width: 100px; height: 100px; border-radius: 100px;}

.wrapAll_2020 #mainNew_2020 .section11 ul li:nth-child(1){background-position: -5px 0px;}
.wrapAll_2020 #mainNew_2020 .section11 ul li:nth-child(2){background-position: -114px 0px;}
.wrapAll_2020 #mainNew_2020 .section11 ul li:nth-child(3){background-position: -230px 0px;}
.wrapAll_2020 #mainNew_2020 .section11 ul li:nth-child(4){background-position: -340px 0px;}
.wrapAll_2020 #mainNew_2020 .section11 ul li:nth-child(5){background-position: -453px 0px;}
.wrapAll_2020 #mainNew_2020 .section11 ul li:nth-child(6){background-position: -561px 0px;}
.wrapAll_2020 #mainNew_2020 .section11 ul li:nth-child(7){background-position: -672px 0px;}
.wrapAll_2020 #mainNew_2020 .section11 ul li:nth-child(8){background-position: -778px 0px;}
.wrapAll_2020 #mainNew_2020 .section11 ul li:nth-child(9){background-position: -888px 0px;}
.wrapAll_2020 #mainNew_2020 .section11 ul li:nth-child(10){background-position: -1000px 0px;}
.wrapAll_2020 #mainNew_2020 .section11 ul li:nth-child(11){background-position: -1109px 0px;}
.wrapAll_2020 #mainNew_2020 .section11 ul li a{display:block; width: 100px; height: 100px;text-indent: -9999px; transition: all 0.3s;}
.wrapAll_2020 #mainNew_2020 .section11 ul:after{content:''; display:block; clear: both;}


/* 빠른메뉴 */
.midQuickbanner{}
.midQuickbanner ul{}
.midQuickbanner ul li{float:left; border: 1px solid #c6c5c5; width: 115px; height: 115px; margin-right: 10px}
.midQuickbanner ul li:nth-child(3n){margin-right: 0;}
.midQuickbanner ul li:nth-of-type(3){margin-bottom: 10px;}
.midQuickbanner ul li a{text-decoration: none}
.midQuickbanner ul li dl dt{padding: 0; margin: 0; text-align: center;}
.midQuickbanner ul li dl dd{background-color: #ececec; color: #3b6dc7; font-size: 15px; text-align: center; padding: 3px 0; letter-spacing: -0.075em;}
.midQuickbanner:after{content:''; display: block; clear: both;}
	
.CBStep{border: 1px solid #c6c5c5; margin-bottom: 25px; box-sizing: border-box; padding: 20px;}
.CBStep .CBStep-title{margin-bottom: 10px;}
.CBStep .CBStep-title dl{display: block;}
.CBStep .CBStep-title dl dt{display: inline-block; font-size: 24px; letter-spacing:-0.075em; color:#000; padding-right: 20px; font-weight: 600;}
.CBStep .CBStep-title dl dd{display: inline-block; font-size: 15px; color:#2e2e2e;}


.midBanner_00{margin-bottom: 25px;}
.midBanner_00 {}
.midBanner_00 li{width: 292px; float: left; box-sizing: border-box;}
.midBanner_00 li a{text-align: center; display: block; border: 1px solid #6994e2;}
.midBanner_00 li + li{margin-left: 10px;}
.midBanner_00:after{content:''; display: block; clear: both; }

.midBanner_01{margin-bottom: 25px;}
.midBanner_01 {border: 1px solid #c6c5c5;}
.midBanner_01 li{float: left; width: 200px; padding: 18px 0; box-sizing: border-box; background-color: #f0f0f0;}
.midBanner_01 li:first-of-type, .midBanner_01 li:last-of-type{width: 199px;}
.midBanner_01 li a{text-align: center; display: block; font-size: 16px; letter-spacing: -0.075em;}
.midBanner_01 li + li{border-left: 1px solid #c6c5c5}
.midBanner_01:after{content:''; display: block; clear: both; }

.midBanner_02{margin-bottom: 25px;}
.midBanner_02 {}
.midBanner_02 li{width: 230px; float: left; box-sizing: border-box;}
.midBanner_02 li a{text-align: center; display: block; border: 1px solid #6994e2;}
.midBanner_02 li + li{margin-left: 12px;}
.midBanner_02:after{content:''; display: block; clear: both; }

/* 메인 페이지내 로그인창 */
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box2{width: 490px; border: 1px solid #c6c5c5; box-sizing: border-box; padding: 40px;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box2 .loginBox{height:auto;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box2 .loginBox > ul{width:100%; height:auto; margin-bottom: 15px;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box2 .loginBox > ul li{float:left; text-align:center; cursor:pointer; font-size: 18px; color:#999; box-sizing:border-box; font-weight: 500; letter-spacing: -0.05em;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box2 .loginBox > ul li:after{content:''; display: inline-block; width: 1px; height: 14px; background-color:#dcdcdc; margin: 0px 20px;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box2 .loginBox > ul li:last-child:after{content: none;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box2 .loginBox > ul li.on{color:#333; background-color:#fff;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box2 .loginBox #loginTab:after{content:''; display:block; clear:both;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box2 .loginBox .conBox{width:100%; display:none; position: relative; box-sizing:border-box;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box2 .loginBox .conBox.on{display:block;}

.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box2 .loginBox .conBox .login_content{position: relative;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box2 .loginBox .conBox .login_content .create_wrap input[type="text"],
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box2 .loginBox .conBox .login_content .create_wrap input[type="password"]{width: 270px; height: 40px; background-color:#dcdcdc; padding: 0px 18px; border: none; color:#000; font-size: 16px; letter-spacing: -0.05em; box-sizing: border-box;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box2 .loginBox .conBox .login_content .create_wrap input[type="text"]{margin-bottom: 10px;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box2 .loginBox .conBox .login_content .create_wrap input::placeholder{color:#000;}

.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box2 .loginBox .conBox .login_content .general_login {width: 120px; height: 90px; background-color: #3b6dc7; display: block; margin-left: 10px; font-size: 16px; color: #fff;
position: absolute; top: 0; right: 0;}

.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box2 .loginBox .conBox .login_content .etc_wrap {padding-top: 15px;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box2 .loginBox .conBox .login_content .etc_wrap * {display: inline-block; vertical-align: middle;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box2 .loginBox .conBox .login_content .etc_wrap label {cursor: pointer; position: relative; -ms-user-select: none; -moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;user-select: none; margin-top: -2px;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box2 .loginBox .conBox .login_content .etc_wrap label input[type="checkbox"] {position: absolute; top: 0; left: 0; width: 0; height: 0; opacity: 0; font-size: 0; overflow: hidden;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box2 .loginBox .conBox .login_content .etc_wrap label strong {width: 19px; height: 19px; background-color: #ccc; position: relative; margin-right: 5px;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box2 .loginBox .conBox .login_content .etc_wrap label strong:before {content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url('/common/images/layout/counsel_agree.png') center center no-repeat; display: none;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box2 .loginBox .conBox .login_content .etc_wrap label input[type="checkbox"]:checked ~ strong:before {display: block;}
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box2 .loginBox .conBox .login_content .etc_wrap label span, 
.wrapAll_2020 #mainNew_2020 .right_wrap .Class_wrap .box2 .loginBox .conBox .login_content .etc_wrap a{font-size: 13px; color: #333; letter-spacing:-0.05em; margin-right: 10px;}
.wrapAll_2020 #mainNew_2020 .right_wrap:after{content:''; display: block; clear: both;}

.blind {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}

/* 로그인이후 */
.loginBox .user_name{font-size: 18px; color: #666; display: block; margin-bottom: 12px;}
.loginBox .user_name > span{font-size: 18px; color: #3b6dc7; font-weight: 500;}
.loginBox .user_state{display: block !important; padding: 17px 20px;; border-top: 1px solid #dcdcdc;}
.loginBox .user_state .state{font-size: 13px; color:#333; line-height:24px; box-sizing: border-box; letter-spacing:-0.05em;}
.loginBox .user_state .state:nth-child(1){float:left; }
.loginBox .user_state .state:nth-child(2){float:right; }
.loginBox .user_state .state > span{font-size: 24px; color:#00b2cc; margin-left: 20px; vertical-align: bottom;}
.loginBox .user_state .state dl{float:left; box-sizing: border-box; font-size: 13px; color:#999;}
.loginBox .user_state .state dl:after{content:''; display: inline-block; width: 1px; height: 12px; background-color:#dcdcdc; margin: 0px 10px;}
.loginBox .user_state .state dl:last-child:after{content:none;}
.loginBox .user_state .state dl dt{display: inline-block; margin-right: 10px;}
.loginBox .user_state .state dl dd{display: inline-block; text-align:right;}
.loginBox .user_state .state dl dd a > span{font-size: 15px; color:#333;}
.loginBox .user_state .state:after{content:''; display:block; clear:both;}
.loginBox .user_state:after{content:''; display:block; clear:both;}
.loginBox .user_btnSet{display: block !important; text-align: center; margin-bottom: 7px;}
.loginBox .user_btnSet a{display: inline-block; width: 99px; color:#fff; font-size: 13px; letter-spacing:-0.05em; font-weight: 500; padding: 7px 0;}
.loginBox .user_btnSet a.btn_mylec, .loginBox	.user_btnSet a.btn_mypage{background-color:#3b6dc7;}
.loginBox .user_btnSet a.btn_modimember, .loginBox	.user_btnSet a.btn_logout{background-color:#999;}
.loginBox select {width: 100%; height: 38px; padding: 0px 18px; border: 1px solid #dcdcdc; font-size: 14px; color: #222;border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url('/common/images/layout/arw_mainCounsel.png') no-repeat 95% 50%;}
.loginBox select::-ms-expand{ display:none;}
.loginBox select option {color: #999; background: #fff;}


.wrapAll_2020 #mainNew_2020 .section1_1 {background: #ececec;}
.wrapAll_2020 #mainNew_2020 .curriculumListWrap{padding: 15px 0;}
.wrapAll_2020 #mainNew_2020 .curriculumListWrap .TopcurriculumList{border: 1px solid #c2c2c2; margin: 15px 0;}
.wrapAll_2020 #mainNew_2020 .curriculumListWrap .TopcurriculumList li{background-color: #17385e; float: left; width: 160px; height: 88px; box-sizing: border-box; text-align: center; padding: 18px 0; font-weight: 300;}
.wrapAll_2020 #mainNew_2020 .curriculumListWrap .TopcurriculumList li a{font-size: 16px; color:#fff;}
.wrapAll_2020 #mainNew_2020 .curriculumListWrap .TopcurriculumList li a:before{content:''; display:block; width: 41px; height: 28px; background-color:#000; margin: 0 auto;}
.wrapAll_2020 #mainNew_2020 .curriculumListWrap .TopcurriculumList li:first-of-type{width: 238px; height: 88px; line-height: 50px;}
.wrapAll_2020 #mainNew_2020 .curriculumListWrap .TopcurriculumList li + li{border-left: 1px solid #c2c2c2;}
.wrapAll_2020 #mainNew_2020 .curriculumListWrap .TopcurriculumList.culumListLI li:first-of-type{color:#f18449; font-size: 22px;}
.wrapAll_2020 #mainNew_2020 .curriculumListWrap .TopcurriculumList.culumListCB li:first-of-type{color:#49d1f1; font-size: 22px;}

/* 자격증(culumListLI) 아이콘 스프라이트 */
.wrapAll_2020 #mainNew_2020 .curriculumListWrap
.TopcurriculumList.culumListLI li a:before{
  background:url('/common/images/main/sp_culumListLI2.png') no-repeat; /* 새 파일 */
  background-size: 284px 28px; /* ★ 중요: 새 이미지 크기에 맞춤 */
}

/* 1번째 li는 "학점은행 - 자 격 증" 타이틀이라,
   실제 아이콘은 nth-child(2)부터 시작 */
.wrapAll_2020 #mainNew_2020 .curriculumListWrap
.TopcurriculumList.culumListLI li:nth-child(2) a:before{ background-position:   0px 0;  margin-top:7px; }  /* 사회복지사 */
.wrapAll_2020 #mainNew_2020 .curriculumListWrap
.TopcurriculumList.culumListLI li:nth-child(3) a:before{ background-position: -40px 0;  margin-top:7px; }  /* 보육교사 */
.wrapAll_2020 #mainNew_2020 .curriculumListWrap
.TopcurriculumList.culumListLI li:nth-child(4) a:before{ background-position: -82px 0;  margin-top:7px; }  /* 유보통합 */
.wrapAll_2020 #mainNew_2020 .curriculumListWrap
.TopcurriculumList.culumListLI li:nth-child(5) a:before{ background-position:-123px 0;  margin-top:7px; }  /* 한국어교원 */
.wrapAll_2020 #mainNew_2020 .curriculumListWrap
.TopcurriculumList.culumListLI li:nth-child(6) a:before{ background-position:-164px 0;  margin-top:7px; }  /* 장애영유아 */
.wrapAll_2020 #mainNew_2020 .curriculumListWrap
.TopcurriculumList.culumListLI li:nth-child(7) a:before{ background-position:-204px 0;  margin-top:7px; }  /* 평생교육사 (기존 마지막) */

/* ★ 새로 추가된 7번째 아이콘(맨 끝) */
.wrapAll_2020 #mainNew_2020 .curriculumListWrap
.TopcurriculumList.culumListLI li:nth-child(8) a:before{ background-position:-244px 0;  margin-top:7px; }  /* 종합미용면허 */
/* 학위과정(culumListCB) 스프라이트 */
.wrapAll_2020 #mainNew_2020 .curriculumListWrap
.TopcurriculumList.culumListCB li a:before{
  background: url('/common/images/main/sp_culumListCB2.png') no-repeat;
  background-size: 281px 28px; /* ★ 기존 246 → 284로 수정 */
}

/* 교양과목 */
.wrapAll_2020 #mainNew_2020 .curriculumListWrap
.TopcurriculumList.culumListCB li:nth-child(2) a:before{
  background-position:   0px 0;  margin-top:7px;
}

/* 학점은행제 */
.wrapAll_2020 #mainNew_2020 .curriculumListWrap
.TopcurriculumList.culumListCB li:nth-child(3) a:before{
  background-position: -40px 0;  margin-top:7px;
}

/* 심리학위취득 */
.wrapAll_2020 #mainNew_2020 .curriculumListWrap
.TopcurriculumList.culumListCB li:nth-child(4) a:before{
  background-position: -82px 0;  margin-top:7px;
}

/* 아동학위취득 */
.wrapAll_2020 #mainNew_2020 .curriculumListWrap
.TopcurriculumList.culumListCB li:nth-child(5) a:before{
  background-position:-123px 0;  margin-top:7px;
}

/* 사회복지학위취득 */
.wrapAll_2020 #mainNew_2020 .curriculumListWrap
.TopcurriculumList.culumListCB li:nth-child(6) a:before{
  background-position:-164px 0;  margin-top:7px;
}

/* 사회복지사1급 */
.wrapAll_2020 #mainNew_2020 .curriculumListWrap
.TopcurriculumList.culumListCB li:nth-child(7) a:before{
  background-position:-204px 0;  margin-top:7px;
}

/* ★ 새로 추가된 마지막 아이콘 (예: 미용학위 등) */
.wrapAll_2020 #mainNew_2020 .curriculumListWrap
.TopcurriculumList.culumListCB li:nth-child(8) a:before{
  background-position:-244px 0;  margin-top:7px;
}

.wrapAll_2020 #mainNew_2020 .curriculumListWrap .TopcurriculumList:after{content:''; display: block; clear: both;}