/**
 * 이 파일은 비교과모듈의 일부입니다. (http://www.coursemos.kr)
 *
 * 비교과 최근프로그램 위젯 - 기본 템플릿 스타일시트
 *
 * @modified 2019. 2. 10.
 */
div[data-widget|=eco] + div[data-widget|=eco] {margin-top:20px;}

div[data-widget=eco-recently][data-templet=default] h4 {height:40px; line-height:40px; margin-bottom:10px; position:relative; z-index:5;}
div[data-widget=eco-recently][data-templet=default] h4 {margin-bottom:10px; height:40px; line-height:40px; font-size:1.29rem; color:#222;}
div[data-widget=eco-recently][data-templet=default] h4 > i {width:26px; font-weight:normal;}
div[data-widget=eco-recently][data-templet=default] h4 > button {height:40px; border:0; background:transparent; font-size:0;}
div[data-widget=eco-recently][data-templet=default] h4 > button > i {font-size:1.29rem; width:26px; height:40px; vertical-align:middle; line-height:40px; color:#222;}
div[data-widget=eco-recently][data-templet=default] h4 > button > span {display:inline-block; height:40px; line-height:40px; font-size:1.29rem; color:#222; vertical-align:middle; font-weight:bold;}
div[data-widget=eco-recently][data-templet=default] h4 > button > i.fa-caret-down {width:24px; height:24px; box-sizing:border-box; border:1px solid rgba(0,0,0,0.2); border-radius:50%; line-height:24px; text-align:center; margin:1px 0px 1px 10px; color:#666; font-size:1rem; display:none;}
div[data-widget=eco-recently][data-templet=default] h4.select > button {cursor:pointer;}
div[data-widget=eco-recently][data-templet=default] h4.select > button > i.fa-caret-down {display:inline-block; line-height:22px;}
div[data-widget=eco-recently][data-templet=default] h4.select > div[data-role=category] {position:absolute; top:45px; left:0; border:1px solid #ccc; background:#fff; z-index:5; min-width:200px; border-top:2px solid #222; box-shadow:1px 1px 3px rgba(0,0,0,0.1); display:none;}
div[data-widget=eco-recently][data-templet=default] h4.select > div[data-role=category]:before {position:absolute; left:6px; border-bottom:5px solid #222; bottom:100%; margin-bottom:2px; content:" "; border-left:5px solid transparent; border-right:5px solid transparent;}
div[data-widget=eco-recently][data-templet=default] h4.select > div[data-role=category] > ul {list-style:none; overflow-y:scroll; padding:5px 0px; max-height:300px; max-height:300px; overflow-x:hidden;}
div[data-widget=eco-recently][data-templet=default] h4.select > div[data-role=category] > ul > li {padding:0px 10px; font-weight:normal; font-size:1rem; height:34px; line-height:34px; cursor:pointer;}
div[data-widget=eco-recently][data-templet=default] h4.select > div[data-role=category] > ul > li:hover {background:#f4f4f4;}
div[data-widget=eco-recently][data-templet=default] h4.select.open > button > i.fa-caret-down {line-height:20px; background:#2196F3; color:#fff;}
div[data-widget=eco-recently][data-templet=default] h4.select.open > button > i.fa-caret-down:before {content:"\f0d8";}
div[data-widget=eco-recently][data-templet=default] h4.select.open > div[data-role=category] {display:block;}

div[data-widget=eco-recently][data-templet=default] div[data-role=list] {position:relative; z-index:0; height:auto;}
div[data-widget=eco-recently][data-templet=default] div[data-role=list] > div[data-role=blank] {position:absolute; background:#fff; width:10px; height:100%; z-index:1;}
div[data-widget=eco-recently][data-templet=default] div[data-role=list].padding10 > div[data-role=blank] {width:5px;}
div[data-widget=eco-recently][data-templet=default] div[data-role=list] > div[data-role=blank].left {left:0;}
div[data-widget=eco-recently][data-templet=default] div[data-role=list] > div[data-role=blank].right {right:0;}

div[data-widget=eco-recently][data-templet=default] div[data-role=list].padding10 > div {margin-left:-5px; margin-right:-5px;}
div[data-widget=eco-recently][data-templet=default] div[data-role=list].padding10 > div.box div[data-role=item] {border-left:5px solid transparent; border-right:5px solid transparent; box-sizing:border-box;}
div[data-widget=eco-recently][data-templet=default] div[data-role=list].padding20 > div {margin-left:-10px; margin-right:-10px;}
div[data-widget=eco-recently][data-templet=default] div[data-role=list].padding20 > div.box div[data-role=item] {border-left:10px solid transparent; border-right:10px solid transparent; box-sizing:border-box;}
div[data-widget=eco-recently][data-templet=default] div[data-role=list] > div.box div[data-role=item] {opacity:0;}
div[data-widget=eco-recently][data-templet=default] div[data-role=list] > div.box.slick-initialized div[data-role=item] {opacity:1;}

div[data-widget=eco-recently][data-templet=default] div[data-role=list][data-essential=true] > div.box div.text {width:100%; height:275px; line-height:246px;}
div[data-widget=eco-recently][data-templet=default] div[data-role=empty] > div.box {width:100%; height:380px; background:#f4f4f4 url(../images/nodata.png) no-repeat 50% 140px; padding-top:240px; box-sizing:border-box; text-align:center; color:#666;}

div[data-widget=eco-recently][data-templet=default] button.slick-arrow {width:40px; height:40px; position:absolute; top:calc(50% - 50px); z-index:10; border:1px solid #ccc; border-radius:50%; text-align:center; line-height:38px; background:#fff; box-shadow:1px 1px 2px rgba(0,0,0,0.2); cursor:pointer; font-size:0; color:#222;}
div[data-widget=eco-recently][data-templet=default] button.slick-prev {left:-10px;}
div[data-widget=eco-recently][data-templet=default] button.slick-prev:before {font-family:FontAwesome; content:"\f104"; font-size:1.29rem;}
div[data-widget=eco-recently][data-templet=default] button.slick-next {right:-10px;}
div[data-widget=eco-recently][data-templet=default] button.slick-next:before {font-family:FontAwesome; content:"\f105"; font-size:1.29rem;}
div[data-widget=eco-recently][data-templet=default] ul.slick-dots {list-style:none; width:100%; text-align:center; font-size:0; color:transparent; padding-top:10px;}
div[data-widget=eco-recently][data-templet=default] ul.slick-dots > li {display:inline-block; vertical-align:middle; padding:2px;}
div[data-widget=eco-recently][data-templet=default] ul.slick-dots > li > button {width:8px; height:8px; background:rgba(0,0,0,0.1); border-radius:50%; margin:1px; border:0;}
div[data-widget=eco-recently][data-templet=default] ul.slick-dots > li.slick-active > button {background:#2196F3;}

/* 2023.1.20 탭 스타일 추가 */
div[data-role=tab][data-name=eco_recently] div[data-widget=eco-recently][data-templet=default] div[data-role=list] {min-height:385px; height:auto;}
div[data-role=tab][data-name=eco_recently] div[data-widget=eco-recently][data-templet=default] div[data-role=list].padding20 > div.box div[data-role=item] {margin-bottom:10px;}
div[data-role=eco_recently_tabbar] {margin-top:50px; width:100%; height:70px; overflow-y:hidden; -webkit-user-select:none; -ms-user-select:none; -moz-user-select:none;}
div[data-role=eco_recently_tabbar] > div {width: 100%; height: 90px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;}
div[data-role=eco_recently_tabbar] > div > ul {display:table; width:100%; table-layout:fixed; list-style:none; padding:0px; margin:0px;}
div[data-role=eco_recently_tabbar] > div > ul > li {display:table-cell; width:auto; height:70px; font-size:0; box-sizing:border-box; border-top:1px solid #d9dadb; border-bottom:2px solid #525866;}
div[data-role=eco_recently_tabbar] > div > ul > li.selected {border-top:2px solid #525866; position:relative;}

div[data-role=eco_recently_tabbar] > div > ul > li > button {display: block; width: 100%; height: 67px; padding: 0px 5px; background: #f7f9fa; border: 0px; border-left: 1px solid #d9dadb; font-size:1.07rem; color: #939799; text-align: center; text-decoration: none; line-height: 67px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; box-sizing: border-box; cursor: pointer; }
div[data-role=eco_recently_tabbar] > div > ul > li:last-child > button {border-right: 1px solid #d9dadb;}
div[data-role=eco_recently_tabbar] > div > ul > li.selected > button {position: absolute; top: 0; left: 0;height:68px; border-left: 2px solid #525866; border-right: 2px solid #525866; background: #fff; color: #1a1a1a;}

@media (max-width:768px) {
	div[data-widget=eco-recently][data-templet=default] div[data-role=list] {margin-left:-5px; margin-right:-5px;}
	div[data-widget=eco-recently][data-templet=default] div[data-role=list].padding20 > div {margin-left:-5px; margin-right:-5px;}
	div[data-widget=eco-recently][data-templet=default] div[data-role=list].padding20 > div.box div[data-role=item] {border-left:5px solid transparent; border-right:5px solid transparent;}

	div[data-widget=eco-recently][data-templet=default] div[data-role=list] > div[data-role=blank] {display:none;}
	div[data-widget=eco-recently][data-templet=default] button.slick-arrow {display:none !important;}
}

@media (max-width:800px) {
	div[data-widget=eco-recently][data-templet=default] button.slick-arrow {display:none !important;}
}

@media (min-width:768px) and (max-width:991px) {
	div[data-widget=eco-recently][data-templet=default] div[data-role=list] > div[data-role=blank] {background:#fff; width:5px !important;}
	div[data-widget=eco-recently][data-templet=default] div[data-role=list].padding20 > div {margin-left:-5px; margin-right:-5px;}
	div[data-widget=eco-recently][data-templet=default] div[data-role=list].padding20 > div.box div[data-role=item] {border-left:5px solid transparent; border-right:5px solid transparent;}
	div[data-widget=eco-recently][data-templet=default] button.slick-arrow{top:calc(50% - 61px)}
	div[data-widget=eco-recently][data-templet=default] button.slick-prev {left:-15px;}
	div[data-widget=eco-recently][data-templet=default] button.slick-next {right:-15px;}
}

@media (min-width:992px) and (max-width:1189px) {
	div[data-widget=eco-recently][data-templet=default] div[data-role=list] > div[data-role=blank] {background:#fff; width:5px !important;}
	div[data-widget=eco-recently][data-templet=default] div[data-role=list] > div[data-role=blank].right {width:3px !important;}
	div[data-widget=eco-recently][data-templet=default] div[data-role=list].padding20 > div {margin-left:-5px; margin-right:-5px;}
	div[data-widget=eco-recently][data-templet=default] div[data-role=list].padding20 > div.box div[data-role=item] {border-left:5px solid transparent; border-right:5px solid transparent;}
	div[data-widget=eco-recently][data-templet=default] button.slick-arrow{top:calc(50% - 61px)}
	div[data-widget=eco-recently][data-templet=default] button.slick-prev {left:-15px;}
	div[data-widget=eco-recently][data-templet=default] button.slick-next {right:-15px;}
}

.slick-slide > div:nth-child(2) {margin-top: 22px;}
.slick-slide > div:nth-child(3) {margin-top: 22px;}
.slick-slide > div:nth-child(4) {margin-top: 22px;}