/**
 * 이 파일은 비교과모듈의 일부입니다. (http://www.coursemos.kr)
 *
 * 비교과 기본 템플릿 - 컨텍스트 스타일시트
 *
 * @file /modules/eco/templets/styles/style.css
 * @license MIT License
 * @version 3.4.0
 * @modified 2020. 4. 16.
 */
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url(../font/woff2/Pretendard-Black.woff2) format('woff2'), url(../font/woff/Pretendard-Black.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url(../font/woff2/Pretendard-ExtraBold.woff2) format('woff2'), url(../font/woff/Pretendard-ExtraBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url(../font/woff2/Pretendard-Bold.woff2) format('woff2'), url(../font/woff/Pretendard-Bold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url(../font/woff2/Pretendard-SemiBold.woff2) format('woff2'), url(../font/woff/Pretendard-SemiBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url(../font/woff2/Pretendard-Medium.woff2) format('woff2'), url(../font/woff/Pretendard-Medium.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(../font/woff2/Pretendard-Regular.woff2) format('woff2'), url(../font/woff/Pretendard-Regular.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url(../font/woff2/Pretendard-Light.woff2) format('woff2'), url(../font/woff/Pretendard-Light.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url(../font/woff2/Pretendard-ExtraLight.woff2) format('woff2'), url(../font/woff/Pretendard-ExtraLight.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url(../font/woff2/Pretendard-Thin.woff2) format('woff2'), url(../font/woff/Pretendard-Thin.woff) format('woff');
}


html,body{font-family:'Pretendard' !important;}
a {text-decoration:none;}
ul, li {list-style:none;}
.container {box-sizing:border-box;}
@media (min-width: 1420px) {.container {width: 1420px;}}


/* ------------ style.css.php ------------ */

main > nav {height:54px; background:var(--thema_color); font-size:0; overflow:hidden; position:relative;}
main > nav > div.container {position:relative;}
main > nav > div.container > ul {display:block; text-align:center; padding:12px 0px 32px 0px; height:30px; overflow-x:scroll; overflow-y:hidden; white-space:nowrap;}
main > nav > div.container > ul > li {display:inline-block; padding:0px 10px; height:30px; vertical-align:middle;}
main > nav > div.container > ul > li > a {display:inline-block; height:26px; line-height:26px; border-top:2px solid transparent; border-bottom:2px solid transparent; color:rgba(255,255,255,0.8); padding:0px; font-size:1.14rem; text-decoration:none;}
main > nav > div.container > ul > li > a:hover {color:#fff;}
main > nav > div.container > ul > li.selected > a {border-bottom-color:#fff; color:#fff;}
main > nav > div.container > div.gradient {position:absolute; top:0; right:0; width:30px; height:54px; background:linear-gradient(to right,GetHexToRgb(var(--thema_color),0) 0%, GetHexToRgb(var(--thema_color),1) 60%, GetHexToRgb(var(--thema_color),1) 100%);}
main > nav + div.container {margin-top:50px;}

main div[data-role=button] > button[type=submit], div[data-role=button] > .submit {background:var(--thema_color);}
main div[data-module=board] div[data-role=toolbar] > a {background:var(--thema_color);}


main.index > nav.essential {background:#fff; border-bottom:1px solid #e5e5e5; height:152px; overflow:hidden;}
main.index > nav.essential > div.container > ul {margin-left:-10px; margin-right:-10px; width:calc(100% + 20px); height:172px; overflow-x:scroll; display:block; padding:0; text-align:center; white-space:nowrap;}
main.index > nav.essential > div.container > ul > li {display:inline-block; width:105px; height:120px; vertical-align:top; padding:10px;}
main.index > nav.essential > div.container > ul > li:first-child {width:10px;}
main.index > nav.essential > div.container > ul > li:last-child {width:10px;}
main.index > nav.essential > div.container > ul > li > a {display:block; text-decoration:none; color:#666; width:85px; height:auto; margin:0 auto; text-align:center; font-size:0.86rem;  border:0; line-height:1; transition:.2s ease-in-out;}
main.index > nav.essential > div.container > ul > li:hover > a {color:var(--thema_color);}
main.index > nav.essential > div.container > ul > li > a > i.icon {display:block; width:64px; height:64px; border:1px solid #dbdbdb; line-height:62px; text-align:center; font-style:normal; margin:22px auto 15px auto; border-radius:50%; box-sizing:border-box; background:#fafafa; font-size:2.29rem; color:#666; transition:.2s ease-in-out;}
main.index > nav.essential > div.container > ul > li:hover > a > i.icon {background:var(--thema_color); border-color:var(--thema_color); color:#fff;}

main.index > form[data-role=search] {margin-top:-346px; padding-top:385px; padding-bottom:1px; background-image:url(../images/bg_banner.png); background-size:auto; background-repeat:no-repeat; background-position:top center; background-color:#f2f8ff;}
main.index > form[data-role=search] > div.container > div.search_wrap {height:80px; margin-bottom:80px; padding:20px 0 20px 32px; border-radius:5px; background:#4c4863; box-sizing:border-box;}
main.index > form[data-role=search] > div.container > div.search_wrap > div {display:inline-block; width:calc(100% - 352px); vertical-align:top;}
main.index > form[data-role=search] > div.container > div.search_wrap > div > i.mi {display:inline-block; margin-right:24px; color:#fff; font-size:1.57rem; vertical-align:top; line-height:40px;}
main.index > form[data-role=search] > div.container > div.search_wrap > div > input[type=keyword] {width:calc(100% - 50px); border:0 none; background:transparent; font-size:1.5rem; color:#fff; line-height:40px;}
main.index > form[data-role=search] > div.container > div.search_wrap > div > input[type=keyword]::placeholder {color:rgba(255,255,255,.6);}
main.index > form[data-role=search] > div.container > div.search_wrap > div > input[type=keyword]:focus::placeholder {color:transparent;}
main.index > form[data-role=search] > div.container > div.search_wrap > button {width:100px; padding:7px 18px; border-radius:30px; line-height:24px; color:#fff; vertical-align:top; box-sizing:border-box; cursor:pointer;}
main.index > form[data-role=search] > div.container > div.search_wrap > button[type=button].detail {border:1px solid #fff; background:transparent; font-size:1.14rem;}
main.index > form[data-role=search] > div.container > div.search_wrap > button[type=submit] {margin-left:2px; border:0 none; background:#ffa741; font-weight:600; font-size:1.29rem;}
main.index > form[data-role=search] > div.container > div.search_wrap > button[type=submit] > i {font-style:normal;}
main.index > form[data-role=search] > div.container > div.search_wrap > span.icon_search {display:inline-block; width:139px; height:144px; margin-top:-40px; background-image:url(../images/ico_lion.png);}
main div[data-module=board] div[data-role=searchbar] > a {background:var(--thema_color)}
main div[data-module=calendar] .fc-write-button {background:var(--thema_color)}

main.subpage > div.intro {background:#f3f4f8;}
main.subpage > div.intro > div.container {max-width:820px; height:120px; position:relative;}
main.subpage > div.intro > div.container > h2 {font-size:2.29rem; height:40px; line-height:40px; position:absolute; top:calc(50% - 20px); left:10px; color:#222;}
main.subpage > div.intro > div.container > div.breadcrumb {height:20px; position:absolute; top:calc(50% - 10px); right:10px; color:#666; font-size:0;}
main.subpage > div.intro > div.container > div.breadcrumb > i {display:inline-block; vertical-align:middle; height:20px; line-height:20px; font-size:1rem;}
main.subpage > div.intro > div.container > div.breadcrumb > span {display:inline-block; vertical-align:middle; height:20px; line-height:20px; margin-left:10px; font-size:1rem;}
main.subpage > div.intro > div.container > div.breadcrumb > span > a {color:#666; text-decoration:none;}
main.subpage > div.intro > div.container > div.breadcrumb > span > a:hover {color:var(--thema_color);}
main.subpage > div.intro > div.container > div.breadcrumb > i.fa {margin-left:10px; font-size:1rem;}
main.subpage > div.container { min-height:350px; padding-top:20px;}




/* 메뉴 그룹사용시 네비게이션 추가 끝 05-26 */

main.program > nav.category > div.container > ul {display:inline-block; vertical-align:top; width:calc(100% - 125px);}
main.program > nav.category > div.container > ul > li:first-child {padding-left:0;}
main.program > nav.category > div.container > ul > li:last-child {width:15px; padding:0;}
main.program > nav.category > div.container > ul > li > a {padding:0;}
main.program > nav.category > div.container > div.gradient {right:135px;}
main.program > nav.category > div.container > div.quick {display:inline-block; width:125px; height:20px; background:rgba(0,0,0,0.2); border-radius:3px; vertical-align:top; margin:12px 0px; padding:5px 0px; text-align:center; font-size:0;}
main.program > nav.category > div.container > div.quick > a {display:inline-block; font-size:0.86rem; height:20px; line-height:20px; color:rgba(255,255,255,0.8); text-decoration:none; margin:0px 8px;}
main.program > nav.category > div.container > div.quick > a:hover {color:#fff;}
main.program > nav.category > div.container > div.quick > a > i.selected {color:#ffeb00;}

main.program > nav.essential {background:#fafafa; border-bottom:1px solid #e8e8e8; height:152px; overflow:hidden;}
main.program > nav.essential > div.container > ul {margin-left:-10px; margin-right:-10px; width:calc(100% + 20px); height:172px; overflow-x:scroll; display:block; padding:0; text-align:center; white-space:nowrap;}
main.program > nav.essential > div.container > ul > li {display:inline-block; width:105px; height:120px; vertical-align:top; padding:10px;}
main.program > nav.essential > div.container > ul > li:first-child {width:10px;}
main.program > nav.essential > div.container > ul > li:last-child {width:10px;}
main.program > nav.essential > div.container > ul > li > a {display:block; text-decoration:none; color:#666; width:85px; height:auto; margin:0 auto; text-align:center; font-size:0.86rem;  border:0; line-height:1; transition:.2s ease-in-out;}
main.program > nav.essential > div.container > ul > li > a:hover {color:var(--thema_color);}
main.program > nav.essential > div.container > ul > li > a > i.icon {display:block; width:64px; height:64px; border:1px solid #dbdbdb; line-height:62px; text-align:center; font-style:normal; margin:22px auto 15px auto; border-radius:50%; box-sizing:border-box; background:#fff; font-size:2.29rem; color:#666; transition:.2s ease-in-out;}
main.program > nav.essential > div.container > ul > li > a > i.icon:hover {border-color:var(--thema_color); color:var(--thema_color);}
main.program > nav.essential > div.container > ul > li.selected > a {color:var(--thema_color); font-weight:bold;}
main.program > nav.essential > div.container > ul > li.selected > a > i.icon {border-color:var(--thema_color); background:var(--thema_color); color:#fff;}

main div[data-module=eco] div[data-role=toolbar] > a {background:var(--thema_color)}
main div[data-module=eco] div[data-component=board] div[data-role=searchbar] > a {background:var(--thema_color)}
main div[data-module=eco] div.input.search_area > button[type=button].detail {background-color:var(--thema_color);}
main div[data-module=eco] div[data-role=sortbar] > label > b {color:var(--thema_color);}
main div[data-module=eco] div[data-role=sortbar] > ul > li.selected > a > i {background:var(--thema_color);}
main div[data-module=eco] ul[data-role=displaybar] > li.selected > button {border-color:var(--thema_color); background:var(--thema_color);}
main div[data-module=eco] ul[data-role=displaybar] > li.selected > button i::before {color:#fff;}
main div[data-module=eco] div.tagbox > a.search_tag {background:var(--thema_color);}
main div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.bottom > label > b {color:var(--thema_color);}

main.essential > nav.category > div.container > ul {text-align:left; display:inline-block; vertical-align:top; width:calc(100% - 125px);}
main.essential > nav.category > div.container > ul > li:first-child {padding-left:0;}
main.essential > nav.category > div.container > ul > li:last-child {width:15px; padding:0;}
main.essential > nav.category > div.container > ul > li > a {padding:0; font-size:1rem;}
main.essential > nav.category > div.container > div.gradient {right:135px;}
main.essential > nav.category > div.container > div.quick {display:inline-block; width:125px; height:20px; background:rgba(0,0,0,0.2); border-radius:3px; vertical-align:top; margin:12px 0px; padding:5px 0px; text-align:center; font-size:0;}
main.essential > nav.category > div.container > div.quick > a {display:inline-block; font-size:0.86rem; height:20px; line-height:20px; color:rgba(255,255,255,0.8); text-decoration:none; margin:0px 8px;}
main.essential > nav.category > div.container > div.quick > a:hover {color:#fff;}

/* 2023.1.19 하위핵심역량 노출 옵션 스타일 추가 */
main.index > nav.essential.child,
main.essential > nav.essential {background:#fafafa; border-bottom:1px solid #e8e8e8; height:152px; padding:15px 0 0; overflow:hidden;}
main.index > nav.essential.child > div.container > ul,
main.essential > nav.essential > div.container > ul {margin-left:-10px; margin-right:-10px; width:calc(100% + 20px); height:152px; overflow-x:scroll; display:block; padding:0; text-align:center; white-space:nowrap; overflow-x:auto}
main.index > nav.essential.child > div.container > ul > li,
main.essential > nav.essential > div.container > ul > li {display:inline-block; width:105px; height:140px; vertical-align:top; padding:21px 10px;}
main.index > nav.essential.child > div.container > ul > li.parent,
main.essential > nav.essential > div.container > ul > li.parent {position:relative; width:auto; padding:0 25px}
main.index > nav.essential.child > div.container > ul > li:first-child,
main.essential > nav.essential > div.container > ul > li:first-child {width:10px;}
main.index > nav.essential.child > div.container > ul > li:last-child,
main.essential > nav.essential > div.container > ul > li:last-child {width:10px;}
main.index > nav.essential.child > div.container > ul > li > a,
main.essential > nav.essential > div.container > ul > li > a {display:block; text-decoration:none; color:#666; width:85px; height:auto; margin:0 auto; text-align:center; font-size:0.86rem;  border:0; line-height:1; transition:.2s ease-in-out;}
main.index > nav.essential.child > div.container > ul > li.parent > a,
main.essential > nav.essential > div.container > ul > li.parent > a {position:absolute; top:7px; left:50%; transform:translateX(-50%); width:auto; padding:0 3px 3px; font-size:1rem; text-align:center; }
main.index > nav.essential.child > div.container > ul > li.parent > a:not(.all),
main.essential > nav.essential > div.container > ul > li.parent > a:not(.all) {color:var(--thema_color); font-weight:bold; transition:border 0s}
main.index > nav.essential.child > div.container > ul > li > a:hover,
main.essential > nav.essential > div.container > ul > li > a:hover {color:var(--thema_color);}
main.index > nav.essential.child > div.container > ul > li > a > i.icon,
main.essential > nav.essential > div.container > ul > li > a > i.icon {display:block; width:64px; height:64px; border:1px solid #dbdbdb; line-height:62px; text-align:center; font-style:normal; margin:22px auto 15px auto; border-radius:50%; box-sizing:border-box; background:#fff; font-size:2.29rem; color:#666; transition:.2s ease-in-out;}
main.index > nav.essential.child > div.container > ul > li > a > i.icon:hover,
main.essential > nav.essential > div.container > ul > li > a > i.icon:hover {border-color:var(--thema_color); color:var(--thema_color);}
main.index > nav.essential.child > div.container > ul > li > ul,
main.essential > nav.essential > div.container > ul > li > ul {margin-left:-10px; margin-right:-10px; width:calc(100% + 20px); height:172px; overflow-x:scroll; display:block; padding:0; text-align:center; white-space:nowrap; }
main.index > nav.essential.child > div.container > ul > li > ul > li,
main.essential > nav.essential > div.container > ul > li > ul > li {display:inline-block; width:84px; height:auto; vertical-align:top; padding:10px 0px; margin-top:22px; font-size:0.86rem; }
main.index > nav.essential.child > div.container > ul > li > ul > li > a,
main.essential > nav.essential > div.container > ul > li > ul > li > a {display:block; text-decoration:none; color:#666; margin:0 auto; text-align:center; font-size:0.86rem; border:0; line-height:1; transition:.2s ease-in-out; padding:10px 5px}
main.index > nav.essential.child > div.container > ul > li > ul > li > a > p,
main.essential > nav.essential > div.container > ul > li > ul > li > a > p {overflow:hidden; text-overflow:ellipsis;}
main.index > nav.essential.child > div.container > ul > li > ul > li:not(.all) > a:hover,
main.essential > nav.essential > div.container > ul > li > ul > li:not(.all) > a:hover {color:var(--thema_color);}
main.index > nav.essential.child > div.container > ul > li > ul > li > a > i.icon,
main.essential > nav.essential > div.container > ul > li > ul > li > a > i.icon {display:block; width:64px; height:64px; border:1px solid #dbdbdb; line-height:62px; text-align:center; font-style:normal; margin:0px auto 15px auto; border-radius:50%; box-sizing:border-box; background:#fff; font-size:2.29rem; color:#666; transition:.2s ease-in-out;}
main.index > nav.essential.child > div.container > ul > li > ul > li > a:hover > i.icon,
main.essential > nav.essential > div.container > ul > li > ul > li > a:hover > i.icon {border-color:var(--thema_color); color:var(--thema_color);}
main.index > nav.essential.child > div.container > ul > li:not(.all) > a:hover,
main.essential > nav.essential > div.container > ul > li:not(.all) > a:hover {border-bottom:1px solid var(--thema_color); }
main.index > nav.essential.child > div.container > ul > li.selected:not(.all) > a,
main.essential > nav.essential > div.container > ul > li.selected:not(.all) > a {border-bottom:2px solid var(--thema_color);}
main.index > nav.essential.child > div.container > ul > li.selected > a > i.icon,
main.essential > nav.essential > div.container > ul > li.selected > a > i.icon {border-color:var(--thema_color); background:var(--thema_color); color:#fff;}
main.index > nav.essential.child > div.container > ul > li > ul > li.selected > a,
main.essential > nav.essential > div.container > ul > li > ul > li.selected > a {color:var(--thema_color); font-weight:bold;}
main.index > nav.essential.child > div.container > ul > li > ul > li.selected > a > i.icon,
main.essential > nav.essential > div.container > ul > li > ul > li.selected > a > i.icon {border-color:var(--thema_color); background:var(--thema_color); color:#fff;}

div.daejabo{width:1100px; margin:0 auto;}
div.daejabo > div[data-module=board] div[data-role=toolbar] > div.view-style{display:none}
div.daejabo > div[data-module=board] div.list{border-top:none}
div.daejabo > div[data-module=board] div[data-role=toolbar] > a{background:var(--thema_color); border-radius:3px}

div[data-module=eco] div.tag > button {border:1px solid var(--thema_color); color:var(--thema_color)}
div[data-module=eco] div.tag > button:hover {color:var(--thema_color); font-weight:bold;}
div[data-module=eco] div.tag > button.selected {font-weight:bold; color:var(--thema_color);}
div[data-module=eco] div[data-role=searchbox] > ul > li > div.tags > div > div.box > button:hover {color:var(--thema_color)}

/**
* 카드형스타일 전용
*/
div[data-role=wrapper] div.popup_banner {background:#fff3dc; overflow:hidden;}
div[data-role=wrapper] div.popup_banner > div.container {width:100%; height:120px;}
div[data-role=wrapper] div.popup_banner > div.container > a {display:block; margin-bottom:-4px; text-align:center; background:#fff3dc; overflow:hidden;}
div[data-role=wrapper] div.popup_banner > div.container > a > img {display:inline-block;}
header.cardType {position:relative; border-top:1px solid #ddd;}
header.cardType:after {content:''; display:block; position:absolute; left:0; top:46px; width:100%; border-bottom:1px solid #ddd;}
header.cardType > div.container > ul.submain {height:26px;}
header.cardType > div.container > div.popup_button {display:block; float:left; width:110px; height:46px;}
header.cardType > div.container > div.popup_button:after {content:''; display:inline-block; clear:both;}
header.cardType > div.container > div.popup_button > div.container > a.popup {display:inline-block; width:100px; height:46px; padding:0 12px; background-color:#70798f; box-sizing:border-box; color:#fff; font-size:1.07rem; vertical-align:middle; line-height:45px; text-decoration:none;}
header.cardType > div.container > div.popup_button > div.container > a.popup > i {font-size:1rem; margin-left:6px;}
header.cardType > div.container > div.popup_button > input[type=checkbox] {display:inline-block; margin-left:10px; vertical-align:middle;}
header.cardType > div.container > div.popup_button > label[for=popup_check] {display:inline-block; color:#fff; vertical-align:middle; cursor:pointer;}
header.cardType > div.container > ul {padding-bottom:10px;}
header.cardType > div.container > ul > li > a {font-size:1rem; color:#666; line-height:26px;}
header.cardType > div.container > ul > li.login div[data-widget=coursemos-loginbar] > button {margin-top:-4px; border:1px solid #ddd; font-size:1rem; color:#999;}
header.cardType > div.container > ul > li.login div[data-widget=coursemos-loginbar] > ul > li.name{font-size:1rem; line-height:22px; vertical-align:middle;}
header.cardType > div.container > ul > li.login div[data-widget=coursemos-loginbar] > ul > li {margin-top:-1px;}
header.cardType > div.container > h1 {width:142px; height:48px; padding-top:12px; clear:both; box-sizing:border-box;}
header.cardType > div.container > h1 > a {height:inherit; background-size:100%; background-position:center;}
header.cardType > div.container > nav {width:calc(100% - 152px); height:69px;}
header.cardType > div.container > nav > ul > li > a {height:inherit; line-height:2.5; font-size:1.21rem;}
header.cardType + main div[data-module=eco] div[data-role=sortbar] > ul > li.selected_top > button > i {background:var(--thema_color);}
header.cardType + main div[data-module=eco] div.tagbox {background:#fff;}
header.cardType + main div[data-module=eco] div.tagbox > ul.tags > li > i.xi-close {margin-left:5px; color:#ccc; vertical-align:middle; cursor:pointer;}
header[data-module=eco] div.submenu_box > ul > li > a i.link {display: inline-block; width: 14px;height: 14px;margin-left: 4px; background-image: url(../images/ico_link.svg);transition: all 0.3s;}
header[data-module=eco] div.submenu_box > ul > li > a:hover i.link {background-image: url(../images/ico_link2.svg);}
div[data-widget=coursemos-loginbar][data-thema=light] > ul > li.name {color: #fff !important;}
footer > div.obj_sitemap {display: none;}
footer.cardType > nav {padding:40px 0 60px; background:#393939; border-bottom:0 none;}
footer.cardType > nav > div.container > ul {display:block; position:relative; font-size:0;}
footer.cardType > nav > div.container > ul > li {display:inline-block; width:33.33%; padding-left:15px; margin:10px 0; box-sizing:border-box; border-left:1px solid rgba(255,255,255,.2);}
footer.cardType > nav > div.container > ul > li:nth-child(1),
footer.cardType > nav > div.container > ul > li:nth-child(4),
footer.cardType > nav > div.container > ul > li:nth-child(7) {border-left:0 none;}

footer.cardType > nav > div.container > ul > li > b {width:100%; margin-top:5px; color:#fff; font-size:1rem; word-break:keep-all;}
footer.cardType > nav > div.container > ul > li > ul {display:inline-block; width:calc(100% - 99px); margin-top:10px; vertical-align:middle;}
footer.cardType > nav > div.container > ul > li > ul > li {display:inline-block; position:relative; width:50%; height:26px; padding-left:12px; margin-bottom:5px; box-sizing:border-box; vertical-align:top;}
footer.cardType > nav > div.container > ul > li > ul > li:before {content:''; position:absolute; left:0; top:5px; display:inline-block; width:2px; height:2px; background:rgba(255,255,255,.2);}
footer.cardType > nav > div.container > ul > li > ul > li > a {display:block; height:auto; color:rgba(255,255,255,.6); font-size:0.93rem; line-height:15px; white-space:normal; overflow:inherit; letter-spacing:-1px; word-break:keep-all;}
footer.cardType > nav > div.container > ul > li > ul > li > a > i {display:none;}
footer.cardType > div.copyright {background:#262626;}


/* footer sitemap */
div#CoursemosUseSitemapDisplayNone.sitemap > div[data-role=input][data-type=select] > button {border:solid 1px #58585b; background:#353538; color:#000;}
div#CoursemosUseSitemapDisplayNone.sitemap {display:none; position:fixed; left:0; top:0; width:100%; z-index:130; }
div#CoursemosUseSitemapDisplayNone.sitemap.on {display:block;}
div#CoursemosUseSitemapDisplayNone.sitemap > div.area {height: 100vh; background-color: #f4f4f4;overflow: scroll;}
div#CoursemosUseSitemapDisplayNone.sitemap > div.area ul.menu {width:100%; margin-top:50px; list-style:none;display: flex;}
div#CoursemosUseSitemapDisplayNone.sitemap > div.area ul.menu:after {content:''; display:block; clear:both;}
div#CoursemosUseSitemapDisplayNone.sitemap > div.area ul.menu > li { width: calc(100% / 5); color:#777;text-align: center;}
div#CoursemosUseSitemapDisplayNone.sitemap > div.area ul.menu > li > h4 {margin-left: -12px;}
div#CoursemosUseSitemapDisplayNone.sitemap > div.area ul.menu > li > h4 > a {display:block;position: relative;height: 48px;padding-left: 12px; border-radius: 8px; font-size:1.57rem;font-weight: bold; color: #000; gap: 24px; text-align: start;}
div#CoursemosUseSitemapDisplayNone.sitemap > div.area ul.menu > li > h4 > a::after {content: "";position: absolute;top: 0;left: 0; width: 4px;height: 26px;background-color: var(--thema_color);}
div#CoursemosUseSitemapDisplayNone.sitemap > div.area ul.menu > li > ul > li.default > a {color: #000; font-family: Pretendard; font-size:1.29rem; font-style: normal; font-weight: 700; line-height: normal; margin: 12px 0;}
div#CoursemosUseSitemapDisplayNone.sitemap > div.area ul.menu > li > ul > li + li {margin-top: 32px;}
div#CoursemosUseSitemapDisplayNone.sitemap > div.area ul.menu > li > ul > li.group > a {position: relative; color: #000;font-family: Pretendard; font-size:1.29rem; font-style: normal;font-weight: 700;line-height: normal;margin: 12px 0;}
div#CoursemosUseSitemapDisplayNone.sitemap > div.area ul.menu > li > ul > li.group > ul {list-style:none;text-align: start;}
div#CoursemosUseSitemapDisplayNone.sitemap > div.area ul.menu > li > ul > li.group > ul > li > a {font-size:1.14rem; line-height:32px;color: #000; font-weight: 400;}
div#CoursemosUseSitemapDisplayNone.sitemap > div.area ul.menu > li > ul > li.group > ul > li > a:hover {color:#000; font-weight: bold;}
div#CoursemosUseSitemapDisplayNone.sitemap > div.area ul.menu > li > ul > li > a {display:block; font-size:1.14rem; line-height:32px; color:#000;text-align: start;}
div#CoursemosUseSitemapDisplayNone.sitemap > div.area ul.menu > li > ul > li > a:hover {color:#000; font-weight: bold;}
div#CoursemosUseSitemapDisplayNone.sitemap > div.area ul.menu > li > ul > li > a:hover:after {background:#000;}
div#CoursemosUseSitemapDisplayNone.sitemap > div.area div.button {display: flex;align-items: center;justify-content: space-between; padding-top: 60px;}
div#CoursemosUseSitemapDisplayNone.sitemap > div.area div.button > h4 {font-size:3rem;font-weight: 800;position: relative;}
div#CoursemosUseSitemapDisplayNone.sitemap > div.area h1 {color: #FFF;font-family: Pretendard;font-size:3rem;font-style: normal;font-weight: 700;line-height: normal;}
div#CoursemosUseSitemapDisplayNone.sitemap > div.area button {cursor:pointer; margin-top:10px; margin-right:6px;border: none; padding:16px;background:none; vertical-align:middle; box-sizing:border-box; text-align:center; background: url(../images/icon_exit.svg)no-repeat center;}
div#CoursemosUseSitemapDisplayNone.sitemap > div.area button > i {display:block; width:30px; height:30px; line-height:30px; text-align:center; font-size:2.14rem; color:#fff;}
div#CoursemosUseSitemapDisplayNone.sitemap > div.area div.etc {margin-top:100px;}
div#CoursemosUseSitemapDisplayNone.sitemap > div.area div.etc div.container > div.box{display: flex;justify-content: space-between;align-items: center; flex-direction: row-reverse;border-top: 1px solid #ffffff25;}
div#CoursemosUseSitemapDisplayNone.sitemap > div.area div.etc > div.container div.box > div.menu > ul {display:inline-block; width:100%; list-style:none;}
div#CoursemosUseSitemapDisplayNone.sitemap > div.area div.etc > div.container div.box > div.menu > ul > li {float:left; margin-right:30px; color:#acacad; word-break:keep-all;}
div#CoursemosUseSitemapDisplayNone.sitemap > div.area div.etc > div.container div.box > div.menu > ul > li:last-child {margin-right:0;}
div#CoursemosUseSitemapDisplayNone.sitemap > div.area div.etc > div.container div.box > div.menu > ul > li > a {color: #bababa; font-size:1rem;}
div#CoursemosUseSitemapDisplayNone.sitemap > div.area div.etc > div.container div.box > div.menu > ul > li > a:hover {color:#ffffff;}
div#CoursemosUseSitemapDisplayNone.sitemap > div.area div.etc > div.container div.box > div.info > p {font-size:0.86rem; line-height:40px; color:#fff; word-break:keep-all;}

footer div[data-role=input][data-type=select] > ul > li:focus {background-color:var(--thema_color);}


@media screen and (max-width:991px) {
	div#CoursemosUseSitemapDisplayNone.sitemap > div.area ul.menu > li > h4 > a {font-size:1.29rem}
}


div.done_programs h4.done_title {margin:24px 0; font-size:1.43rem; line-height:24px;}
div.done_programs div.done {width:100%; height:120px; margin-bottom:-21px; border-bottom:1px solid #dbdbdb; overflow:hidden;}
div.done_programs div.done > div.list_wrap {position:relative; width:100%; min-height:120px;}
div.done_programs div.done > div.list_wrap button.slick-arrow {width:40px; height:40px; border:1px solid #ccc; border-radius:50%; background:#fff; box-shadow:1px 1px 2px rgba(0,0,0,.2); cursor:pointer;}
div.done_programs div.done > div.list_wrap button.slick-prev.slick-arrow {position:absolute; top:45px; left:10px; font-size:0; z-index:1;}
div.done_programs div.done > div.list_wrap button.slick-prev.slick-arrow:before {font-family:FontAwesome; content:"\f104"; font-size:1rem;}
div.done_programs div.done > div.list_wrap button.slick-next.slick-arrow {position:absolute; top:45px; right:10px; font-size:0; z-index:1;}
div.done_programs div.done > div.list_wrap button.slick-next.slick-arrow:before {font-family:FontAwesome; content:"\f105"; font-size:1.29rem; line-height:6px;}
div.done_programs div.done > div.list_wrap div.box.slick-slide {max-width:160px; min-width:140px; min-height:120px; position:relative; background-image:url(../images/noimg.png?); background-size:cover; background-position:center; cursor:pointer;}
div.done_programs div.done > div.list_wrap div.box.slick-slide a {display:block; position:absolute; width:100%; height:100%; z-index:10;}
div.done_programs div.done > div.list_wrap div.box.slick-slide:before {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:10;}
div.done_programs div.done > div.list_wrap div.box.slick-slide:hover::before {display:none;}
div.done_programs div.done > div.list_wrap div.box:after {content:''; display:block; clear:both;}

main.card_subpage {padding-top:60px;}
main.card_subpage > nav > nav {display:none;}
main.card_subpage > nav > div.intro {display:none;}
main.card_subpage > nav > div.container {max-width:1100px;}

@media (max-width:1483px) {
	main.index > form[data-role=search] {background-size:inherit;}

}
@media (max-width:1445px) {
	div[data-role=wrapper] div.popup_banner > div.container {height:auto;}
	div[data-role=wrapper] div.popup_banner > div.container > a {height:auto;}
	div[data-role=wrapper] div.popup_banner > div.container > a > img {max-width:100%;}
}
@media (max-width:1420px) {
	header > div.container > nav > ul > li {padding: 0px 9px !important;}
}
@media (max-width:1199px) {
	header.cardType > div.container > nav > ul.main > li > a.selected:before {bottom:0;}

	main.index > nav.essential.child {height:160px !important}
	main.index > nav.essential.child {padding:10px 0 0;}
	main.index > nav.essential.child > div.container > ul {padding-bottom:10px;}
	main.index > nav.essential.child > div.container > ul > li.all {padding:21px 10px !important}
	main.index > nav.essential.child > div.container > ul > li.parent {padding:0px 25px !important}

	/* 헤더 그룹사용시 스타일 */
	div[data-role=wrapper] header div[data-role=group_header].sitemap div.wrap > ul.list > li h4 {font-size:1.29rem;}

}
@media (max-width:1057px) {
	footer.cardType > div.copyright > div.container > div.f_logo {display:block; width:100%; height:auto;}
	footer.cardType > div.copyright > div.container > ul {display:block; width:100%; height:auto;}
	footer.cardType > div.copyright > div.container > div.call {display:block; width:100%; padding-bottom:20px;}
}

@media (max-width:991px) {
	main.index > nav.essential.child {height:160px !important}
	main.index > nav.essential.child > div.container > ul {height:160px; box-sizing:border-box;}
	main.index > nav.essential.child > div.container > ul > li.all {padding:13px 10px !important}
	main.index > nav.essential.child > div.container > ul > li.parent {padding:0px 25px !important}
	main.index > nav.essential.child > div.container > ul > li > ul > li {margin-top:15px;}
}

@media (max-width:780px) {
	main.index > form[data-role=search] {background-size:cover;}
}

@media (max-width:658px){
	main.index > form[data-role=search] > div.container > div.search_wrap {height:120px; margin-bottom:50px;}
	main.index > form[data-role=search] > div.container > div.search_wrap > div > i.mi {margin-right:5px;}
	main.index > form[data-role=search] > div.container > div.search_wrap > div {display:block; width:100%; margin-bottom:5px;}
	main.index > form[data-role=search] > div.container > div.search_wrap > div > input[type=keyword] {font-size:1.07rem;}
	main.index > form[data-role=search] > div.container > div.search_wrap > button {padding:5px 18px;}
	main.index > form[data-role=search] > div.container > div.search_wrap > button[type=button].detail {font-size:1rem;}
	main.index > form[data-role=search] > div.container > div.search_wrap > button[type=submit] {font-size:1rem;}
	main.index > form[data-role=search] > div.container > div.search_wrap > span.icon_search {display:inline-block; width:calc(100% - 210px); height:144px; margin-top:-50px; background-image:url(../images/ico_lion.png); background-repeat:no-repeat; background-position:right center;}
}
@media (max-width:581px){
	main.widepage > div.intro > div.container {height:100px;}
	main.widepage > div.intro > div.container > h2 {top:calc(50% - 28px);}
	main.widepage > div.intro > div.container > div.breadcrumb {top:calc(50% + 16px); left:10px; right:auto;}
}
@media (max-width:500px){
	header > div.container > h1 {height:70px}
	header > div.container > ul.submain{display:none}
	header > div.container > button[data-role=sidebar] {margin:5px 0;}
	header > div.container > button[data-role=sidebar] > label{display:block}
	header.cardType:after {display:none;}
	header > form[data-role=search] {top:71px}
	main {padding-top:71px;}
}
@media (max-width:440px){
	main.index > form[data-role=search] > div.container > div.search_wrap > span.icon_search {background-size:contain;}
}
@media (max-width:400px){
	header.cardType > div.container > h1 {margin-top:0;}
	main.subpage > div.intro > div.container {height:60px; padding-top:30px; padding-bottom:30px;}
	main.subpage > div.intro > div.container > h2 {position:static; font-size:1.86rem; text-align:center;}
	main.subpage > div.intro > div.container > div.breadcrumb {position:static; text-align:center;}
}
@media (min-width:768px) and (max-width:991px) {
	header > div.container > nav {display:none;}
	header > form[data-role=search] {top:101px}
	header > div.container > button[data-role=sidebar] {display:block;}
	header.cardType:after {bottom:58px;}
	header.cardType > div.container > h1 {margin-top:0; padding-top:7px;}
	main > nav.essential {height:142px !important;}
	main > nav.essential > div.container > ul > li {height:110px !important; vertical-align:top; padding:5px !important;}
	main > nav.essential > div.container > ul > li:first-child {width:10px;}
	main > nav.essential > div.container > ul > li:last-child {width:10px;}
	main.essential > nav.essential > div.container > ul > li{height:140px !important;}
	main.essential > nav.essential > div.container > ul > li > ul > li > a > i.icon{margin:13px auto;}
	main.essential > nav.essential > div.container > ul > li.all > a > i.icon{margin-top:33px}
	main.essential > nav.essential{height:160px !important; padding-top:0;}
	main.essential > nav.essential > div.container > ul{height:160px;}
	main.essential > nav.essential > div.container > ul > li{padding:10px 0 0 !important;  margin-top:0px;}
	main.essential > nav.essential > div.container > ul > li.parent{padding:0 20px !important;}
	main.essential > nav.essential > div.container > ul > li.parent > a{top:13px;}
	main.essential > nav.essential > div.container > ul > li > ul > li{margin-top:10px}
	main > nav + div.container {margin-top:20px;}
	main > nav > div.container > ul > li {padding:0 7px;}

	main.index {padding-top:60px;}

	footer > nav > div.container > ul > li > b {display:block; width:100%; margin-bottom:10px;}
	footer > nav > div.container > ul > li > ul {display:block; width:100%;}
	footer > nav > div.container > ul > li > ul > li {padding-left:5px;}
	footer.cardType > nav > div.container > ul:before {display:none;}
	footer.cardType > nav > div.container > ul:after {left:50%;}
	footer.cardType > nav > div.container > ul > li {width:50%;}
}

@media (min-width:768px) and (max-width:875px) {
	div.daejabo > div[data-module=board] div[data-role=toolbar] > a{margin-top:5px}
}

@media (min-width:992px) and (max-width:1189px) {
	header > div.container > nav > ul > li {padding:0px 5px;}
	header > div.container > nav > ul.main > li > a {padding:8px 0; font-size:1.14rem;}
	header > div.container > ul.submain > li {font-size:0.93rem;}
	header > div.container > ul.submain > li.login li.name {font-size:0.93rem; max-width:70px;}

	main > nav.essential > div.container > ul > li {padding:5px !important;}

	main.essential > nav.essential > div.container > ul > li{padding:20px 0px 0 !important; }
	main.essential > nav.essential > div.container > ul > li.parent{padding:0 20px !important;}


}

@media screen and (max-width:1189px) {
	div.daejabo{width:100%; padding:0 10px; box-sizing:border-box}
	div[data-role=wrapper] div.popup_banner > a > img {width:100%;}
}
@media screen and (max-width:1399px) {
	div[data-role=wrapper] div.popup_banner > a > img {width:100%;}
}

@media screen and (min-width:991px) {
	footer.cardType > nav > div.container > ul > li:nth-child(1),
	footer.cardType > nav > div.container > ul > li:nth-child(2),
	footer.cardType > nav > div.container > ul > li:nth-child(3) {padding-top:0; padding-bottom:20px;}
	footer.cardType > nav > div.container > ul > li:nth-child(3n-2) {padding-left:0;}
}


/* ------------ style.css.php ------------ */


/* coursemos.loginbar */
div[data-widget=coursemos-loginbar] > ul > li[data-action*=push] > div[data-role=popup] {z-index:100;}
div[data-widget=coursemos-loginbar] > ul > li[data-action*=profile] > div[data-role=popup] {z-index:11;}
div[data-widget=coursemos-loginbar] > ul > li[data-action=service] > div[data-role=popup] {z-index:11;}
div[data-role=wrapper] div.topbar div[data-widget=coursemos-loginbar][data-thema=dark] > ul > li > label {color:#000;}
div[data-role=wrapper] div.topbar div[data-widget=coursemos-loginbar][data-thema=dark] > ul > li[data-action=service] {display: none;}

div[data-widget=coursemos-loginbar] > ul > li[data-action*=profile] > div[data-role=popup] {z-index:11;}
div[data-widget=coursemos-loginbar] > ul > li[data-action=service] > div[data-role=popup] {z-index:11;}
div[data-role=wrapper] div.topbar div[data-widget=coursemos-loginbar][data-thema=dark] > ul > li > label {color:#000;}
div[data-role=wrapper] div.topbar div[data-widget=coursemos-loginbar][data-thema=dark] > ul > li[data-action=service] {display: none;}


header {position:sticky; width:100%; top:0; left:0; background:#fff; z-index:10; box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.04);}
header.banner {background:#101010;}
header > div.container {display: flex;align-items: center; justify-content: space-between; gap:16px; font-size: 0;}
header > div.container::before,
header > div.container::after{display: none;}

/* topbar */
div[data-role=wrapper] div.topbar {background:#101010;}

div[data-role=wrapper] div.topbar div.topbar__right {display:flex; gap:24px; align-items:center; justify-content:space-between; list-style:none;}
div[data-role=wrapper] div.topbar div.topbar__right ul.right_submenu {display: flex;gap: 12px;align-items: center;}
div[data-role=wrapper] div.topbar div.topbar__right ul.right_submenu li a {color:#fff; font-size:1rem; line-height: 28px;}

div[data-role=wrapper] div.topbar div.topbar__right div[data-widget=coursemos-loginbar] > button {display:inline-block; height:40px; color:#fff;}
div[data-role=wrapper] div.topbar div.topbar__right a {line-height: 40px; height:40px; color:#fff;}


div[data-role=wrapper] > div.topbar div.topbar__right > div {width: calc(100% / 2);}
div[data-role=wrapper] > div.topbar div.topbar__right > ul {width: calc(100% / 2);display: flex; justify-content: end;}
div[data-role=wrapper] > div.topbar div[data-widget=boarduniv-recently][data-templet=footer] > div.lists {width: calc(100% - 500px) !important;margin: 0px !important;}
div[data-role=wrapper] > div.topbar div.topbar__right a {line-height: 27px !important;color: #fff !important; height: 30px !important;}
div[data-role=wrapper] > div.topbar div.topbar__right a > i.fa-angle-right {width: 24px !important;height: 24px !important; background-image: url(../images/ico_noti.svg);border: none !important;font-size:0 !important;margin-left: 0px !important;}
div[data-widget=coursemos-loginbar] > ul > li[data-action*=profile] > div[data-role=popup] > section[data-role=profile] > div.info > b > a {color: #FF8F00 !important;;}

/* 로고 */
header > div.container > h1 {width:288px; height:90px; vertical-align:middle;}
header > div.container > h1 > a {position: relative; display:block; width:100%; height:100%; background-size:contain; background-position:0 center; background-repeat:no-repeat; font-size:0; color:transparent;}
header > div.container > h1 > a::before {content: 'Beta Test'; position: absolute; top:26.5px; right: -50px;  width: 100px; height: 20px; color: #b60005; font-size:14px; font-weight: 700;}
/* 메뉴 */
header > div.container > nav {display:inline-block; width:auto; vertical-align:middle;}
header > div.container > nav > ul {list-style:none; height:60px; vertical-align:middle;}
header > div.container > nav > ul.main {float:right; display: flex;align-items: center; height: 90px;}
header > div.container > nav > ul > li {display:inline-block; margin:0px 16px;}
header > div.container > nav > ul > li:last-child {padding:0px;}
header > div.container > nav > ul > li > a {position:relative; display:inline-block; padding:16px 4px;color:#000; font-size:1.29rem; font-weight:600;}
header > div.container > nav > ul > li > button.sitemap {background-color: none;background: none; border: none;width: 32px;height: 32px;background-image: url(../images/ico_sitemap.png);cursor: pointer;}

/* 서브메뉴 */
header > div.container > nav > ul > li > a {position:relative;}
header > div.container > nav > ul > li > a::before {content:""; display:inline-block; position:absolute; display:none; left:50%; bottom:-1px; transform:translateX(-50%); width:20px; height:20px; }
header > div.container > nav > ul > li.on > a::before {display:block;} 
div[data-role=wrapper] header[data-module=eco] nav div.submenu {display:none; position:absolute; left:0; top:70px; width:100%; height:54px; background:#fff; box-shadow: 0px 10px 12px 0px rgba(0, 0, 0, 0.06); z-index:10; overflow:hidden;}
div[data-role=wrapper] header[data-module=eco] nav > ul > li.on div.submenu {display:block; padding: 36px 0px 60px 0px;}
div[data-role=wrapper] header nav > ul li div.submenu div.container div.submenu_box {display: flex; align-items:start; justify-content: space-between;}
div[data-role=wrapper] header nav > ul li div.submenu div.container div.submenu__left {min-width:215px;}
div[data-role=wrapper] header nav > ul li div.submenu div.container div.submenu__left h3{margin-bottom:15px; color:#000; font-size:2.29rem; font-weight: 700; text-align:center;}
div[data-role=wrapper] header nav div.submenu div.submenu_box ul {display: flex; flex-wrap:wrap; align-items:flex-start; gap:80px; width:calc(100% - 305px); height:100%; vertical-align:top; text-align:left; white-space:nowrap;}
div[data-role=wrapper] header nav > ul li div.submenu div.container div.submenu_box ul li {display:inline-block; width:calc(25% - 80px);}
div[data-role=wrapper] header nav > ul li div.submenu div.container div.submenu_box ul li:last-child {margin-right:0;}
div[data-role=wrapper] header nav > ul li div.submenu div.container div.submenu_box ul li a.submenu_title {display:block; position:relative; padding-bottom:14px; margin-bottom:14px; border-bottom:1px solid #E4E4E4; color:#333; font-weight: 600; font-size:1.29rem; transition:all 0.2s;}
div[data-role=wrapper] header nav > ul li div.submenu div.container div.submenu_box ul li div.submenu_group {display: flex; gap:14px; flex-direction: column;}
div[data-role=wrapper] header nav > ul li div.submenu div.container div.submenu_box ul li div.submenu_group a{color:#797979; font-size:1.29rem;}

/* 햄버거 버튼 */
header > div.container > button[data-role=sidebar] {width:60px; height:60px; font-size:2.29rem; float:right; border:0; cursor:pointer; background:transparent; display:none; line-height:60px; color:#222; position:relative;}
header > div.container > button[data-role=sidebar] > label {display:none; position:absolute; z-index:1; max-width:80%; top:4px; right:3px; height:18px; min-width:18px; border-radius:9px; box-sizing:border-box; padding:0px 5px; font-size:0.79rem; font-family:Roboto; background:transparent; color:#fff; line-height:18px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:#101010; color:#fff;}
header > div.container > button[data-role=sidebar] > label:empty {display:none;}

@media (max-width:1420px) {
	header > div.container > nav > ul > li {margin:0;}
}

@media (max-width:991px) {
	header {border-bottom:1px solid #e5e5e5; position:fixed; box-shadow:0px 1px 3px rgba(0,0,0,0.2);}
	header.banner > div.container > h1{width:210px}
	header > div.container > nav {display:none;}
	header > div.container > button[data-role=sidebar] {display:block; width:50px; height:60px;}
	header > div.container > button[data-role=sidebar] > i.mi.mi-bars {line-height:70px;}
	div[data-role=wrapper] div.popup_banner {display:none;}
	header.cardType > div.container > div.popup_button {display:none;}
	header.cardType > div.container > ul {width:100%; padding-bottom:0;}
	header.cardType > div.container > h1 {margin-top:0;}
	header.cardType > div.container > div.popup_button > div.container > a.popup {display:none;}
	header.cardType:after {bottom:58px;}

	header.cardType + main.index > nav.essential > div.container > ul > li {width:105px;}

	main > nav {display:none;}
	main > nav + div.container {margin-top:20px;}

	main {padding-top:90px;}
	main.index {padding-top:70px;}
	div[data-role=context][data-module=absent]{padding-top:110px;}
	main.index > form[data-role=search] {margin-top:-444px; padding-top:462px;}

	header.cardType + main {padding-top:20px;}

	footer > div.notice {border-bottom:1px solid #dbdbdb; background:#f7f6f6;}

	header > form[data-role=search] {top:101px}
	div[data-role=wrapper] div.topbar {display: none;}
}


/* 배너 */
main.index section.banner {position: relative; padding: 40px 0px 30px 0px; background-image:url(../images/banner_ellipse.png); background-position:0% 180%; background-repeat:no-repeat; overflow:hidden;}
main.index section.banner > div.container::after {content:""; position: absolute; bottom:60px; display: block; width:120%; height:117px; border-radius: 30px; background-color:#f9f9f9; z-index:-1;}


@media (max-width:991px) {
	main.index section.banner {padding: 90px 0px 60px 0px; background-position: 0% 124%}
	main.index section.banner > div.container::after {display: none;}
}

@media (max-width:746px) {
	main.index section.banner {padding: 110px 0px 60px 0px;}
}


div.box ul.sns {display:flex; align-items:center;gap: 24px;}
div.box ul.sns > li {display:flex; align-items:center; justify-content:center;width:47px; height:47px; border-radius:50%; background:none; }
div.box ul.sns > li:last-child {margin-right:0;}
div.box ul.sns > li > a {display:inline-block; width:100%; height:100%; background-repeat:no-repeat; background-position:center; }
div.box ul.sns > li.youtube > a {background-image:url(../images/ico_youtube.png);}
div.box ul.sns > li.insta > a {background-image:url(../images/ico_insta.png);}
div.box ul.sns > li.blog > a {background-image:url(../images/ico_blog.png);}
div.box ul.sns > li.kakao > a {background-image:url(../images/ico_kakao.png); background-size:25px 25px;}
div.box ul.sns > li.linkedin > a {background-image:url(../images/ico_linkedin.svg); background-size:25px 25px;}


/* 푸터 */
footer > nav { background:#101010; padding:30px 0px 16px 0px;}
footer > nav > div.container > div.footer_box {display: flex;}
footer > nav > div.container > div.footer_box > div.f_menu {width:100%;}
footer > nav > div.container > div.footer_box > div.f_menu > ul {display:flex; gap:50px; justify-content:center;}
footer > nav > div.container > div.footer_box > div.f_menu > ul > li {display:table-cell; vertical-align:top; font-size:0;}
footer > nav > div.container > div.footer_box > div.f_menu > ul.normal > li{padding-left:40px;}
footer > nav > div.container > div.footer_box > div.f_menu > ul > li:first-child {border-left:0; padding-left:0;}
footer > nav > div.container > div.footer_box > div.f_menu > ul > li > b {display:inline-block; padding-bottom:7px; vertical-align:top; color:#fff; max-width:100%; font-size:1rem; font-weight: 700;}
footer > nav > div.container > div.footer_box > div.f_menu > ul > li > ul{list-style:none; }
footer > nav > div.container > div.footer_box > div.f_menu > ul > li > ul.normal {display:inline-block; width:calc(100% - 140px);}
footer > nav > div.container > div.footer_box > div.f_menu > ul > li > ul > li {display:block; height:26px;}
footer > nav > div.container > div.footer_box > div.f_menu > ul > li > ul > li > a {display:block; padding-top:7px; height:26px; font-size:0.86rem; color:#fff; font-weight:400; text-decoration:none; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
footer > nav > div.container > div.footer_box > div.f_inquiry > h4 {padding-bottom: 16px; font-size:1rem; font-weight: 700; color:#fff;}
footer > nav > div.container > div.footer_box > div.f_inquiry > p {padding-bottom: 16px; font-size:0.86rem; font-weight: 400; color:#fff;}
footer > nav > div.container > div.footer_box > div.f_inquiry > button {width: 219px; padding: 13px; border-radius:5px; border:none; background:#fff; text-align: center; color:#0f0f0f; font-weight: 700; cursor: pointer;}

footer > div.copyright_box {background:#101010;}
footer > div.copyright_box > div.container > div.flex_line_box {display: flex;align-items: center;justify-content: space-between;}
footer > div.copyright_box > div.container > ul {font-size:0; display:inline-block; width:calc(100% - 240px); height:14px;}
footer > div.copyright_box > div.container > ul > li {display:inline-block; border-left:1px solid #3B3B3B; padding:0px 5px; vertical-align:middle;}
footer > div.copyright_box > div.container > ul > li > a {padding:0px 14px; color:#fff; font-size:1rem; font-weight: 400;}
footer > div.copyright_box > div.container > ul > li:first-child {padding-left:0; border-left:0;}
footer > div.copyright_box > div.container > ul > li:first-child > a {padding-left:0;}
footer > div.copyright_box > div.container > div.flex_line_box > div.copyright {border:0; padding:16px 0px; line-height:1.6; display:block; color:#B2B2B2; font-size:0.86rem;}


@media (max-width:1420px) {
	footer > nav > div.container > div.footer_box {justify-content: space-between;}
	footer > nav > div.container > div.footer_box > div.f_menu > ul {justify-content: flex-end;}
	footer > div.copyright > div.container > ul {width:100%;}
	aside#following-content {display: none !important;}
}

@media (max-width:999px) {
	footer div.copyright {width:100%;}
	footer > nav > div.container > div.footer_box > div.f_menu {display: none;}
}

@media (max-width:500px) {
	footer > nav > div.container > div.footer_box {align-items: center; flex-direction: column; gap:15px; text-align: center; }
}

@media (max-width:748px) {
	footer > div.copyright > div.container {padding:15px 10px;}
	footer > div.copyright > div.container > ul {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap:15px; height:auto;}
	footer > div.copyright > div.container > ul > li {border-left:none; padding:0;}
	footer > div.copyright > div.container > ul > li > a {padding: 0;}
	footer > div.copyright > div.container > div.copyright {text-align: center;}
}



/* 메인 */
main.index {padding-top:70px; box-sizing:border-box;}

/* 오늘의 비교과 프로그램 */
@media (max-width: 767px) {
	main.index section.program > div.container > div {padding:0px 10px;}
}

/* 핵심역량 주요핵심역량 */
main.index section.essentials_section {padding: 40px 0px 30px 0px; background:#f9f9f9; overflow:hidden;}


/* 공지사항 */
main.index section.news > div.container > div.news_box > div.news_post div.board_box {display: flex; gap: 32px;}
main.index section.news > div.container > div.news_box > div.news_post div.board_box > div.box_board_widget > div.board_title {margin-bottom: 32px;display: flex;align-items: center;justify-content: space-between;}
main.index section.news > div.container > div.news_box > div.news_post div.board_box > div.box_board_widget > div.board_title > p {color: #000;font-size:1.71rem;line-height: 34px;font-weight: 700;}
main.index section.news > div.container > div.news_box > div.news_post div.board_box > div.box_board_widget > div.board_title > button {display: flex;align-items: center;gap: 4px; border: 0;background-color: transparent;color: #333;font-size:1rem;font-weight: 400;cursor: pointer;}
main.index section.news > div.container > div.news_box > div.news_post div.board_box > div.box_board_widget {width: calc(100% / 2);}



main.index section div.essentials {display: flex;}
main.index section div.essentials div.essentials_box {display: flex; gap:60px; margin-right:30px;}
main.index section div.essentials div.essentials_box div.box_title {min-width:170px;}
main.index section div.essentials div.essentials_box div.box_title h4 {color:#000; font-size:1.86rem; font-weight: 700;}
main.index section div.essentials div.essentials_box div.box_title p {color:#000; font-size:1.86rem; font-weight: 400;}
/* main.index section div.essentials div.essentials_box ul li {} */
main.index section div.essentials div.essentials_box ul li i {display: block; margin: 0px 10px 18px 10px; width: 80px; height: 80px; border-radius: 8px; background:#101010; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.10); text-align: center;color:#fff;}
main.index section div.essentials div.essentials_box ul li i::before {content:""; display: inline-block; width: 100%; height:100%; background:url(../images/ALL.svg) no-repeat center center;}
main.index section div.essentials div.essentials_box ul li p {margin-top: 18px; color:#333; font-weight: 500; font-size:1.21rem; text-align: center;}
main.index section div.essentials nav.essential {width:calc(100% - 235px);}
main.index section div.essentials nav.essential ul {display: flex; gap:30px; align-items: center; justify-content:space-between;}
main.index section div.essentials nav.essential ul li {display: flex; align-items: center;}
main.index section div.essentials nav.essential ul li:last-child {padding-right:0;} 
main.index section div.essentials nav.essential ul li a {height: auto;}
main.index section div.essentials nav.essential ul li i {display: block; margin: 0px 10px 18px 10px; width: 80px; height: 80px; border-radius: 8px; background: #FFF; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.10); text-align: center; font-size:2.29rem; color:#101828; line-height: 80px;}
main.index section div.essentials nav.essential ul li p {margin-top: 18px; max-width:100px; min-height:40px; word-break:keep-all; color:#333; font-weight: 500; font-size:1.21rem; text-align: center;}
main.index section div.essentials nav.essential ul.slick-slider button.slick-next {width: 52px; height: 52px; z-index: 1; border: 0; border-radius: 50%; padding: 0; margin: 0; cursor: pointer; top: calc(50% - 26px); font-family: FontAwesome; color: #fff; line-height: 50px; background:transparent;}
main.index section div.essentials nav.essential ul.slick-slider button.slick-next::before{content: "\f105"; color: #101828; padding-left: 4px; font-size:2.29rem;}


@media (max-width: 1690px) {
	main.index section div.essentials nav.essential {width:calc(100% - 320px);}
	main.index section div.essentials nav.essential ul {gap:20px;}
}

@media (max-width: 1520px) {
	main.index section div.essentials nav.essential ul.slick-slider button.slick-next {display: none !important;}
}

@media (max-width: 1420px) {
    main.index section div.essentials {flex-direction:column; gap:25px;}
	main.index section div.essentials nav.essential ul {justify-content:start;}
	main.index section div.essentials div.essentials_box {gap:0; margin-right:0px; justify-content:space-between;}
	main.index section div.essentials nav.essential {width:100%;}
	main.index section div.essentials nav.essential ul.slick-slider button.slick-next {display: block !important;}
}

@media (max-width: 991px) {
	
	main.index section div.essentials nav.essential ul.default {flex-wrap:wrap;justify-content:start; gap: 26px;}
}

@media (max-width: 767px) {
	main.index section div.essentials nav.essential ul {justify-content:space-between; flex-wrap:wrap;}
	main.index section div.essentials nav.essential ul.slick-slider button.slick-next {display: none !important;}
}


/* 오늘의 비교과 프로그램 */
main.index section.program > div.container {padding:50px 0px 80px 0px; border-bottom:1px solid #F4F4F4;}


/* 프로그램 검색 */

main.index section.search2 {border-bottom:1px solid #F4F4F4;}
main.index div.search {padding: 80px 0;width: 100%;}
main.index div.search form {display: flex;width: 100%; justify-content: space-between;}
main.index div.search div.search_title {max-width:280px;}
main.index div.search div.search_title p {color:#000; font-weight: 400; line-height: 34px; font-size:1.71rem;}
main.index div.search div.search_title p span {display: block; font-weight: 700;}
main.index div.search div.search_box {display: flex; gap:12px; align-items: center; }
main.index div.search div.search_box div.search_box_select {display: flex; gap:12px;}
main.index div.search div.search_box div.search_box_select div[data-role=input][data-type=select] > button {min-width:170px; border-radius: 4px; border: 1px solid #D2D2D2; background: #FFF;}
main.index div.search div.search_box div.search_box_select div[data-role=input] + div[data-role=input]{margin-top:0;}
main.index div.search div.search_box div.search_box_text {display: flex; gap:12px;}
main.index div.search div.search_box div.search_box_text div[data-role=input][data-type=input] > input {border-radius:4px; min-width:800px;height: 46px;}
main.index div.search div.search_box div.search_box_text button {min-width:120px; height: 48px; border-radius: 4px; border: 1px solid #0F0F0F; background: #0F0F0F; color:#fff; cursor:pointer; font-size: 1rem;}
main.index div.search div.search_box div[data-role=inputset] div[data-role=input][data-type=radio] > label > button.radio.on{background-color:var(--thema_color); border:none;}
main.index div.search div.search_box div[data-role=inputset] div[data-role=input][data-type=radio] > label > button.radio.on::before{content:""; display:block; width:23px; height:23px; background:url(../images/check_mark.svg) no-repeat center center;}
main.index div.search div.search_box div.particular_info > button {background: none !important;border: none !important;color: #000 !important; display: flex;align-items: center;justify-content: center; gap: 12px; min-width:120px; height: 48px; border-radius: 4px; border: 1px solid #0F0F0F; color:#fff; cursor:pointer; font-size: 1rem;}
main.index div.search div.search_box div.particular_info > button > i {display: inline-block;width: 16px;height: 10px;background: url(../images/down_icon.svg) no-repeat center center;}
main.index div.search div.search_box div.particular_info > button.on > i {display: inline-block;width: 16px;height: 10px;background: url(../images/down_icon.svg) no-repeat center center; transform: rotate(180deg);}
main.index div.search div.search_box div.particular_info > button.on {min-width:120px; height: 48px; border-radius: 4px; border: 1px solid #0F0F0F; background: #0F0F0F; color:#fff; cursor:pointer;}


div[data-role=searchbox].search__box {display:none;}
div[data-role=searchbox].search__box {margin-top: 60px;width: 100%;}
div[data-role=searchbox].search__box.on {display:block;}
div[data-role=searchbox].search__box.on > ul[data-role=form].inner > li:first-child > label + div > div[data-role=input].check {margin-top: 5px; margin-right: 10px; display: inline-block; width: auto;}
div[data-role=searchbox].search__box.on > ul[data-role=form].inner > li:first-child > label + div > div[data-role=input].check:last-child {margin-right: 0;}
div.tag.on {margin-bottom:24px;}
div[data-role=searchbox] ul[data-role=form].inner > li {border: none;}
div.tag {display:none !important; gap:27px; justify-content:center; margin-top:24px; font-size:1rem;}
div.tag > button {background:transparent; border:none; font-size:1.14rem; font-weight:400; color:#989898; box-sizing:border-box; cursor:pointer;}
div[data-role=searchbox] > ul {list-style:none; border-top:none;}
div[data-role=searchbox] > ul > li {min-height:40px; border-bottom:none;}
div[data-role=searchbox] > ul > li > label {width:270px; padding:0; font-size:1.14rem; font-weight:bold; line-height:64px; border-right:none; border-bottom:1px solid #f4f4f4; text-align:center; background:#F9F9F9; color:#000; font-weight:500;}
div[data-role=searchbox] > ul > li > label + div {padding:0 0 0 32px; border-bottom:none;}
div[data-role=searchbox] > ul > li > div.flex {display: flex;align-items: center;gap: 12px;box-sizing: border-box;}
div[data-role=searchbox] > ul > li > div.flex > div.no_margin {margin: 0px; margin-top: 12px;width: 200px;}
div[data-role=searchbox] div.check[data-role=input][data-type=checkbox] {display:inline-block; width:auto; margin-top:0; margin-right:24px;}
div[data-role=searchbox] div[data-role=input][data-type=checkbox] > label {padding:0px 0px 0px 32px; height:auto; line-height:60px; color:#999; font-weight:500;}
div[data-role=searchbox] div.check[data-role=input][data-type=checkbox] > label > button.checkbox {width:24px; height:24px; margin:17px 8px -2px -33px;border: 1px solid #dfdfdf; border-radius:5px;}
div[data-role=searchbox] div.check[data-role=input][data-type=checkbox] > label > button.checkbox.on {background-color:var(--thema_color) !important; border:none; border-radius:6px;}
div[data-role=searchbox] div.check[data-role=input][data-type=checkbox] > label > button.checkbox.on::before {content:""; display:inline-block; width:100%; height:100%; background:url(../images/check_icon.svg) no-repeat center center;}
div[data-role=searchbox] div.radio[data-role=input][data-type=radio] {display:inline-block; width:auto; margin-right:24px;}
div[data-role=searchbox] div.radio[data-role=input][data-type=radio] > label {padding:0px 0px 0px 32px; line-height:60px;}
div[data-role=searchbox] div.radio[data-role=input][data-type=radio] > label > button.radio {width:24px; height:24px; margin:17px 8px -2px -33px; border-radius:5px;}
div[data-role=searchbox] div.radio[data-role=input][data-type=radio] > label > button.radio.on {line-height:10px; background-color:var(--thema_color); border:none;}
div[data-role=searchbox] div.radio[data-role=input][data-type=radio] > label > button.radio.on::before{content:""; display:inline-block; width:100%; height:100%; background:url(../images/check_icon.svg) no-repeat center center;}
div[data-role=searchbox] > ul > li > div {border:1px solid #f4f4f4;}
/* div[data-role=searchbox] div[data-role=input][data-type=select] > button {height:64px; border-color:#f4f4f4; border-bottom:none; border-right:none;} */
div[data-role=searchbox] > ul > li > div.category > div:last-child div[data-role=input][data-type=select] > button {border:1px solid #f4f4f4;}
div[data-role=searchbox] div[data-role=input][data-type=select].extend > ul {top:39px;}
/* div[data-role=searchbox] div[data-role=input][data-type=select] > ul > li:hover {background-color: #00548B;} */
div[data-role=input][data-type=select].extend.up > ul {top:auto;}
div[data-role=searchbox] > ul > li > div.category {padding:0; border:none;}
div[data-role=searchbox] > ul > li > div.category > div {display:table; width:100%; table-layout:fixed; box-sizing:border-box;}
div[data-role=searchbox] > ul > li > div.category > div > div {display:table-cell; padding:10px 10px 10px 0px; line-height:1; vertical-align:top;}
div[data-role=searchbox] > ul > li > div.category > div > label {display:table-cell; width:270px; vertical-align:middle; text-align:center; font-size:1.14rem; font-weight:500; line-height:64px; background:#F9F9F9; color:#000; border-right:none;}
div[data-role=searchbox] > ul > li > div.category > div:first-child > label {border-bottom:none;}
div[data-role=searchbox] > ul > li .dateField {display:none;}
div[data-role=searchbox] > ul > li .dateField.on {display:inline-block;}
div[data-role=searchbox] > ul > li > div.tags {padding:0;}
div[data-role=searchbox] > ul > li > div.tags > div {display:table-cell; padding:14px; line-height:1; vertical-align:top;}
div[data-role=searchbox] > ul > li > div.tags > div > div.box {overflow:auto; overflow-x:hidden;}
div[data-role=searchbox] > ul > li > div.tags > div > div.box::-webkit-scrollbar {width:8px;}
div[data-role=searchbox] > ul > li > div.tags > div > div.box::-webkit-scrollbar-thumb {background-color:var(--thema_color); border-radius:10px;}
div[data-role=searchbox] > ul > li > div.tags > div > div.box::-webkit-scrollbar {background-color:#F4F4F4; border-radius:10px;}
div[data-role=searchbox] > ul > li > div.tags > div > div.box > div {display:inline-block; width:32%; text-align:center;}
div[data-role=searchbox] > ul > li > div.tags > div > div.box > button {padding:3px 2px; font-size:1rem; background:transparent; border:none; border-radius:19px; line-height:20px; color:#A1A1A1; font-weight:400; cursor:pointer; box-sizing:border-box;}
div[data-role=searchbox] > ul > li > div.tags > div > div.box > button:hover {font-weight:800;}
div[data-role=searchbox] > ul > li > div.tags > label {display:table-cell; width:180px; vertical-align:middle; font-size:1.14rem; font-weight:500; line-height:126px; border-right:1px solid #f4f4f4; background:#fafafa; color:#000; text-align:center;}
div.category div[data-role=input][data-type=select] > button > span {padding:22px 32px; line-height:1; height:63px; color:#333; font-weight:500;}
/* div[data-role=input][data-type=input] > input {border-radius:28px; color:#999; font-size:1rem; font-weight:400; padding-left:18px;}
div[data-role=input][data-type=input] > button {margin-right:5px; background-color:transparent;}
div[data-role=input][data-type=input] > button:hover {background-color:transparent;}
div[data-role=input][data-type=input] > button i::before {content:""; display:inline-block; width:24px; height:38px; background:url(../images/calendar.png) no-repeat center center;} */

/* section.particular > ul[data-role=form] > li {display: flex;align-items: center;} */
div[data-widget=eco-today][data-templet=default] h4 {margin-bottom: 32px;}
@media (max-width: 1420px) {

}

@media (max-width: 1419px) {
	main.index div.search div.search_box {flex-direction:row; align-items:start; }
	main.index div.search form {flex-direction: column; gap: 24px;}
	main.index div.search form > div.search_box {width: 100%;}
	main.index div.search div.search_box div.search_box_select {width: 100%;}
	main.index div.search div.search_box div.search_box_text {width:100%;}
	main.index div.search div.search_box div.search_box_text div[data-role=input][data-type=input] > input {min-width: 100% ;}
}

@media (max-width: 992px) {
	main.index div.search form {flex-direction:column; gap:25px;}
	main.index div.search div.search_box {flex-direction:column; align-items:center; }
	main.index div.search div.search_box {width:100%;}
	main.index div.search div.search_box div.search_box_text div[data-role=input][data-type=input] > input {min-width: 100% ;}
}

@media (max-width: 484px) {
	main.index section.news div.news_box div.news_post div.news__top div.top_title p.sub_title {display: none;}
	main.index div.search div.search_box div.search_box_select div[data-role=input][data-type=select] > button {min-width:auto;}
	main.index div.search div.search_box div.search_box_text div[data-role=input][data-type=input] > input {min-width:auto;}
}


/* 비교과 캘린더 */
main.index div.calender {padding:80px 0px 60px 0px;}
main.index div.calender div.calender__top {display: flex; justify-content:space-between; align-items: center; margin-bottom: 22px;}
main.index div.calender div.calender__top p {color:#000; font-size:1.71rem; line-height:34px; font-weight: 700;}
main.index div.calender div.calender__top p span {padding-left: 10px; color:#cacaca; font-size:1rem; font-weight: 400;}
main.index div.calender div.calender__top a {color:#000; font-weight: 400;}
main.index div.calender div.calender__top a i {margin-left:5px; font-size:0.86rem; vertical-align:middle;}
main.index div.calender div.calender__top button {border:0; background-color:transparent; color:#333; font-size:1rem; font-weight:400; cursor:pointer;}
main.index div.calender div.calender__top button > i {padding-left:10px; font-size:0.86rem; font-weight:bold;}


/* 비교과 소식통 */
main.index section.news {padding: 80px 0px; background: #FAFAFA;}
main.index section.news div.news_box {display: flex; justify-content:space-between;}
main.index section.news div.news_box div.news_post {width: 100%;}
main.index section.news div.news_box div.news_post div.news__top {display: flex; justify-content: space-between; align-items: center; margin-bottom:24px;}
main.index section.news div.news_box div.news_post div.news__top div.top_title {display: flex; align-items: center; gap:12px;}
main.index section.news div.news_box div.news_post div.news__top div.top_title p {color: #000; font-weight: 700; font-size:2.14rem;}
main.index section.news div.news_box div.news_post div.news__top div.top_title p span {color:#B11116;}
main.index section.news div.news_box div.news_post div.news__top div.top_title p.sub_title {color:#666; font-size:1.07rem; font-weight:600px;}
main.index section.news div.news_box div.news_post div.news__top ul.news_sns {position:relative; display: flex; gap:24px; padding-right: 24px; z-index:5;}
main.index section.news div.news_box div.news_post div.news__top ul.news_sns li a i {display: block; width: 34px; height: 34px; border-radius:50%;}
main.index section.news div.news_box div.news_post div.news__top ul.news_sns li a.youtube i {background:url(../images/youtube.png) no-repeat center center;}
main.index section.news div.news_box div.news_post div.news__top ul.news_sns li a.naver_blog i {background:url(../images/blog.png) no-repeat center center;}
main.index section.news div.news_box div.news_post div.news__top ul.news_sns li a.facebook i {background:url(../images/facebook.png) no-repeat center center;}
main.index section.news div.news_box div.news_post div.news__top ul.news_sns li a.instagram i {background:url(../images/instagram.png) no-repeat center center;}
main.index section.news div.news_box div.news_post div.news__top ul.news_sns li a.kakao_friend i {background:url(../images/kakao.png) no-repeat center center;}

main.index section.news div.news_box div.news_test {position: relative;}
main.index section.news div.news_box div.news_test::after {content:""; position: absolute; top:0; left:-186px; display: block; width:146px; height: 100%; background:url(../images/blur.png) no-repeat left top; }
main.index section.news div.news_box div.news_test ul {display: flex; flex-direction:column; gap:20px;}
main.index section.news div.news_box div.news_test ul li {display: flex; justify-content:space-between; align-items: center; padding: 22px 24px; width:325px; border-radius:10px;}
main.index section.news div.news_box div.news_test ul li:nth-child(1) {background-color:#B11116;}
main.index section.news div.news_box div.news_test ul li:nth-child(2) {background-color:#E65925;}
main.index section.news div.news_box div.news_test ul li:nth-child(3) {background-color:#00548B;}
main.index section.news div.news_box div.news_test ul li p {font-size:1.57rem; color:#fff; font-weight: 700;}
main.index section.news div.news_box div.news_test ul li p span {display: block; font-weight: 400; font-size:1.14rem; line-height: 34px;}
main.index section.news div.news_box div.news_test ul li button {width: 80px; height: 80px; border-radius:50%; border:none; background-color:#fff; background-repeat:no-repeat; background-position:center; cursor: pointer;}
main.index section.news div.news_box div.news_test ul li:nth-child(1) button {background-image:url(../images/file-shield-02.svg);} 
main.index section.news div.news_box div.news_test ul li:nth-child(2) button {background-image:url(../images/pie-chart-02.svg);} 
main.index section.news div.news_box div.news_test ul li:nth-child(3) button {background-image:url(../images/hourglass-03.svg);} 

@media (max-width: 1419px) {
	main.index section.news div.news_box div.news_post div.news__top {flex-direction: column; align-items: start; gap:15px;}
}

@media (max-width: 991px) {
	main.index section.news div.news_box {flex-direction: column;}
	main.index section.news div.news_box div.news_post {width: 100%;}
	main.index section.news div.news_box div.news_test ul li {width:calc(100% - 48px);}
}

@media (max-width: 991px) {
	main.index div.calender div.calender__top p span {display: none;}
}


@media (max-width: 344px) {
	main.index section.news div.news_box div.news_test ul li button {width: 50px; height: 50px;}
}

@media (max-width: 300px) {
	main.index section.news div.news_box div.news_test ul li p {font-size:1.29rem;}
	main.index section.news div.news_box div.news_test ul li p span {font-size:1rem;}
}

main.index section.news div.news_box div.news_post div.anw ul {display: flex; gap: 24px;}
main.index section.news div.news_box div.news_post div.anw ul li button {background: none;border: none;font-size:1.14rem;transition: all 0.1s;line-height: 32px;border-bottom: 2px solid #ffffff00}
main.index section.news div.news_box div.news_post div.anw ul li.selected button {background: none;border: none;font-size:1.29rem;line-height: 32px; font-weight: 700;color: var(--thema_color);border-bottom: 2px solid var(--thema_color);}
div.tab_pill {height: auto;margin-top: 32px;}





div[data-module=eco] div.helpBlock {display:block; background:#fffeeb; border:1px solid #e0d0bc; padding:10px; line-height:1.8; margin:0 0px 20px; font-size:0.93rem;}
div[data-module=eco] div[data-highcharts-chart] {page-break-inside:avoid;}
.highcharts-credits {display:none !important;}
div[data-module=eco] div[data-role=toolbar] {margin-bottom:10px; text-align:right; font-size:0;}
div[data-module=eco] div[data-role=toolbar] > div.searchWrap {display:flex; justify-content:flex-end;}
div[data-module=eco] div[data-role=toolbar] > div.searchWrap div[data-role=search] {display:flex; padding-right:40px; margin-bottom:10px; width:fit-content;}
div[data-module=eco] div[data-role=toolbar] > div.searchWrap div.between {padding:0 5px; height:40px; line-height:40px;}
div[data-module=eco] div[data-role=toolbar] > div.searchWrap div.between > span.dateField {font-size:1.29rem;}

div[data-module=eco] div[data-role=toolbar] div[data-role=input] {width:160px; font-size:1rem; float:left;}
div[data-module=eco] div[data-role=toolbar] div[data-role=input] {width:160px; font-size:1rem; float:left;}
div[data-module=eco] div[data-role=toolbar] div[data-role=input][data-name=tidx] {width:200px;}
div[data-module=eco] div[data-role=toolbar] div[data-role=input][data-name=team] {width:200px;}
div[data-module=eco] div[data-role=toolbar] div[data-role=search] {width:50%; max-width:300px; display:inline-block; font-size:0; vertical-align:middle;}
div[data-module=eco] div[data-role=toolbar] div[data-role=search].search_btn {width:50%; max-width:320px; display:inline-block; font-size:0; vertical-align:middle;}

div[data-module=eco] div[data-role=toolbar] div[data-role=search] > div[data-role=input] {display:inline-block; width:calc(100% - 45px); vertical-align:middle; font-size:1rem;}
div[data-module=eco] div[data-role=toolbar] div[data-role=search] > button {width:40px; height:40px; background:#b5b7c0; border:0px; cursor:pointer; vertical-align:middle; margin-left:5px;}
div[data-module=eco] div[data-role=toolbar] div[data-role=search] > button > i {font-size:1rem; color:#fff;}
div[data-module=eco] div[data-role=toolbar] div[data-role=search] > button:hover {background:#828595;}
div[data-module=eco] div[data-role=toolbar] a {display:inline-block; height:40px; line-height:40px; padding:0px; box-sizing:border-box; vertical-align:middle; margin-left:5px; text-decoration:none; cursor:pointer; background:#2196f3; color:#fff; font-size:0;}
div[data-module=eco] div[data-role=toolbar] a > i {width:40px; height:40px; line-height:40px; vertical-align:middle; text-align:center; font-size:1rem;}
div[data-module=eco] div[data-role=toolbar] a > span {height:40px; line-height:40px; display:inline-block; vertical-align:middle; padding-right:15px; font-size:1rem;}
div[data-module=eco] div[data-role=toolbar] a:hover {background:#1e88e5;}

div[data-module=eco] div[data-role=sortbar] {display: flex; justify-content:space-between; align-items: center; height:40px; padding:70px 0px 30px 0px; font-size:0; overflow:hidden;}
div[data-module=eco] div[data-role=sortbar] > label {display:inline-block; height:40px; line-height:40px; font-size:1.57rem; vertical-align:top;}
div[data-module=eco] div[data-role=sortbar] > label > b { color:var(--thema_color);}
div[data-module=eco] div[data-role=sortbar] div.sortbar_list {display: flex; align-items: center; gap:36px;}
div[data-module=eco] div[data-role=sortbar] div.sortbar_list > ul.sortbar_select {display:inline-block; list-style:none; height:40px; font-size:1rem; vertical-align:top;}
div[data-module=eco] div[data-role=sortbar] div.sortbar_list > ul.sortbar_select.opened {height:auto;}
div[data-module=eco] div[data-role=sortbar] div.sortbar_list > ul.sortbar_select > li {display:inline-block; margin-left:10px; height:20px; padding:10px 0px; cursor:pointer;}
div[data-module=eco] div[data-role=sortbar] div.sortbar_list > ul.sortbar_select > li > a {display:block; height:28px; line-height:24px; color:#666; text-decoration:none;}
div[data-module=eco] div[data-role=sortbar] div.sortbar_list > ul.sortbar_select > li.selected > a {color:#222; font-weight:bold;}
div[data-module=eco] div[data-role=sortbar] div.sortbar_list > ul.sortbar_select > li.selected > a > i {background:var(--thema_color);}
div[data-module=eco] div[data-role=sortbar] div.sortbar_list > ul.sortbar_select > li.selected_top > button {width:100%; border:0 none; background:#fff; color:#222; font-weight:bold; line-height:21px; text-align:left; text-decoration:none; cursor:pointer;}
div[data-module=eco] div[data-role=sortbar] div.sortbar_list > ul.sortbar_select > li.selected_top > button > i {width:14px; height:14px; margin:3px 10px 3px 0px; float:left; border-radius:7px; background:#e6e6e6;}
div[data-module=eco] div[data-role=sortbar] div.sortbar_list > ul.sortbar_select > li.selected_top > button:after {content:"\e619"; display:inline-block; float:right; margin-left:5px; font-family:XEIcon; font-size:inherit; speak:none; font-style:normal; font-weight:400; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
div[data-module=eco] div[data-role=sortbar] div.sortbar_list > ul.sortbar_select.opend > li.selected_top > button:after {content:"\e60e";}
div[data-module=eco] div[data-role=sortbar] div.sortbar_list > ul.sortbar_select > li > a > i {width:14px; height:14px; margin:3px 10px 3px 0px; float:left; border-radius:7px; background:#D9D9D9;}

header.cardType + main div[data-module=eco] div[data-role=sortbar] {position:relative; display:inline-block; width:calc(100% - 77px); overflow:inherit; vertical-align:middle;}
header.cardType + main div[data-module=eco] div[data-role=sortbar] ul {position:absolute; top:3px; right:0; height:35px; border:1px solid rgba(0,0,0,0.1); overflow:hidden; z-index:9;}
header.cardType + main div[data-module=eco] div[data-role=sortbar] ul li {display:block; margin-left:0; padding:7px 10px; background:#fff;}
header.cardType + main div[data-module=eco] div[data-role=sortbar] ul li:hover {font-weight:bold;}
header.cardType + main div[data-module=eco] div[data-role=sortbar] ul.opened {height:auto; box-shadow:2px 2px 5px rgba(0,0,0,0.1);}
header.cardType + main div[data-module=eco] ul[data-role=displaybar] {display:inline-block; height:42px; margin-left:4px; margin-bottom:0; vertical-align:middle;}
div[data-module=eco] ul[data-role=displaybar] > li {display:inline-block;}
div[data-module=eco] ul[data-role=displaybar] > li + li {margin-left:-1px;}
div[data-module=eco] ul[data-role=displaybar] > li > button {width:35px; height:35px; border:1px solid #ddd; cursor:pointer; color:#999; background:#fff;}
div[data-module=eco] ul[data-role=displaybar] > li.selected > button {border-color:var(--thema_color); color:#fff; background:var(--thema_color);}
div[data-module=eco] ul[data-role=displaybar] > li > button > i {display:block; width:33px; height:33px; font-size:1.14rem; line-height:33px; color:inherit; text-align:center;}
div[data-module=eco] ul[data-role=displaybar] > li > button > i.xi-list-ul::before {color:#101828;}



div[data-module=eco] em {width:100%; height:20px; }
div[data-module=eco] .on + em,
div[data-module=eco] #ModuleEcoProgramListForm em {display:block;}

div[data-module=eco] div.tagbox {display:none; border:1px solid #e6e6e6; border-top:none;}
div[data-module=eco] div.tagbox.on {display:block;}
div[data-module=eco] div.tagbox:after {content:''; display:block; clear:both}
div[data-module=eco] div.tagbox > ul.tags {display:inline-block; padding:0px 20px; list-style:none; }
div[data-module=eco] div.tagbox > ul.tags > li {display:inline-block;}
div[data-module=eco] div.tagbox > ul.tags > li.targets {color:#5fa2dd;}
div[data-module=eco] div.tagbox > ul.tags > li.category {color:#ff9900;}
div[data-module=eco] div.tagbox > ul.tags > li.operator {color:#1d2475;}
div[data-module=eco] div.tagbox > ul.tags > li.tags {color:#4caf50;}
div[data-module=eco] div.tagbox > ul.tags > li.period {color:#d41c0f;}
div[data-module=eco] div.tagbox > ul.tags > li.time {color:#220c91;}
div[data-module=eco] div.tagbox > ul.tags > li > a {margin-right:10px; padding:10px 0px; height:50px; line-height:50px; border:none; background:none; text-decoration:none; cursor:pointer;}
div[data-module=eco] div.tagbox > ul.tags > li > a > i {margin-left:5px; color:#ccc; vertical-align:middle;}
div[data-module=eco] div.tagbox > a.search_tag {float:right; height:50px; padding:0 10px; color:#fff; background-color:#2196F3; border:none; line-height:50px; text-decoration:none}

@media screen and (max-width:768px) {
	/* div[data-module=eco] div.input.search_area {border-bottom:none} */
	div[data-module=eco] div.input.search_area > input {width:calc(100% - 236px); font-size:1rem; }
	div[data-module=eco] div.input.search_area > button.keyword {width:130px;}
	div[data-module=eco] div[data-role=searchbox] {display:block;}
	div[data-module=eco] div[data-role=searchbox] > ul {display:block; border:1px solid #e6e6e6}
	div[data-module=eco] div[data-role=searchbox] > ul + ul {border-top:none}
	div[data-module=eco] div[data-role=searchbox] > ul > li.title {border-bottom:none}
	div[data-module=eco] div[data-role=searchbox] > ul.open > li.title {border-bottom:1px solid #e6e6e6}
	div[data-module=eco] div[data-role=searchbox] > ul.open > li.item {padding:10px 0}
	div[data-module=eco] div[data-role=searchbox] > ul > li.item {border-bottom:none}
	div[data-module=eco] div[data-role=searchbox] > ul > li.item > ul {height:0px; overflow-y:hidden; margin:0}

	div[data-module=eco] div.input.search_area > button[type=button].detail {display:none;}
}

div[data-module=eco] ul[data-role=files] {list-style:none;}
div[data-module=eco] ul[data-role=files][data-empty-text] {border-top:0px; padding-top:0px; margin-top:0px;}
div[data-module=eco] ul[data-role=files]:empty {display:none;}
div[data-module=eco] ul[data-role=files] > li {height:26px; display:block;}
div[data-module=eco] ul[data-role=files] > li {display:block; height:26px; font-size:0;}
div[data-module=eco] ul[data-role=files] > li > i.icon {display:inline-block; width:20px; height:20px; margin:3px 5px 3px 0px; float:left; background-image:url(../images/icon_type_etc.png); background-repeat:no-repeat; background-position:50% 50%; background-size:contain; vertical-align:middle;}
div[data-module=eco] ul[data-role=files] > li > a {display:inline-block; height:20px; line-height:20px; margin:3px 0px; color:#0871a6; text-decoration:none; font-size:1rem; max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; vertical-align:middle;}
div[data-module=eco] ul[data-role=files] > li > a > span.size {display:inline-block; float:right; color:#999; font-size:0.79rem; padding-top:2px; margin-left:5px;}
div[data-module=eco] ul[data-role=files] > li > a > span.size:before {content:"(";}
div[data-module=eco] ul[data-role=files] > li > a > span.size:after {content:")";}
div[data-module=eco] ul[data-role=files] > li.empty {color:#999; font-size:1rem; line-height:26px;}


/**
 * 대시보드
 */
div[data-module=eco][data-context=dashboard] {font-size:0; padding:20px; background:#f1f1f1;}
/**
 * EMS 대시보드일 경우 상단여백을 무시하도록 설정
 */
div[data-module=eco][data-context=dashboard]:after {content:''; display:block; clear:both;}
div[data-module=eco][data-context=dashboard] > div.box {box-sizing:border-box; float:left; width:100%; padding:10px; font-size:1rem; vertical-align:top;}
div[data-module=eco][data-context=dashboard] > div.box.rt {float:right;}
div[data-module=eco][data-context=dashboard] > div.box.col75 {width:75%;}
div[data-module=eco][data-context=dashboard] > div.box.col66 {width:66.6666%;}
div[data-module=eco][data-context=dashboard] > div.box.col50 {width:50%;}
div[data-module=eco][data-context=dashboard] > div.box.col33 {width:33.3333%;}
div[data-module=eco][data-context=dashboard] > div.box.col25 {width:25%;}
div[data-module=eco][data-context=dashboard] > div.box.no_right {padding-right:0;}
div[data-module=eco][data-context=dashboard] > div.box.no_left {padding-left:0;}
div[data-module=eco][data-context=dashboard] > div.box > div.inner {background:#fff;}
/*
div[data-module=eco][data-context=dashboard] div[class^="box_"] {position:relative; border:1px solid #ddd;}
div[data-module=eco][data-context=dashboard] div[class^="box_"] .slick-dots {position:absolute; top:-37px; right:19px; font-size:0;}
div[data-module=eco][data-context=dashboard] div[class^="box_"] .slick-dots > li {display:inline-block; padding:3px; vertical-align:top; cursor:pointer;}
div[data-module=eco][data-context=dashboard] div[class^="box_"] .slick-dots > li > button {overflow:hidden; width:6px; height:6px; border-radius:50%; border:0 none; background:#d6d6d6; font-size:0; text-indent:-9999px;}
div[data-module=eco][data-context=dashboard] div[class^="box_"] .slick-dots > li.slick-active > button {background:#f7941e;}
*/
div[data-module=eco][data-context=dashboard] div.link {padding:20px 10px;}
div[data-module=eco][data-context=dashboard] div.link > ul {display:table; width:100%; table-layout:fixed; background:#596580;}
div[data-module=eco][data-context=dashboard] div.link > ul > li {display:table-cell; width:100%;}
div[data-module=eco][data-context=dashboard] div.link > ul > li  + li {border-left:1px solid rgba(0,0,0,.2);}
div[data-module=eco][data-context=dashboard] div.link > ul > li > a {display:inline-block; position:relative; box-sizing:border-box; width:100%; height:80px; padding-left:80px; line-height:80px; font-size:1rem; color:#fff; background:#596580; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-decoration:none;}
div[data-module=eco][data-context=dashboard] div.link > ul > li > a > i {display:inline-block; position:absolute; width:48px; height:48px; border:1px solid rgba(255,255,255,0.2); border-radius:50%; line-height:48px; top:15px; left:15px; text-align:center; font-size:1.71rem;}

div[data-module=eco][data-context=dashboard] div.box_eco_history > strong {}
div[data-module=eco][data-context=dashboard] div.box_eco_history > strong {display:block; font-size:1rem; line-height:59px; padding:0 59px 0 23px;}
div[data-module=eco][data-context=dashboard] div.box_eco_history div.wrap {padding:0 24px 23px 24px;}

div[data-module=eco][data-context=dashboard] div.box_eco_join > strong {}
div[data-module=eco][data-context=dashboard] div.box_eco_join > strong {display:block; font-size:1rem; line-height:60px; padding:0 60px 0 23px;}
div[data-module=eco][data-context=dashboard] div.box_eco_join > div.chart {box-sizing:border-box; padding:20px; height:258px; background:#f8f8f8;}

div[data-module=eco][data-context=dashboard] div.box_push > strong {}
div[data-module=eco][data-context=dashboard] div.box_push > strong {display:block; font-size:1rem; line-height:60px; padding:0 60px 0 23px;}
div[data-module=eco][data-context=dashboard] div.box_push div.wrap {padding: 9px 15px 23px;}
div[data-module=eco][data-context=dashboard] div.box_push div.slide > a {display:block; margin:0 8px; height:236px; background-repeat:no-repeat; background-position:center; background-size:contain;}

div[data-module=eco][data-context=dashboard] div.box_push > button[data-slide] {border:0 none; background:none; cursor:pointer;}
div[data-module=eco][data-context=dashboard] div.box_push > button[data-slide] > i {display:block; width:60px; height:60px; text-align:center; line-height:60px; font-size:2.5rem; color:#ddd;}
div[data-module=eco][data-context=dashboard] div.box_push > button[data-slide=prev] {position:absolute; top:50%; left:0; width:60px; height:60px; margin-top:-30px;}
div[data-module=eco][data-context=dashboard] div.box_push > button[data-slide=next] {position:absolute; top:50%; right:0; width:60px; height:60px; margin-top:-30px;}

div[data-module=eco][data-context=dashboard] div.box_program > strong {}
div[data-module=eco][data-context=dashboard] div.box_program > strong {display:block; font-size:1rem; line-height:60px; padding:0 60px 0 23px;}
div[data-module=eco][data-context=dashboard] div.box_program > div.wrap {padding:0px 24px 24px 24px;}

div[data-module=eco][data-context=dashboard] div.box_eco_join > div.wrap {box-sizing:border-box; padding:20px; height:258px;}


div[data-module=eco][data-context=dashboard] div[data-widget|=eco] ul.slick-dots {position:absolute; top:-40px; right:10px; font-size:0; text-align:right;}
div[data-module=eco][data-context=dashboard] div[data-widget|=eco] ul.slick-dots > li {display:inline-block; padding:3px; vertical-align:top; cursor:pointer;}
div[data-module=eco][data-context=dashboard] div[data-widget|=eco] ul.slick-dots > li > button {overflow:hidden; width:6px; height:6px; border-radius:50%; border:0 none; background:#d6d6d6; font-size:0; text-indent:-9999px;}
div[data-module=eco][data-context=dashboard] div[data-widget|=eco] ul.slick-dots > li.slick-active > button {background:#f7941e;}

@media screen and (max-width:1200px) {
	div[data-module=eco][data-context=dashboard] > div.box.col75 {width:100%;}
	div[data-module=eco][data-context=dashboard] > div.box.col66 {width:100%;}
	div[data-module=eco][data-context=dashboard] > div.box.col50 {width:50%;}
	div[data-module=eco][data-context=dashboard] > div.box.col33 {width:50%;}
	div[data-module=eco][data-context=dashboard] > div.box.col25 {width:50%;}

	div[data-module=eco][data-context=dashboard] > div.box.flex {width:100%;}
	div[data-module=eco][data-context=dashboard] > div.box.no_right,
	div[data-module=eco][data-context=dashboard] > div.box.no_left {padding:10px;}
}

@media screen and (max-width:991px) {
	div[data-module=eco][data-context=dashboard] > div.box.col50 {width:100%;}
	div[data-module=eco][data-context=dashboard] > div.box.col33 {width:100%;}
	div[data-module=eco][data-context=dashboard] > div.box.col25 {width:100%;}
}

@media screen and (max-width:768px) {
	div[data-module=eco][data-context=dashboard] div[data-widget|=eco] ul.slick-dots {position:static; margin-top:15px; text-align:center;}
}

@media screen and (max-width:560px) {
	div[data-module=eco][data-context=dashboard] div.link > ul > li > a {width:100%; font-size:0; padding:0; padding-top:100%; height:auto; line-height:normal; display:block;}
	div[data-module=eco][data-context=dashboard] div.link > ul > li > a > i {left:50%; top:50%; transform:translate(-50%,-50%); border:0 none;}
}

div[data-module=eco][data-context=program] ul[data-role=list] {list-style:none; margin-left:-20px; font-size:0;}
div[data-module=eco][data-context=program] ul[data-role=list] > li {display:inline-block; padding:0px 0px 60px 20px; box-sizing:border-box; vertical-align:top;}
div[data-module=eco][data-context=program] ul[data-role=list].columns-3 > li {width:33.3333%;}
div[data-module=eco][data-context=program] ul[data-role=list].columns-4 > li {width:25%;}
div[data-module=eco][data-context=program] ul[data-role=list].columns-5 > li {width:20%;}
header.cardType + main div[data-module=eco][data-context=program] ul[data-role=list].columns-4 > li:nth-child(9) div[data-module=eco][data-role=item] a > div.detail,
header.cardType + main div[data-module=eco][data-context=program] ul[data-role=list].columns-4 > li:nth-child(10) div[data-module=eco][data-role=item] a > div.detail,
header.cardType + main div[data-module=eco][data-context=program] ul[data-role=list].columns-4 > li:nth-child(11) div[data-module=eco][data-role=item] a > div.detail,
header.cardType + main div[data-module=eco][data-context=program] ul[data-role=list].columns-4 > li:nth-child(12) div[data-module=eco][data-role=item] a > div.detail {top:auto; bottom:0;}


/* 리스트타입 프로그램 추가 */
div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] {display:flex; flex-direction:column; gap:24px; margin:0;}
div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] li {display:block; width:auto; padding:0;}
div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] li + li {margin-top:-1px;}
div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] li:first-child div[data-module=eco][data-role=item] > a {border-top-left-radius:10px; border-top-right-radius:10px;}
div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] li:last-child div[data-module=eco][data-role=item] > a {border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a {display:flex; border:1px solid #ECECEC; border-radius: 10px;}

div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > label {position:inherit; display:inline-block; margin:15px 0 15px 15px; vertical-align:top;}
div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > label.active_point {margin-left:0;}
div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > label > b {display:block;}
div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.cover {padding-bottom:0; width:357px; max-width:238px; height:156px; border-radius:8px 0px 0px 8px; background-size:cover; background-position:center;}
div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content {display:flex; flex-direction:column; justify-content: center; width:100%; padding:0px 24px; vertical-align:middle;}
div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content div.title_wrap {height:auto;}

div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > label.active_point + div.cover + div.content {width:calc(100% - 597px);}
div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content > div.department {}
div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content > b.title {display:inline-block; text-shadow:1px 1px 3px rgba(0,0,0,.1);}
div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content > b {height:20px;}
div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content > p.title {font-size:1rem; text-shadow:1px 1px 3px rgba(0,0,0,.1);}
div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content > div.period {width:100%;}
div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content > div.period > small {display: inline-block; padding-right:16px; margin-right:16px; width:auto;}
div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content > div.period > small:first-child {position: relative;}
div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content > div.period > small:first-child::before {content:""; position: absolute; top:50%; right: 0; transform: translateY(-50%);  display: inline-block; width: 1px; height:17px; background:#ddd;}

div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content > label {display: block;}
div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content > div.department > div.info_signin {display:none;}
div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.bottom {display:inline-block; width:315px; padding:30px 5px 30px 15px; border-left:1px solid #e6e6e6; background:#fff; border-top:0 none; vertical-align:top;}
div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.bottom > div.info_signin {display:inline-block; width:25px; font-size:0.93rem; line-height:32px; color:#000; font-weight:bold; vertical-align:middle;}
div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.bottom > div.progress {width:calc(100% - 105px); margin:14px 8px; vertical-align:top;}
div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.bottom > div.progress > div {position:relative; border-radius:20px; z-index:1;}
div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.bottom > label {top:34px; right:15px; padding:0; background:transparent; text-align:left; font-size:0.93rem; line-height:26px; color:#999; vertical-align:middle;}
div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.bottom > label > b {color:#2196f3;}
div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a:hover > div.content > div.department {text-shadow:1px 1px 3px rgba(0,0,0,.1);}
div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.detail {display:none;}
div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.select {display: none;}

div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.buttons {display:flex; align-items: center; justify-content: end; margin-right:30px; width:16%;}

div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.buttons > button {border-radius:6px; border:none; background:#F7F7F7; width:56px; height: 56px; margin-left:5px; font-size:0.86rem; cursor: pointer;}
div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.buttons > button > i {display:inline-block; width:20px; height:38px; line-height:38px; vertical-align:middle; text-align:center; font-size:1rem; text-align:center;}
div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.buttons > button[data-action=favorite].selected > i.fa:before {content:""; display: block; width:20px; height:38px; background:url(../images/gray_star.png) no-repeat center center;}
div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.buttons > button[data-action=favorite] > i.fa:before {content:""; display: block; width:20px; height:38px; background:url(../images/star.png) no-repeat center center;}


@media screen and (max-width:1199px) {
	div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content > div.period > small:first-child::before {display: none;}
}

@media screen and (max-width:605px) {
	div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.cover {display: none;}
	div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content {padding:24px;}

}

@media screen and (max-width:453px) {
	div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content {position: relative; width: 100%;}
	div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content > div.period > small {margin-right:0; margin-left:0;}

	div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.buttons {position: absolute; top:10px; right: 0; padding-right:10px; margin-right:0;}
	div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.buttons > button {width: 36px; height:36px;}
}

@media screen and (max-width:360px) {
	div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.buttons > button {display:none;}
}



div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] {margin:0;}
div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] li {display:block; width:auto; padding:0;}
div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list].columns-4 > li {display:block; width:auto; padding:0;}
div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] li + li {margin-top:-1px;}
div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] li:first-child div[data-module=eco][data-role=item] > a {border-top-left-radius:10px; border-top-right-radius:10px;}
div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] li:last-child div[data-module=eco][data-role=item] > a {border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a {display:block; border-radius:0;}
div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > label {position:inherit; display:inline-block; margin:15px 0 15px 15px; vertical-align:top;}
div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > label.active_point {margin-left:0;}
div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > label > b {display:block;}
div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.cover {display:none;}
div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content {display:inline-block; width:calc(100% - 494px); vertical-align:middle;}
div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > label.active_point + div.cover + div.content {width:calc(50% - 48px);}
div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content > div.department {display:block; text-shadow:1px 1px 3px rgba(0,0,0,.1); vertical-align:top; color:#666; font-size:0.93rem; font-weight:bold;}
div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content > div.department > i.fa-star {display:none;}
div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content > div.department > small {display:inline-block; position:relative; font-size:0.93rem; font-weight:normal;}
div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content > div.department > b + small {padding-left:20px;}
div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content > div.department > b + small:before {content:'|'; display:inline-block; position:absolute; left:8px; top:0; color:#e5e5e5;}
div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content > b.title {display:inline-block; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-shadow:1px 1px 3px rgba(0,0,0,.1);}
div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content > b {height:24px;}
div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content > small {display:none;}
div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content > div.department > div.info_signin {display:none;}
div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.bottom {display:inline-block; width:275px; padding:28px 15px; border-left:1px solid #e6e6e6; background:#fff; border-top:0 none;}
div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.bottom > div.info_signin {display:inline-block; width:25px; font-size:0.93rem; line-height:32px; color:#000; font-weight:bold; vertical-align:middle;}
div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.bottom > div.progress {width:calc(100% - 105px); margin:14px 8px; vertical-align:top;}
div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.bottom > div.progress > div {position:relative; border-radius:20px; z-index:1;}
/* div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.bottom > div.progress > div:after {content:''; position:absolute; top:0; left:0; width:100%; height:4px; background:#ddd; z-index:0;} */
div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.bottom > label {top:30px; right:15px; padding:0; background:transparent; text-align:left; font-size:0.93rem; line-height:26px; color:#999; vertical-align:middle;}
div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.bottom > label > b {color:#2196f3;}
div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a:hover > div.content > div.department {text-shadow:1px 1px 3px rgba(0,0,0,.1);}
div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.detail {display:none;}
div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.select {display:inline-block; float:right; width:86px; height:87px; padding:30px; border-left:1px solid #e6e6e6; vertical-align:top; box-sizing:border-box; text-align:center; line-height:30px;}
div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.select > i.fa-star {color:#999; font-size:1.36rem;}
div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.select > i.fa-star.selected {color:#ffc240;}
@media (max-width:768px) {
	div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list].columns-4 > li {width:100% !important; padding:0;}
}

/* 카드형템플릿 리스트타입 */
header.cardType + main div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a {padding:0 10px;}
header.cardType + main div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > label {top:0;}
header.cardType + main div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > i.fa-star {top:25px;}
header.cardType + main div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content > small {display:block; max-height:20px; margin-top:2px;}
header.cardType + main div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content > small > i {display:none;}
header.cardType + main div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content > b.title {display:inline-block; width:calc(100% - 160px); margin-left:10px; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis;}
header.cardType + main div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content > div.department {display:inline-block; vertical-align:middle;}
header.cardType + main div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content > b:before {content:'|'; display:inline-block; margin-right:10px; color:rgba(0,0,0,.2)}
header.cardType + main div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content > div.bottom {padding:0 15px;}
header.cardType + main div[data-module=eco][data-context=program] ul[data-role=list][data-display=grid] div[data-module=eco][data-role=item] > a > div.bottom {display:none;}
header.cardType + main div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.bottom > div.progress {display:inline-block; width:calc(100% - 102px); height:4px; margin:0 4px 0 8px; background:#ddd; vertical-align:middle;}
header.cardType + main div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.bottom > div.progress > div {position:relative; border-radius:20px; z-index:1;}
header.cardType + main div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > i.fa-star {display:none;}
header.cardType + main div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.select {padding:35px 40px; height:92px;}

header.cardType + main div[data-module=eco] div[data-role=searchbox] > ul {background:#fff; border-bottom-right-radius:5px; border-bottom-left-radius:5px;}
header.cardType + main div[data-module=eco] div[data-role=searchbox] > ul > li.item > ul > li {padding:5px 20px;}
header.cardType + main div[data-module=eco] div[data-role=searchbox] > ul > li.item > ul > li.selected {padding:5px 10px;}
header.cardType + main div[data-module=eco] div[data-role=searchbox] > ul > li.item > ul > li.selected:hover {background:#fff;}
header.cardType + main div[data-module=eco] div[data-role=searchbox] > ul > li.item > ul > li.selected:hover > a {font-weight:500;}
header.cardType + main div[data-module=eco] div[data-role=searchbox] > ul > li.item > ul > li.selected > a {border:1px solid #005aa7; color:#005aa7; font-size:1rem; line-height:26px;}
header.cardType + main div[data-module=eco] div[data-role=searchbox] > ul > li.item > ul > li {min-height:20px; color:#7d7d7d;}
header.cardType + main div[data-module=eco] div[data-role=searchbox] > ul > li.item > ul > li:hover {background-color:#f5f4f4; color:#000; font-weight:600;}
header.cardType + main div[data-module=eco] div[data-role=searchbox] > ul > li.title {border-bottom:0 none; background:#fff;}
header.cardType + main div[data-module=eco] div[data-role=searchbox] > ul > li.title::after {content:''; display:block; margin:0 20px;}
header.cardType + main div[data-module=eco] div[data-role=searchbox].on {margin-top:-80px;}
header.cardType + main div[data-module=eco] #ModuleEcoProgramListForm div[data-role=searchbox].on {margin-top:0;}
header.cardType + main div[data-module=eco] div[data-role=searchbox] > ul > li.title > button {color:#332c5f; font-size:1.07rem;}
header.cardType + main div[data-module=eco] div[data-role=searchbox] > ul > li.title > button > b > i {color:#332c5f; font-size:1.57rem;}
header.cardType + main div[data-module=eco] div[data-role=searchbox] div.tagbox {display:block;}
header.cardType + main div[data-module=eco] div[data-role=searchbox] div.tagbox ul li i {cursor:pointer;}
@media (max-width:991px) {
	div[data-module=eco][data-context=program] ul[data-role=list][data-display=list].columns-4 > li {width:100%;}
	/* div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content {width:calc(100% - 118px);} */
	div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.bottom {display:inline-block; width:calc(100% - 116px); border-left:0 none; border-top:1px solid #e6e6e6;}
	div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.select {border-top:1px solid #e6e6e6;}
	div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > label.active_point + div.cover + div.content {width:calc(100% - 212px);}
	div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content > div.department > small {overflow:hidden; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis;}
	header.cardType + main div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a {padding:0;}
	header.cardType + main div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.select {padding:34px;}
}
@media (max-width:499px) {
	div[data-module=eco][data-context=program] ul[data-role=list] {margin-left:-10px;}
	div[data-module=eco][data-context=program] ul[data-role=list] > li {width:100% !important; padding:0px 0px 10px 10px !important;}
	div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content > b.title {display:inline-block; width:92%; text-shadow:1px 1px 3px rgba(0,0,0,.1); white-space:nowrap;}
	header.cardType + main div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content > b.title {display:block; margin-left:0;}
	header.cardType + main div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content > b.title:before {display:none;}
	header.cardType + main div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > label {top:12px;}
}

@media (min-width:500px) and (max-width:767px) {
	div[data-module=eco][data-context=program] ul[data-role=list] {margin-left:-10px;}
	div[data-module=eco][data-context=program] ul[data-role=list] > li {width:50% !important; padding:0px 0px 10px 10px !important;}
	div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] > li {width:100% !important; padding:0px 0px 10px 10px !important;}
}

@media (min-width:768px) and (max-width:991px) {
	div[data-module=eco][data-context=program] ul[data-role=list] {margin-left:-10px;}
	div[data-module=eco][data-context=program] ul[data-role=list] > li {padding:0px 0px 10px 10px;}
	div[data-module=eco][data-context=program] ul[data-role=list].columns-4 > li {width:33.3%;}
	div[data-module=eco][data-context=program] ul[data-role=list].columns-5 > li {width:33.3%;}
}

@media (min-width:992px) and (max-width:1189px) {
	div[data-module=eco][data-context=program] ul[data-role=list] {margin-left:-10px;}
	div[data-module=eco][data-context=program] ul[data-role=list] > li {padding:0px 0px 10px 10px;}
	div[data-module=eco][data-context=program] ul[data-role=list].columns-5 > li {width:25%;}
}

div[data-module=eco][data-context=favorite] ul[data-role=list] {list-style:none; margin-left:-20px; font-size:0;}
div[data-module=eco][data-context=favorite] ul[data-role=list] > li {display:inline-block; padding:0px 0px 20px 20px; box-sizing:border-box; vertical-align:top;}
div[data-module=eco][data-context=favorite] ul[data-role=list].columns-3 > li {width:33.3333%;}
div[data-module=eco][data-context=favorite] ul[data-role=list].columns-4 > li {width:25%;}
div[data-module=eco][data-context=favorite] ul[data-role=list].columns-5 > li {width:20%;}

/* 리스트형 */



@media (max-width:499px) {
	div[data-module=eco][data-context=favorite] ul[data-role=list] {margin-left:-10px;}
	div[data-module=eco][data-context=favorite] ul[data-role=list] > li {width:100% !important; padding:0px 0px 10px 10px !important;}
	div[data-module=eco][data-context=favorite] ul[data-role=list].columns-5 > li {width:100% !important; padding:0px 0px 10px 10px !important;}
}

@media (min-width:500px) and (max-width:767px) {
	div[data-module=eco][data-context=favorite] ul[data-role=list] {margin-left:-10px;}
	div[data-module=eco][data-context=favorite] ul[data-role=list].columns-4 > li {width:50% !important;}
	div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=grid].columns-4 > li {display:inline-block; width:50% !important; padding:0px 0px 10px 10px !important; box-sizing:border-box; vertical-align:top;}
	div[data-module=eco][data-context=favorite] ul[data-role=list].columns-5 > li {width:50%;}
}

@media (min-width:768px) and (max-width:991px) {
	div[data-module=eco][data-context=favorite] ul[data-role=list] {margin-left:-10px;}
	div[data-module=eco][data-context=favorite] ul[data-role=list] > li {padding:0px 0px 10px 10px;}
	div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=grid].columns-4 > li {width:33.3333%;}
	div[data-module=eco][data-context=favorite] ul[data-role=list].columns-5 > li {width:33.3333%;}
}

@media (max-width:992px) {
	div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list].columns-4 > li {display:block; width:100% !important;}
	div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content {width:calc(100% - 102px);}
	div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content > div.department {min-width:50px;}
	div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.content > div.department > small {margin-left:14px;}
	div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.bottom {width:calc(100% - 117px); height:28px; border-top:1px solid #e6e6e6;}
	div[data-module=eco][data-context=favorite] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > div.select {border-top:1px solid #e6e6e6;}
}
@media (min-width:992px) and (max-width:1189px) {
	div[data-module=eco][data-context=program] ul[data-role=list][data-display=list] div[data-module=eco][data-role=item] > a > label.active_point + div.cover + div.content {max-width:330px;}
	div[data-module=eco][data-context=favorite] ul[data-role=list] {margin-left:-10px;}
	div[data-module=eco][data-context=favorite] ul[data-role=list] > li {padding:0px 0px 10px 10px;}
	div[data-module=eco][data-context=favorite] ul[data-role=list].columns-5 > li {width:25%;}
}

/* 페이징 */
div[data-module=eco] div.pagination {text-align:center; padding:80px 0px;}
div[data-module=eco] div[data-role=pagination] > div > ul {border:none; background-color:transparent;}
div[data-module=eco] div[data-role=pagination] > div > ul > li {border:none;}
div[data-module=eco] div[data-role=pagination] > div > ul > li:first-child,
div[data-module=eco] div[data-role=pagination] > div > ul > li:last-child {margin: 0 24px;}
div[data-module=eco] div[data-role=pagination] > div > ul > li > a {width: 40px; height: 32px; border:none; line-height:34px; font-size:0.93rem; color: #4b4b4b; font-weight: 400;}
div[data-module=eco] div[data-role=pagination] > div > ul > li:first-child a,
div[data-module=eco] div[data-role=pagination] > div > ul > li:last-child a{width: 50px; font-size:1rem;}
div[data-module=eco] div[data-role=pagination] > div > ul > li:first-child a span{padding-right:8px;}
div[data-module=eco] div[data-role=pagination] > div > ul > li:last-child a span {padding-left:8px;}
div[data-module=eco] div[data-role=pagination] > div > ul > li > a:hover {background:transparent; border:none; color: #4b4b4b;}
div[data-module=eco] div[data-role=pagination] > div > ul > li.active > a {width: 32px; height: 32px; border-radius: 5px; background: var(--thema_color); color:#fff; font-weight: 700; border:none;}
div[data-module=eco] div[data-role=pagination] > div > ul > li > a > span {min-width:0; padding:0; line-height: 32px; }
div[data-module=eco] div[data-role=pagination] > div > ul > li.dots a {background:url(../images/paging_dots.svg) no-repeat center center;}

div[data-module=eco] div[id=ModuleEcoProgramView] div.context {max-width:1420px; margin:0 auto; padding:20px 0px 50px 0px;}
div[data-module=eco] div[id=ModuleEcoProgramView] div[data-role=tabbar] {margin-bottom:20px;}
div[data-module=eco] div[id=ModuleEcoProgramView] div[data-role=tabbar] > div > ul > li {position:relative;}
div[data-module=eco] div[id=ModuleEcoProgramView] div[data-role=tabbar] > div > ul > li > a > label {position: absolute; top: 11px; left:50%; transform: translateX(40px); min-width: 20px; height: 20px; border-radius: 10px; color: #fff; background: #BDBDBD; display: block; z-index: 1; font-size:0.79rem; text-align: center; line-height: 20px; padding: 0px 6px; box-sizing: border-box;}
div[data-module=eco] div[id=ModuleEcoProgramView] div[data-role=tabbar] > div > ul > li > a > label.new {background:#F44336;}
/* 팀활동방 스타일 변경 */
div[data-module=eco] div[id=ModuleEcoProgramView] div[data-role=tabbar] > div > ul > li:last-child > a.team,
div[data-module=eco] div[id=ModuleEcoProgramView] div[data-role=tabbar] > div > ul > li:last-child > button.team {background: #f4433606!important; color: #d00e00;}
div[data-module=eco] div[id=ModuleEcoProgramView] div[data-role=tabbar] > div > ul > li:last-child > button:hover,
div[data-module=eco] div[id=ModuleEcoProgramView] div[data-role=tabbar] > div > ul > li:last-child > a.team:hover {background:#fff!important;color:#df0f00;}

div[data-module=eco] div[id=ModuleEcoProgramView] h5 {font-size:1.14rem; height:40px; line-height:40px; margin-top:20px;}
div[data-module=eco] div[id=ModuleEcoProgramView] h5 + div[data-role=tabbar] {margin-top:0px;}
div[data-module=eco] div[id=ModuleEcoProgramView] div.row > div > h5 {margin-top:0;}
div[data-module=eco] div[id=ModuleEcoProgramView] div.description {border:1px solid #e3e4e5; border-top:2px solid #222; margin-bottom:20px;}
div[data-module=eco] div[id=ModuleEcoProgramView] div.description > div[data-role=wysiwyg-content] {padding:20px; line-height:1.6; font-size:1rem;}
div[data-module=eco] div[id=ModuleEcoProgramView] div.description > div[data-module=attachment] {padding:20px;}
div[data-module=eco] div[id=ModuleEcoProgramView] div.description > div[data-module=attachment] > b {display:block; font-size:1.14rem; height:36px; line-height:36px; border-bottom:1px solid #e5e5e5; margin-bottom:5px;}
div[data-module=eco] div[id=ModuleEcoProgramView] div.description > div[data-module=attachment] > ul {list-style:none;}
div[data-module=eco] div[id=ModuleEcoProgramView] div.description > div[data-module=attachment] > ul > li {font-size:0;}
div[data-module=eco] div[id=ModuleEcoProgramView] div.description > div[data-module=attachment] > ul > li > i.icon {width:20px; height:20px; margin:5px 8px 5px 0px; vertical-align:middle; background-size:contain;}
div[data-module=eco] div[id=ModuleEcoProgramView] div.description > div[data-module=attachment] > ul > li > a {display:inline-block; height:20px; margin:5px 0px; line-height:20px; color:inherit; text-decoration:none; font-size:1rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; vertical-align:middle;}
div[data-module=eco] div[id=ModuleEcoProgramView] div.description > div[data-module=attachment] > ul > li > a > span.size {color:#666; float:right; margin-left:10px;}
div[data-module=eco] div[id=ModuleEcoProgramView] div.description > div[data-module=attachment] > ul > li > a > span.size:before {content:"(";}
div[data-module=eco] div[id=ModuleEcoProgramView] div.description > div[data-module=attachment] > ul > li > a > span.size:after {content:")";}

@media (max-width:767px) {
	div[data-module=eco] div[id=ModuleEcoProgramView] ul[data-role=form].visible-xs > li {display:table; height:auto; min-height:0;}
	div[data-module=eco] div[id=ModuleEcoProgramView] ul[data-role=form].visible-xs > li > label {display:table-cell; width:100px; background:#f4f4f4; font-size:0.93rem; padding:10px; vertical-align:middle; height:30px; line-height:30px;}
	div[data-module=eco] div[id=ModuleEcoProgramView] ul[data-role=form].visible-xs > li > label:after {content:"";}
	div[data-module=eco] div[id=ModuleEcoProgramView] ul[data-role=form].visible-xs > li > div {display:table-cell; width:100%; font-size:0.93rem; line-height:1.6; vertical-align:middle; min-height:30px; height:30px; padding:10px;}
}

div[data-module=eco] form[data-role=topic] ul[data-role=table] > li > span.title {width:100%;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li > span.mileage {width:100px;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li > span.date {width:190px;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li > span.status {width:120px;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li > span.date + span.status {width:200px;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li > span.button {width:220px;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li > span.button.reg_notice {width:110px;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody {height:auto;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.title {padding:10px 5px; white-space:normal; height:auto;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.title > div[data-role=input] {height:auto; padding:0 0 0 30px; box-sizing:border-box;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.title > div[data-role=input] > label {height:auto; padding:0;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.title > div[data-role=input] > label > button {margin:0px 0px 0px -30px;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.title b {display:block; min-height:24px; line-height:24px;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.title p {display:block; height:16px; line-height:16px; font-size:0.86rem; color:#666;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.mileage {text-align:center;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.mileage p {margin-bottom:4px; font-weight:bold; color:red;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.mileage b {font-weight:initial;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.date {font-size:1rem; line-height:20px; text-align:center;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.status {text-align:center; position:relative;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.status > p {height:20px; line-height:20px;font-size: 1rem;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.status > p.awaiter {color:#666; font-size:0.86rem;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.status > div {width:100%; height:100%; text-align:center; position:absolute; top:0; left:0; vertical-align:middle;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.status > div.applicated {background:rgba(33,150,243,0.4); color:#fff; text-shadow:-1px -1px 0 #0D47A1, 1px -1px 0 #0D47A1, -1px 1px 0 #0D47A1, 1px 1px 0 #0D47A1;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.status > div.closed {background:rgba(0,0,0,0.2); color:#fff; text-shadow:-1px -1px 0 #222, 1px -1px 0 #222, -1px 1px 0 #222, 1px 1px 0 #222;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.status > div > b {display:block; position:absolute; top:calc(50% - 10px); left:0; width:100%; height:20px; line-height:20px;font-size: 1rem;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.button {text-align:center; font-size:0; padding:5px;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.button > ul {list-style:none; display:table; table-layout:fixed; width:100%;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.button > ul > li {height:40px; display:table-cell; padding:5px;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.button > ul > li > button {width:100%; height:40px; border:0; font-size:0.93rem; cursor:pointer; background:transparent; position:relative;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.button > ul > li > button > label {position:absolute; top:5px; right:5px; width:5px; height:5px; border-radius:50%; display:block; background:#f44336;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.button > ul > li > button[disabled] {opacity:0.5; cursor:not-allowed;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.button > ul > li > button.default {border:1px solid rgba(0,0,0,0.1); color:#222; background:#fff;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.button > ul > li > button.default:hover {background:#f4f4f4;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.button > ul > li > button.default[disabled] {background:#f4f4f4; color:#222;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.button > ul > li > button.submit {background:#2196fe; color:#fff;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.button > ul > li > button.submit:hover {background:#1e88e5; color:#fff;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.button > ul > li > button.submit[disabled] {background:#1e88e5; color:#fff;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.button > ul > li > button.submit > label {background:#fff;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.button > ul > li > button.danger {background:#f44336; color:#fff;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.button > ul > li > button.danger:hover {background:#e53935; color:#fff;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.button > ul > li > button.danger[disabled] {background:#f44336; color:#fff;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.button > ul > li > a {box-sizing:border-box; display:block; width:100%; height:40px; border:0; font-size:0.93rem; cursor:pointer; background:transparent; position:relative; padding:12px 21px; text-decoration:none; border:1px solid rgba(0,0,0,0.1); color:#222; background:#fff;}
div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.button > ul > li > a:hover {background:#f4f4f4;}

@media (max-width:767px) {
	div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.thead > span.title {border-right:0;}
	div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.thead > span.date {display:none;}
	div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.thead > span.status {display:none;}
	div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.thead > span.button {display:none;}
	div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.title {display:table-caption; border-bottom:1px dotted #e3e4e5; border-right:0;}
	div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.date {width:100%; border-right:1px dotted #e3e4e5; font-size:0.86rem;}
	div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.status {width:80px;}
}

@media (max-width:360px) {
	div[data-module=eco] form[data-role=topic] ul[data-role=table] > li.tbody > span.title p {height:auto;}
}

div[data-module=eco] form[data-role=team] ul[data-role=table] > li > span.title {width:100%;}
div[data-module=eco] form[data-role=team] ul[data-role=table] > li > span.status {width:170px;}
div[data-module=eco] form[data-role=team] ul[data-role=table] > li > span.owner {width:180px;}
div[data-module=eco] form[data-role=team] ul[data-role=table] > li > span.button {width:110px;}
div[data-module=eco] form[data-role=team] ul[data-role=table] > li.tbody {height:auto;}
div[data-module=eco] form[data-role=team] ul[data-role=table] > li.tbody > span.title {padding:10px 5px; white-space:normal; height:auto;}
div[data-module=eco] form[data-role=team] ul[data-role=table] > li.tbody > span.title > div[data-role=input] {height:auto; padding:0 0 0 30px; box-sizing:border-box;}
div[data-module=eco] form[data-role=team] ul[data-role=table] > li.tbody > span.title > div[data-role=input] > label {height:auto; padding:0;}
div[data-module=eco] form[data-role=team] ul[data-role=table] > li.tbody > span.title > div[data-role=input] > label > button {margin:0px 0px 0px -30px;}
div[data-module=eco] form[data-role=team] ul[data-role=table] > li.tbody > span.title b {display:block; min-height:24px; line-height:24px;}
div[data-module=eco] form[data-role=team] ul[data-role=table] > li.tbody > span.title b button{margin-left:15px; color:#1e88e5; background:transparent; border:0; cursor:pointer;}
div[data-module=eco] form[data-role=team] ul[data-role=table] > li.tbody > span.title p {display:block; height:16px; line-height:16px; font-size:0.86rem; color:#666;}
div[data-module=eco] form[data-role=team] ul[data-role=table] > li.tbody > span.owner {text-align:center; height:100%; position:relative;}
div[data-module=eco] form[data-role=team] ul[data-role=table] > li.tbody > span.owner > p {font-size:0.86rem; height:20px; line-height:20px;}
div[data-module=eco] form[data-role=team] ul[data-role=table] > li.tbody > span.owner > p.member {color:#666; font-size:0.86rem;}
div[data-module=eco] form[data-role=team] ul[data-role=table] > li.tbody > span.owner > p.member > button{background:transparent; border:0; cursor:pointer;}
div[data-module=eco] form[data-role=team] ul[data-role=table] > li.tbody > span.status {text-align:center; height:100%; position:relative;}
div[data-module=eco] form[data-role=team] ul[data-role=table] > li.tbody > span.status > p {height:20px; line-height:20px;}
div[data-module=eco] form[data-role=team] ul[data-role=table] > li.tbody > span.status > p.awaiter {color:#666; font-size:0.86rem;}
div[data-module=eco] form[data-role=team] ul[data-role=table] > li.tbody > span.button > button {width:100%; height:40px; border:0; font-size:0.93rem; cursor:pointer; background:transparent; background:#2196f3; color:#fff;}
div[data-module=eco] form[data-role=team] ul[data-role=table] > li.tbody > span.button > button:hover {background:#1e88e5; color:#fff;}
div[data-module=eco] form[data-role=team] ul[data-role=table] > li.tbody > span.button > button[disabled] {background:#ddd !important; color:#222 !important; opacity:0.5; cursor:not-allowed;}


/**
 * 마일리지 내역
 */
div[data-module=eco][data-context=mileage] h4 {display:block; height:40px; line-height:40px; padding:0; margin:0; font-size:1rem;}
div[data-module=eco][data-context=mileage] div.help {margin:0px 0px 20px 0px; background:#FFF8E1; color:#333; line-height:1.6; padding:10px; border:1px solid #FFECB3;}
div[data-module=eco][data-context=mileage] ul[data-role=table] > li {min-width:500px;}
div[data-module=eco][data-context=mileage] ul[data-role=table] > li > span.loopnum {width:50px; text-align:center;}
div[data-module=eco][data-context=mileage] ul[data-role=table] > li > span.year {width:70px; text-align:center;}
div[data-module=eco][data-context=mileage] ul[data-role=table] > li > span.semester {width:85px; text-align:center;}
div[data-module=eco][data-context=mileage] ul[data-role=table] > li > span.title {width:320px;}
div[data-module=eco][data-context=mileage] ul[data-role=table] > li > span.title > a {color:#2196F3; text-decoration:none; font-weight:bold;}
div[data-module=eco][data-context=mileage] ul[data-role=table] > li > span.change {width:70px;}
div[data-module=eco][data-context=mileage] ul[data-role=table] > li > span.point {width:105px; padding:10px;}
div[data-module=eco][data-context=mileage] ul[data-role=table] > li > span.accumulation {width:70px;}
div[data-module=eco][data-context=mileage] ul[data-role=table] > li > span.date {width:160px; text-align:center;}
div[data-module=eco][data-context=mileage] ul[data-role=table] > li.tbody > span.change {text-align:right; font-weight:bold; font-size:1rem; font-family:Roboto;}
div[data-module=eco][data-context=mileage] ul[data-role=table] > li.tbody > span.accumulation {text-align:right; font-weight:bold; font-size:1rem; font-family:Roboto;}
div[data-module=eco][data-context=mileage] ul[data-role=table] > li.tbody > span.point {font-weight:bold; font-size:1rem; font-family:Roboto;}
div[data-module=eco][data-context=mileage] ul[data-role=table] > li.tbody > span.date {font-size:0.93rem;}

div[data-module=eco][data-context=mileage] ul[data-role=table] > li.tbody > span > span.increase {color:#4CAF50;}
div[data-module=eco][data-context=mileage] ul[data-role=table] > li.tbody > span > span.decrease {color:#F44336;}
/* 마일리지-테이블로 수정 */
div[data-module=eco][data-context=mileage] div.tb {overflow:hidden; overflow-x:auto;}
div[data-module=eco][data-context=mileage] div.tb table {width:100%; min-width:500px; table-layout:fixed; border-collapse:collapse;}
div[data-module=eco][data-context=mileage] div.tb table caption.ir_hidden {display: none;}
div[data-module=eco][data-context=mileage] div.tb table thead th,
div[data-module=eco][data-context=mileage] div.tb table tbody td {padding:10px; vertical-align:middle; line-height:1.6; box-sizing:border-box;}
div[data-module=eco][data-context=mileage] div.tb table thead th,
div[data-module=eco][data-context=mileage] div.tb table tbody td {border-bottom:1px solid #e3e4e5}
div[data-module=eco][data-context=mileage] div.tb table thead tr:first-of-type th:last-child {border-right:none;}
div[data-module=eco][data-context=mileage] div.tb table thead {border-top:2px solid #222;}
div[data-module=eco][data-context=mileage] div.tb table thead th,
div[data-module=eco][data-context=mileage] div.tb table tbody td {border-right:1px solid #e3e4e5;}
div[data-module=eco][data-context=mileage] div.tb table tbody td {height:60px; vertical-align:middle; padding:0px 10px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
div[data-module=eco][data-context=mileage] div.tb table tbody td:last-child {border-right:none;}
div[data-module=eco][data-context=mileage] div.tb table thead th {background:#f4f4f4; font-size:1rem;}
div[data-module=eco][data-context=mileage] div.tb table tbody td {font-size:1rem; text-align:center;}
div[data-module=eco][data-context=mileage] div.tb table thead th.loopnum,
div[data-module=eco][data-context=mileage] div.tb table tbody td.loopnum,
div[data-module=eco][data-context=mileage] div.tb table thead th.year,
div[data-module=eco][data-context=mileage] div.tb table tbody td.year {width:70px; text-align:center;}
div[data-module=eco][data-context=mileage] div.tb table thead th.semester,
div[data-module=eco][data-context=mileage] div.tb table tbody td.semester {width:85px; text-align:center;}
div[data-module=eco][data-context=mileage] div.tb table thead th.title,
div[data-module=eco][data-context=mileage] div.tb table tbody td.title {width:320px;}
div[data-module=eco][data-context=mileage] div.tb table tbody td.title > a {color:#2196F3; text-decoration:none; font-weight:bold;}
div[data-module=eco][data-context=mileage] div.tb table thead th.mileage,
div[data-module=eco][data-context=mileage] div.tb table thead th.point {width:140px;}
div[data-module=eco][data-context=mileage] div.tb table thead th.change,
div[data-module=eco][data-context=mileage] div.tb table tbody td.change,
div[data-module=eco][data-context=mileage] div.tb table thead th.accumulation,
div[data-module=eco][data-context=mileage] div.tb table tbody td.accumulation,
div[data-module=eco][data-context=mileage] div.tb table thead th.point_change,
div[data-module=eco][data-context=mileage] div.tb table tbody td.point_change,
div[data-module=eco][data-context=mileage] div.tb table thead th.point_accumulation,
div[data-module=eco][data-context=mileage] div.tb table tbody td.point_accumulation {width:70px;}
div[data-module=eco][data-context=mileage] div.tb table tbody td.change,
div[data-module=eco][data-context=mileage] div.tb table tbody td.accumulation,
div[data-module=eco][data-context=mileage] div.tb table tbody td.point_change,
div[data-module=eco][data-context=mileage] div.tb table tbody td.point_accumulation {font-weight:bold;}
div[data-module=eco][data-context=mileage] div.tb table thead th.date,
div[data-module=eco][data-context=mileage] div.tb table tbody td.date {width:160px; text-align:center;}
div[data-module=eco][data-context=mileage] div.tb table tbody td.date {font-size:0.93rem;}

div[data-module=eco][data-context=mileage] div.tb table .a_l {text-align:left;}
div[data-module=eco][data-context=mileage] div.tb table tbody tr.empty td {height:100px; line-height:100px; color:#666;}
div[data-module=eco][data-context=mileage] div.tb table tbody td span.increase {color:#4CAF50;}
div[data-module=eco][data-context=mileage] div.tb table tbody td span.decrease {color:#F44336;}

@media (max-width:767px) {
	div[data-module=eco][data-context=mileage] div[data-role=toolbar] > h4 {display:block;}
	div[data-module=eco][data-context=mileage] ul[data-role=table] > li > span.loopnum {display:none;}
	div[data-module=eco][data-context=mileage] ul[data-role=table] > li > span.accumulation {display:none;}
}

/* 프로그램 후기 컴포넌트 */
div[data-module=eco] div[data-role=review][data-component=review] ul[data-role=table] > li.empty {height:60px; line-height:60px;}
div[data-module=eco] div[data-role=review][data-component=review] ul[data-role=table] > li > span.title {width:310px;}
div[data-module=eco] div[data-role=review][data-component=review] ul[data-role=table] > li > span.loopnum {width:60px; text-align:center;}
div[data-module=eco] div[data-role=review][data-component=review] ul[data-role=table] > li > span.term {width:200px; text-align:center;}
div[data-module=eco] div[data-role=review][data-component=review] ul[data-role=table] > li > span.essential {width:150px; text-align:center;}
div[data-module=eco] div[data-role=review][data-component=review] ul[data-role=table] > li > span.name {width:70px; text-align:center;}
div[data-module=eco] div[data-role=review][data-component=review] ul[data-role=table] > li > span.write_date {width:150px; text-align:center;}
div[data-module=eco] div[data-role=review][data-component=review] ul[data-role=table] > li > span > a {text-decoration:none; color:#2196F3;}
div[data-module=eco] div[data-role=review][data-component=review] ul[data-role=table] > li > span > a > span {display:inline-block; vertical-align:middle;}
div[data-module=eco] div[data-role=review][data-component=review] ul[data-role=table] > li > span > a > span.vote {margin-right:10px; padding:0px 5px; background:#e91b23; height:18px; border-radius:3px; color:#fff; font-size:0.79rem; line-height:18px;}
div[data-module=eco] div[data-role=review][data-component=review] ul[data-role=table] > li > span > a > span.vote > i {float:left; width:14px; height:18px; font-size:0.71rem; line-height:16px; vertical-align:middle;}
div[data-module=eco] div[data-role=review][data-component=review] div[data-role=button] { margin-bottom:10px; text-align:right; margin-top:-40px;}
div[data-module=eco] div[data-role=review][data-component=review] div[data-role=button] > a.btn_more {height:30px; margin-right:0; line-height:30px;}


/**
 * 운영자 신청/관리
 */
div[data-module=eco][data-context=operator] h4 {display:block; height:40px; line-height:40px; padding:0; margin:0; font-size:1rem;}
div[data-module=eco][data-context=operator] div.help {margin:0px 0px 20px 0px; background:#FFF8E1; color:#333; line-height:1.6; padding:10px; border:1px solid #FFECB3; font-size: 1rem;}
div[data-module=eco][data-context=operator] ul[data-role=table] {margin-bottom:20px;}
div[data-module=eco][data-context=operator] ul[data-role=table] > li {min-width:550px; font-size: 1rem;}
div[data-module=eco][data-context=operator] ul[data-role=table] > li > span.title {width:100%;}
div[data-module=eco][data-context=operator] ul[data-role=table] > li > span.reg_date {width:160px; text-align:center;}
div[data-module=eco][data-context=operator] ul[data-role=table] > li > span.status {width:100px; text-align:center;}
div[data-module=eco][data-context=operator] ul[data-role=table] > li > span.button {width:80px; text-align:center;}
div[data-module=eco][data-context=operator] ul[data-role=table] > li > span.button > button {border:0; background:#F44336; width:100%; height:40px; line-height:40px; color:#fff; cursor:pointer;}
div[data-module=eco][data-context=operator] ul[data-role=table] > li > span.button > button:hover {background:#E53935;}
div[data-module=eco][data-context=operator] div[data-role=button] {padding-top:20px;font-size: 1rem;}


/**
 * 신청서
 */
div[data-module=eco] form[id=ModuleEcoApplicationForm] div[data-module=eco][data-role=itemview] {margin-top:20px; max-width:1420px;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] div[id=ModuleEcoProgramViewTitle] div.title > a {display:none;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] {max-width:1420px; margin:0 auto;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] h4 {font-size:1.29rem; min-height:24px; line-height:24px; padding:10px 0px;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] div[data-module=eco][data-role=itemview] h4 {height:54px !important;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] h4 + ul[data-role=form] > li > label {width:100px;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] h5 {font-size:1.14rem; height:40px; line-height:40px; margin-top:20px;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] h5[data-role=toggle] {cursor:pointer; user-select:none; -webkit-user-select:none; -ms-user-select:none; -moz-user-select:none;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] h5[data-role=toggle][data-toggle=FALSE] i.fa-angle-down:before {content:"\f106";}
div[data-module=eco] form[id=ModuleEcoApplicationForm] div.description {border:1px solid #e3e4e5; border-top:2px solid #222;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] div.description > div[data-role=wysiwyg-content] {padding:20px; line-height:1.6; font-size:1rem;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] div.description > div[data-module=attachment] {padding:20px;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] div.description > div[data-module=attachment] > b {display:block; font-size:1.14rem; height:36px; line-height:36px; border-bottom:1px solid #e5e5e5; margin-bottom:5px;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] div.description > div[data-module=attachment] > ul {list-style:none;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] div.description > div[data-module=attachment] > ul > li {font-size:0;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] div.description > div[data-module=attachment] > ul > li > i.icon {width:20px; height:20px; margin:5px 8px 5px 0px; vertical-align:middle; background-size:contain;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] div.description > div[data-module=attachment] > ul > li > a {display:inline-block; height:20px; margin:5px 0px; line-height:20px; color:inherit; text-decoration:none; font-size:1rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; vertical-align:middle;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] div.description > div[data-module=attachment] > ul > li > a > span.size {color:#666; float:right; margin-left:10px;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] div.description > div[data-module=attachment] > ul > li > a > span.size:before {content:"(";}
div[data-module=eco] form[id=ModuleEcoApplicationForm] div.description > div[data-module=attachment] > ul > li > a > span.size:after {content:")";}
div[data-module=eco] form[id=ModuleEcoApplicationForm] div.description[data-toggle=TRUE] {height:0; overflow:hidden; border:0; border-top:2px solid #222;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=table] > li > span.title {width:100%;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=table] > li > span.date {width:180px;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=table] > li > span.status {width:150px;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=table] > li.tbody {height:auto;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=table] > li.tbody > span.title {padding:10px 5px; white-space:normal; height:auto; line-height:20px;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=table] > li.tbody > span.title > b {display:block; min-height:24px; line-height:24px;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=table] > li.tbody > span.title > p {display:block; height:16px; line-height:16px; font-size:0.86rem; color:#666;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=table] > li.tbody > span.date {font-size:0.86rem; line-height:20px; text-align:center;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=table] > li.tbody > span.status {text-align:center; height:100%; position:relative;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=table] > li.tbody > span.status > div {width:100%; height:100%; background:rgba(244,67,54,0.65); color:#fff; text-align:center; position:absolute; top:0; left:0; vertical-align:middle;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=table] > li.tbody > span.status > div > b {display:block; position:absolute; top:calc(50% - 10px); left:0; width:100%; height:20px; line-height:20px; text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
div[data-module=eco] form[id=ModuleEcoApplicationForm] div[data-role=button] {padding:20px 0;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=form] button[data-action=help] {height:20px; width:20px; border:1px solid #ccc; line-height:18px; text-align:center; cursor:help; background:#fff; font-size:0.86rem; color:#666; border-radius:50%; margin-left:10px; vertical-align:middle;}

div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=form] div.box_zipcode {display:inline-block; margin-top:0; padding-left:0;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=form] div.box_zipcode > button {padding:0 5px; background:#707182; color:#fff;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=form] div.box_zipcode > button > i {margin:4px 0;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=form] div.address > div[data-role=input] {width:calc(50% - 3px);}

div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=form] div.box_zipcode {display:inline-block; margin-top:0; padding-left:0;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=form] div.box_zipcode > button {padding:0 5px; background:#707182; color:#fff;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=form] div.box_zipcode > button > i {margin:4px 0;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=form] div.address > div[data-role=input] {width:calc(50% - 3px);}
div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=form] li.expected_score ul.expected_score {list-style:none; display:flex; min-height:30px;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=form] li.expected_score ul.expected_score > li {margin-right:3px; display:flex; align-items:center; cursor:pointer;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=form] li.expected_score ul.expected_score > li:last-child {margin-right:0px;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=form] li.expected_score ul.expected_score > li > i {color:red; font-size:1.29rem;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=form] li.expected_score ul.expected_score > li > i.mi-heart-empty {color:#666;}

div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=form] div.table_wrap strong.label_title {display:block; padding:10px 0;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=form] div.table_wrap table {width:100%; table-layout:fixed; border-collapse:collapse;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=form] div.table_wrap table th,
div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=form] div.table_wrap table td {padding:10px; border:1px solid #e3e4e5; text-align:center;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=form] div.table_wrap table th {padding:20px 10px; background:#f4f4f4;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=form] div.table_wrap table th:last-child,
div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=form] div.table_wrap table td:last-child {border-right:none;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=form] div.table_wrap table th:first-child,
div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=form] div.table_wrap table td:first-child {border-left:none;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=form] div.table_wrap table tr:last-child th,
div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=form] div.table_wrap table tr:last-child td {border-bottom:none;}
div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=form] div.table_wrap table .row_title {padding:20px 10px; background:#f4f4f4; font-size:1rem; font-weight:bold;}

@media (max-width:767px) {
	div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=form].visible-xs > li {display:table; height:auto; min-height:0;}
	div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=form].visible-xs > li > label {display:table-cell; width:100px; background:#f4f4f4; font-size:0.93rem; padding:10px; vertical-align:middle; height:30px; line-height:30px;}
	div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=form].visible-xs > li > label:after {content:"";}
	div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=form].visible-xs > li > div {display:table-cell; width:100%; font-size:0.93rem; line-height:1.6; vertical-align:middle; min-height:30px; height:30px; padding:10px;}

	div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=table] > li.thead > span.title {border-right:0;}
	div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=table] > li.thead > span.date {display:none;}
	div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=table] > li.thead > span.status {display:none;}
	div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=table] > li.tbody > span.title {display:table-caption; border-right:0; border-bottom:1px dotted #e3e4e5;}
	div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=table] > li.tbody > span.date {width:100%; border-right:1px dotted #e3e4e5;}
	div[data-module=eco] form[id=ModuleEcoApplicationForm] ul[data-role=table] > li.tbody > span.status {border-right:0;}
}

/**
 * 사전설문조사
 */
div[data-module=eco][data-context=presurvey] h3 {font-size:1.14rem; background:#f7f9fa; padding:0px 15px; height:64px; line-height:60px; border:2px solid #222; box-sizing:border-box; margin:10px 0px;}
div[data-module=eco][data-context=presurvey] .block {padding:10px 0px 20px 0px;}
div[data-module=eco][data-context=presurvey] h4 {font-size:1.14rem; font-weight:bold; height:40px; line-height:40px;}
div[data-module=eco][data-context=presurvey] div.question + h4 {margin-top:30px; border-top:1px solid #ccc; padding-top:25px;}
div[data-module=eco][data-context=presurvey] div.question + div.question {margin-top:20px; padding-top:12px; border-top:1px dashed #ccc;}
div[data-module=eco][data-context=presurvey] div.question > label {font-weight:bold; font-size:1.14rem; color:#333; line-height:28px; padding:10px 0px 10px 30px; display:block; position:relative;}
div[data-module=eco][data-context=presurvey] div.question > label > i {position:absolute; top:10px; left:0px; display:inline-block; height:22px; padding:0px 5px; line-height:22px; color:#fff; margin:3px 8px 3px 0px; font-style:normal; border-radius:3px; background:#2196F3;}
div[data-module=eco][data-context=presurvey] div.question > label.numeric {padding-left:50px;}
div[data-module=eco][data-context=presurvey] div.question > label.numeric > i {font-size:1rem; width:30px; text-align:center;}
div[data-module=eco][data-context=presurvey] div.question > label.answer > i { background:#F44336;}
div[data-module=eco][data-context=presurvey] div.question > label.required:after {content:"*"; color:red;}
div[data-module=eco][data-context=presurvey] div.question > label.numeric + label {padding-left:50px;}
div[data-module=eco][data-context=presurvey] div.question > label.numeric + label > i {width:30px; font-size:1rem; text-align:center;}
div[data-module=eco][data-context=presurvey] div.question > div.goal {padding-left:30px; page-break-inside:avoid;}
div[data-module=eco][data-context=presurvey] div.question > div.goal > label {font-weight:bold; font-size:1.14rem; color:#333; line-height:28px; padding:10px 0px 10px 0px; display:block;}
div[data-module=eco][data-context=presurvey] div.question > div.goal > label > i {display:inline-block; height:22px; padding:0px 5px; line-height:22px; color:#fff; margin:3px 8px 3px 0px; font-style:normal; border-radius:3px; background:#2196F3;}
div[data-module=eco][data-context=presurvey] div.question div[data-role=input] {font-size:1rem;}
div[data-module=eco][data-context=presurvey] div.question div[data-role=input] > label.etc {width:100%;}
div[data-module=eco][data-context=presurvey] div.question div[data-role=input] > label > div[data-role=input] {width:calc(100% - 32px); margin:-5px 0px; height:30px;}
div[data-module=eco][data-context=presurvey] div.question div[data-role=input] > label > div[data-role=input] input[type=text] {height:30px; padding:5px; line-height:18px;}
div[data-module=eco][data-context=presurvey] div.question div.etc > label {font-weight:bold; font-size:1.14rem; color:#333; line-height:28px; padding:10px 0px 10px 30px; display:block; position:relative;}
div[data-module=eco][data-context=presurvey] div.question div.etc > label > i {position:absolute; top:10px; left:0px; display:inline-block; height:22px; padding:0px 5px; line-height:22px; color:#fff; margin:3px 8px 3px 0px; font-style:normal; border-radius:3px; background:#F44336;}

div[data-module=eco][data-context=presurvey] div.detail {padding:14px 0px 0px 0px; color:#666; font-weight:normal; font-size:1rem;}

div[data-module=eco][data-context=presurvey] div.status {border:1px solid #e5e5e5; height:40px; padding:20px; font-size:0;}
div[data-module=eco][data-context=presurvey] div.status > label {display:inline-block; height:40px; line-height:40px; letter-spacing:-1px; font-size:1.71rem;}
div[data-module=eco][data-context=presurvey] div.status > i {display:inline-block; height:40px; float:right; font-style:normal; font-size:1.71rem; letter-spacing:-2px; line-height:40px;}
div[data-module=eco][data-context=presurvey] div.status > i > b {color:#2196F3;}

div[data-module=eco][data-context=presurvey] div.talkbox {padding:0px 10px; background:#f4f4f4;}
div[data-module=eco][data-context=presurvey] div.talkbox > div.even {margin-right:20px;}
div[data-module=eco][data-context=presurvey] div.talkbox > div.odd {margin-left:20px;}

div[data-module=eco][data-context=presurvey] div.talkbox > div > div {position:relative; padding:12px; line-height:1.6; font-size:0.93rem; margin:15px 0px; border-radius:3px; min-height:20px;}
div[data-module=eco][data-context=presurvey] div.talkbox > div > div:after, div[data-module=eco][data-context=presurvey] div.talkbox > div > div:before {top:20px; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none;}
div[data-module=eco][data-context=presurvey] div.talkbox > div > div:after {border-width:10px; margin-top:-10px; border-color:rgba(0,0,0,0); border-width:10px;}
div[data-module=eco][data-context=presurvey] div.talkbox > div > div:before {border-width:11px; margin-top:-11px;  border-color:rgba(0,0,0,0); border-width:11px;}

div[data-module=eco][data-context=presurvey] div.talkbox > div.even {padding-left:60px; background:url(../images/icon_woman.png) no-repeat 0px 15px;  margin-right:80px;}
div[data-module=eco][data-context=presurvey] div.talkbox > div.even > div {background:#f0f2f5; border:1px solid #d4d5d6; display:inline-block;}
div[data-module=eco][data-context=presurvey] div.talkbox > div.even > div:after, div[data-module=eco][data-context=presurvey] div.talkbox > div.even > div:before {right:100%;}
div[data-module=eco][data-context=presurvey] div.talkbox > div.even > div:after {border-right-color:#f0f2f5;}
div[data-module=eco][data-context=presurvey] div.talkbox > div.even > div:before {border-right-color:#d4d5d6;}

div[data-module=eco][data-context=presurvey] div.talkbox > div.odd {padding-right:60px; background:url(../images/icon_man.png) no-repeat 100% 15px; margin-left:80px; text-align:right;}
div[data-module=eco][data-context=presurvey] div.talkbox > div.odd > div {background:#fcf0ca; border:1px solid #d4d5d6; display:inline-block;}
div[data-module=eco][data-context=presurvey] div.talkbox > div.odd > div:after, div[data-module=eco][data-context=presurvey] div.talkbox > div.odd > div:before {left:100%;}
div[data-module=eco][data-context=presurvey] div.talkbox > div.odd > div:after {border-left-color:#fcf0ca;}
div[data-module=eco][data-context=presurvey] div.talkbox > div.odd > div:before {border-left-color:#d4d5d6;}

@media (max-width:767px) {
	div[data-module=eco][data-context=presurvey] div.question > div[data-role=inputset] {display:block;}
	div[data-module=eco][data-context=presurvey] div.question > div[data-role=inputset] > div[data-role=input] {display:block; border-left:0px;}
	div[data-module=eco][data-context=presurvey] div.question > div[data-role=inputset] > div[data-role=input].grow4 {display:none;}
}

/**
 * 설문조사
 */
div[data-module=eco][data-context=poll] h2.program_title {margin-top:20px;}
div[data-module=eco][data-context=poll] h2.program_title span.date {margin-left:10px; font-size:1.07rem; color:#2196F3; vertical-align:middle;}
div[data-module=eco][data-context=poll] h2.program_title span.date i {padding-right:5px; vertical-align:text-top;}
div[data-module=eco][data-context=poll] p.note {margin-bottom:15px; padding:15px; border:1px solid #e0d0bc; line-height:18px; background:#fffeeb;}
div[data-module=eco][data-context=poll] h3 {font-size:1.14rem; background:#f7f9fa; padding:0px 15px; height:auto; line-height:40px; border:2px solid #222; box-sizing:border-box; margin:10px 0px;}
div[data-module=eco][data-context=poll] .block {padding:10px 0px 20px 0px;}
div[data-module=eco][data-context=poll] h4 {font-size:1.14rem; font-weight:bold; line-height:30px;}
div[data-module=eco][data-context=poll] div.question + h4 {margin-top:30px; border-top:1px solid #ccc; padding-top:25px;}
div[data-module=eco][data-context=poll] div.question + div.question {margin-top:20px; padding-top:12px; border-top:1px dashed #ccc;}
div[data-module=eco][data-context=poll] div.question > label {font-weight:bold; font-size:1.14rem; color:#333; line-height:28px; padding:10px 0px 10px 30px; display:block; position:relative;}
div[data-module=eco][data-context=poll] div.question > label > i {position:absolute; top:10px; left:0px; display:inline-block; height:22px; padding:0px 5px; line-height:22px; color:#fff; margin:3px 8px 3px 0px; font-style:normal; border-radius:3px; background:#2196F3;}
div[data-module=eco][data-context=poll] div.question > label.numeric {padding-left:50px;}
div[data-module=eco][data-context=poll] div.question > label.numeric > i {font-size:1rem; width:30px; text-align:center;}
div[data-module=eco][data-context=poll] div.question > label.answer > i { background:#F44336;}
div[data-module=eco][data-context=poll] div.question > label.required:after {content:"*"; color:red;}
div[data-module=eco][data-context=poll] div.question > label.numeric + label {padding-left:50px;}
div[data-module=eco][data-context=poll] div.question > label.numeric + label > i {width:30px; font-size:1rem; text-align:center;}
div[data-module=eco][data-context=poll] div.question > div.goal {padding-left:30px; page-break-inside:avoid;}
div[data-module=eco][data-context=poll] div.question > div.goal > label {font-weight:bold; font-size:1.14rem; color:#333; line-height:28px; padding:10px 0px 10px 0px; display:block;}
div[data-module=eco][data-context=poll] div.question > div.goal > label > i {display:inline-block; height:22px; padding:0px 5px; line-height:22px; color:#fff; margin:3px 8px 3px 0px; font-style:normal; border-radius:3px; background:#2196F3;}
div[data-module=eco][data-context=poll] div.question div[data-role=input] {font-size:1rem;}
div[data-module=eco][data-context=poll] div.question div[data-role=input] > label.etc {width:100%;}
div[data-module=eco][data-context=poll] div.question div[data-role=input] > label > div[data-role=input] {width:calc(100% - 32px); margin:-5px 0px; height:30px;}
div[data-module=eco][data-context=poll] div.question div[data-role=input] > label > div[data-role=input] input[type=text] {height:30px; padding:5px; line-height:18px;}
div[data-module=eco][data-context=poll] div.question div.etc > label {font-weight:bold; font-size:1.14rem; color:#333; line-height:28px; padding:10px 0px 10px 30px; display:block; position:relative;}
div[data-module=eco][data-context=poll] div.question div.etc > label > i {position:absolute; top:10px; left:0px; display:inline-block; height:22px; padding:0px 5px; line-height:22px; color:#fff; margin:3px 8px 3px 0px; font-style:normal; border-radius:3px; background:#F44336;}

div[data-module=eco][data-context=poll] div.detail {padding:14px 0px 0px 0px; color:#666; font-weight:normal; font-size:1rem;}

div[data-module=eco][data-context=poll] div.status {border:1px solid #e5e5e5; height:40px; padding:20px; font-size:0;}
div[data-module=eco][data-context=poll] div.status > label {display:inline-block; height:40px; line-height:40px; letter-spacing:-1px; font-size:1.43rem;}
div[data-module=eco][data-context=poll] div.status > i {display:inline-block; height:40px; float:right; font-style:normal; font-size:1.43rem; letter-spacing:-2px; line-height:40px;}
div[data-module=eco][data-context=poll] div.status > i > b {color:#2196F3;}

div[data-module=eco][data-context=poll] div.talkbox {padding:0px 10px; background:#f4f4f4;}
div[data-module=eco][data-context=poll] div.talkbox > div.even {margin-right:20px;}
div[data-module=eco][data-context=poll] div.talkbox > div.odd {margin-left:20px;}

div[data-module=eco][data-context=poll] div.talkbox > div > div {position:relative; padding:12px; line-height:1.6; font-size:0.93rem; margin:15px 0px; border-radius:3px; min-height:20px;}
div[data-module=eco][data-context=poll] div.talkbox > div > div:after, div[data-module=eco][data-context=poll] div.talkbox > div > div:before {top:20px; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none;}
div[data-module=eco][data-context=poll] div.talkbox > div > div:after {border-width:10px; margin-top:-10px; border-color:rgba(0,0,0,0); border-width:10px;}
div[data-module=eco][data-context=poll] div.talkbox > div > div:before {border-width:11px; margin-top:-11px;  border-color:rgba(0,0,0,0); border-width:11px;}

div[data-module=eco][data-context=poll] div.talkbox > div.even {padding-left:60px; background:url(../images/icon_woman.png) no-repeat 0px 15px;  margin-right:80px;}
div[data-module=eco][data-context=poll] div.talkbox > div.even > div {background:#f0f2f5; border:1px solid #d4d5d6; display:inline-block;}
div[data-module=eco][data-context=poll] div.talkbox > div.even > div:after, div[data-module=eco][data-context=poll] div.talkbox > div.even > div:before {right:100%;}
div[data-module=eco][data-context=poll] div.talkbox > div.even > div:after {border-right-color:#f0f2f5;}
div[data-module=eco][data-context=poll] div.talkbox > div.even > div:before {border-right-color:#d4d5d6;}

div[data-module=eco][data-context=poll] div.talkbox > div.odd {padding-right:60px; background:url(../images/icon_man.png) no-repeat 100% 15px; margin-left:80px; text-align:right;}
div[data-module=eco][data-context=poll] div.talkbox > div.odd > div {background:#fcf0ca; border:1px solid #d4d5d6; display:inline-block;}
div[data-module=eco][data-context=poll] div.talkbox > div.odd > div:after, div[data-module=eco][data-context=poll] div.talkbox > div.odd > div:before {left:100%;}
div[data-module=eco][data-context=poll] div.talkbox > div.odd > div:after {border-left-color:#fcf0ca;}
div[data-module=eco][data-context=poll] div.talkbox > div.odd > div:before {border-left-color:#d4d5d6;}

@media (max-width:767px) {
	div[data-module=eco][data-context=poll] div.question > div[data-role=inputset] {display:block;}
	div[data-module=eco][data-context=poll] div.question > div[data-role=inputset] > div[data-role=input] {display:block; border-left:0px;}
	div[data-module=eco][data-context=poll] div.question > div[data-role=inputset] > div[data-role=input].grow4 {display:none;}
}

div[data-module=eco][data-context=program] div[data-module=eco][data-context=poll] {border-top:2px solid #222;}

/**
 * 이수증
 */
div[data-module=eco][data-context=certificate] h2.certificate {display: none; font-size:2.14rem; text-align: center; margin: 20px 0px; }
div[data-module=eco][data-context=certificate] h3 {font-size:1.14rem; background:#f7f9fa; padding:0px 15px; height:64px; line-height:60px; border:2px solid #222; box-sizing:border-box; margin:10px 0px;}
div[data-module=eco][data-context=certificate] .block {padding:10px 0px 20px 0px;}
div[data-module=eco][data-context=certificate] h4 {font-size:1.14rem; font-weight:bold; height:40px; line-height:40px;}
div[data-module=eco][data-context=certificate] ul[data-role] + h4 {margin-top:20px;}
div[data-module=eco][data-context=certificate] ul[data-role=table].topic > li > span { text-align:center;}
div[data-module=eco][data-context=certificate] ul[data-role=table].topic > li > span.certificate_no{width:180px;}
div[data-module=eco][data-context=certificate] ul[data-role=table].topic > li > span.period{width:200px;}
div[data-module=eco][data-context=certificate] ul[data-role=table].topic > li.tbody > span.title {padding-top:8px; padding-bottom:8px;}
div[data-module=eco][data-context=certificate] ul[data-role=table].topic > li.tbody > span.title > b {display:block; min-height:24px; line-height:24px;}
div[data-module=eco][data-context=certificate] ul[data-role=table].topic > li.tbody > span.title > p {display:block; height:16px; line-height:16px; font-size:0.86rem; color:#666;}
div[data-module=eco][data-context=certificate] ul[data-role=table].topic > li.tbody > span.title > small {display:block; margin-top:10px; padding-top:10px; border-top:1px dashed #ddd; font-size:0.86rem; line-height:1.4;}
div[data-module=eco][data-context=certificate] div.contact {padding:10px 0px; text-align:right; color:#666;}

div[data-module=eco][data-context=certificate] div.question + h4 {margin-top:30px; border-top:1px solid #ccc; padding-top:25px;}
div[data-module=eco][data-context=certificate] div.question + div.question {margin-top:20px; padding-top:12px; border-top:1px dashed #ccc;}
div[data-module=eco][data-context=certificate] div.question > label {font-weight:bold; font-size:1.14rem; color:#333; line-height:28px; padding:10px 0px 10px 30px; display:block; position:relative;}
div[data-module=eco][data-context=certificate] div.question > label > i {position:absolute; top:10px; left:0px; display:inline-block; height:22px; padding:0px 5px; line-height:22px; color:#fff; margin:3px 8px 3px 0px; font-style:normal; border-radius:3px; background:#2196F3;}
div[data-module=eco][data-context=certificate] div.question > label.numeric {padding-left:50px;}
div[data-module=eco][data-context=certificate] div.question > label.numeric > i {font-size:1rem; width:30px; text-align:center;}
div[data-module=eco][data-context=certificate] div.question > label.answer > i { background:#F44336;}
div[data-module=eco][data-context=certificate] div.question > label.required:after {content:"*"; color:red;}
div[data-module=eco][data-context=certificate] div.question > label.numeric + label {padding-left:50px;}
div[data-module=eco][data-context=certificate] div.question > label.numeric + label > i {width:30px; font-size:1rem; text-align:center;}
div[data-module=eco][data-context=certificate] div.question > div.goal {padding-left:30px; page-break-inside:avoid;}
div[data-module=eco][data-context=certificate] div.question > div.goal > label {font-weight:bold; font-size:1.14rem; color:#333; line-height:28px; padding:10px 0px 10px 0px; display:block;}
div[data-module=eco][data-context=certificate] div.question > div.goal > label > i {display:inline-block; height:22px; padding:0px 5px; line-height:22px; color:#fff; margin:3px 8px 3px 0px; font-style:normal; border-radius:3px; background:#2196F3;}
div[data-module=eco][data-context=certificate] div.question div[data-role=input] {font-size:1rem;}
div[data-module=eco][data-context=certificate] div.question div[data-role=input] > label.etc {width:100%;}
div[data-module=eco][data-context=certificate] div.question div[data-role=input] > label > div[data-role=input] {width:calc(100% - 32px); margin:-5px 0px; height:30px;}
div[data-module=eco][data-context=certificate] div.question div[data-role=input] > label > div[data-role=input] input[type=text] {height:30px; padding:5px; line-height:18px;}


div[data-module=eco][data-context=absent] h3 {font-size:1.14rem; background:#f7f9fa; padding:0px 15px; height:64px; line-height:60px; border:2px solid #222; box-sizing:border-box; margin:10px 0px;}
div[data-module=eco][data-context=absent] .block {padding:10px 0px 20px 0px;}
div[data-module=eco][data-context=absent] h4 {font-size:1.14rem; font-weight:bold; height:40px; line-height:40px;}
div[data-module=eco][data-context=absent] ul[data-role] + h4 {margin-top:20px;}
div[data-module=eco][data-context=absent] ul[data-role=table].topic > li > span.title {width:100%;}
div[data-module=eco][data-context=absent] ul[data-role=table].topic > li > span.period {width:220px; text-align:center;}
div[data-module=eco][data-context=absent] ul[data-role=table].topic > li > span.time {width:115px; text-align:center;}
div[data-module=eco][data-context=absent] ul[data-role=table].topic > li.tbody > span.title {padding-top:8px; padding-bottom:8px;}
div[data-module=eco][data-context=absent] ul[data-role=table].topic > li.tbody > span.title > b {display:block; min-height:24px; line-height:24px;}
div[data-module=eco][data-context=absent] ul[data-role=table].topic > li.tbody > span.title > p {display:block; height:16px; line-height:16px; font-size:0.86rem; color:#666;}
div[data-module=eco][data-context=absent] ul[data-role=table].topic > li.tbody > span.title > small {display:block; margin-top:10px; padding-top:10px; border-top:1px dashed #ddd; font-size:0.86rem; line-height:1.4;}
div[data-module=eco][data-context=absent] div.contact {padding:10px 0px; text-align:right; color:#666;}


@media (max-width:767px) {
	div[data-module=eco][data-context=certificate] div.question > div[data-role=inputset] {display:block;}
	div[data-module=eco][data-context=certificate] div.question > div[data-role=inputset] > div[data-role=input] {display:block; border-left:0px;}
	div[data-module=eco][data-context=certificate] div.question > div[data-role=inputset] > div[data-role=input].grow4 {display:none;}
}

@media print {
	* {font-family: sans-serif !important;}
	div[data-module=eco][data-context=certificate] header {display:none;}
	div[data-module=eco][data-context=certificate] div[data-role=button] {display:none;}
	div[data-module=eco][data-context=certificate] h2.certificate {display: block;}
}


/**
 * 게시판
 */
div[data-module=eco] div[data-component=board] ul[data-role=table] > li.notice {background:#FFFDE7;}
div[data-module=eco] div[data-component=board] ul[data-role=table] > li > span.loopnum {width:65px; text-align:center;}
div[data-module=eco] div[data-component=board] ul[data-role=table] > li > span.loopnum > i.fa-caret-right {color:#f44336;}
div[data-module=eco] div[data-component=board] ul[data-role=table] > li.notice > span.loopnum {text-align:center; font-weight:bold; color:#F44336;}

div[data-module=eco] div[data-component=board] ul[data-role=table] > li > span.title {width:100%;}
div[data-module=eco] div[data-component=board] ul[data-role=table] > li > span.title > small {display:block; color:#666; font-size:0.86rem; height:20px; line-height:20px;}
div[data-module=eco] div[data-component=board] ul[data-role=table] > li > span.title > a {text-decoration:none; color:#222; display:inline-block; max-width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; vertical-align:middle;}
div[data-module=eco] div[data-component=board] ul[data-role=table] > li > span.title > a:hover {color:#0370a6;}
div[data-module=eco] div[data-component=board] ul[data-role=table] > li > span.title > a > span.category {color:#666;}
div[data-module=eco] div[data-component=board] ul[data-role=table] > li > span.title > a > i.xi {margin-right:3px;}
div[data-module=eco] div[data-component=board] ul[data-role=table] > li > span.title > a > i.xi-lock {color:#F44336;}
div[data-module=eco] div[data-component=board] ul[data-role=table] > li > span.title > a > i.fa-floppy-o {float:right; margin-left:5px; color:#F44336;}
div[data-module=eco] div[data-component=board] ul[data-role=table] > li > span.title > a > i.fa-picture-o {float:right; margin-left:5px; color:#2196F3;}
div[data-module=eco] div[data-component=board] ul[data-role=table] > li > span.title > a > span.ment {display:inline-block; float:right; margin:2px 0px 0px 5px; color:#FF9800; font-size:0.86rem; vertical-align:middle;}
div[data-module=eco] div[data-component=board] ul[data-role=table] > li > span.title > a > span.ment:before {content:"[";}
div[data-module=eco] div[data-component=board] ul[data-role=table] > li > span.title > a > span.ment:after {content:"]";}
div[data-module=eco] div[data-component=board] ul[data-role=table] > li > span.name {width:140px; text-align:center;}

div[data-module=eco] div[data-component=board] ul[data-role=table] > li.tbody > span.name {text-align:left;}
div[data-module=eco] div[data-component=board] ul[data-role=table] > li.tbody > span.name > i[data-role=photo] {width:24px; height:24px; margin-right:5px;}
div[data-module=eco] div[data-component=board] ul[data-role=table] > li.tbody > span.name > span[data-role=name] {width:calc(100% - 30px); height:24px; line-height:24px;}
div[data-module=eco] div[data-component=board] ul[data-role=table] > li > span.reg_date {width:110px; text-align:center; padding:0px;}
div[data-module=eco] div[data-component=board] ul[data-role=table] > li > span.reg_date > i.xi {display:none;}
div[data-module=eco] div[data-component=board] ul[data-role=table] > li > span.hit {width:60px;}
div[data-module=eco] div[data-component=board] ul[data-role=table] > li > span.hit > i.xi {display:none;}
div[data-module=eco] div[data-component=board] ul[data-role=table] > li.tbody > span.hit {text-align:right;}


div[data-module=eco] div[data-component=board] div[data-role=searchbar] {margin-top:10px; font-size:0;}
div[data-module=eco] div[data-component=board] div[data-role=searchbar] > div[data-role=search] {display:inline-block; width:300px; vertical-align:middle; font-size:0;}
div[data-module=eco] div[data-component=board] div[data-role=searchbar] > div[data-role=search] > div[data-role=input] {width:calc(100% - 45px); vertical-align:middle; display:inline-block; font-size:1rem; margin-right:5px;}
div[data-module=eco] div[data-component=board] div[data-role=searchbar] > div[data-role=search] > button {width:40px; height:40px; background:#b5b7c0; border:0px; cursor:pointer; vertical-align:middle;}
div[data-module=eco] div[data-component=board] div[data-role=searchbar] > div[data-role=search] > button > i {font-size:1rem; color:#fff;}
div[data-module=eco] div[data-component=board] div[data-role=searchbar] > div[data-role=search] > button:hover {background:#828595;}
div[data-module=eco] div[data-component=board] div[data-role=searchbar] > a {display:inline-block; height:40px; line-height:40px; padding:0px; box-sizing:border-box; vertical-align:middle; margin-left:5px; text-decoration:none; cursor:pointer; background:#2196f3; color:#fff; font-size:0; float:right;}
div[data-module=eco] div[data-component=board] div[data-role=searchbar] > a > i {width:40px; height:40px; line-height:40px; vertical-align:middle; text-align:center; font-size:1rem;}
div[data-module=eco] div[data-component=board] div[data-role=searchbar] > a > span {height:40px; line-height:40px; display:inline-block; vertical-align:middle; padding-right:15px; font-size:1rem;}
div[data-module=eco] div[data-component=board] div[data-role=searchbar] > a:hover {background:#1e88e5;}

div[data-module=eco] div[data-component=board] div.pagination {margin-top:20px; text-align:center;}


div[data-module=eco] div[data-component=board] article[data-role=post] {border-bottom:2px solid #222;}
div[data-module=eco] div[data-component=board] article[data-role=post] > div.header {display:block; margin:0; padding:15px; background:#f4f4f4; border-top:2px solid #222; line-height:1.6; border-bottom:1px solid #e3e4e5; margin-bottom:20px; font-size:0;}
div[data-module=eco] div[data-component=board] article[data-role=post] > div.header > h5 {font-size:1.14rem; line-height:1.6; padding:5px 0px 15px 0px; margin:0; border-bottom:1px solid #e3e4e5; height:auto;}
div[data-module=eco] div[data-component=board] article[data-role=post] > div.header > h5 > small {display:block; line-height:22px; font-size:1rem; color:#666; font-weight:normal;}
div[data-module=eco] div[data-component=board] article[data-role=post] > div.header > i[data-role=photo] {width:48px; height:48px; margin-top:15px; margin-right:10px;}
div[data-module=eco] div[data-component=board] article[data-role=post] > div.header > ul {list-style:none; width:calc(100% - 58px); display:inline-block; margin-top:15px; font-size:0; vertical-align:middle;}
div[data-module=eco] div[data-component=board] article[data-role=post] > div.header > ul > li {font-size:1rem; color:#666;}
div[data-module=eco] div[data-component=board] article[data-role=post] > div.header > ul > li > b {display:inline-block; width:130px;}
div[data-module=eco] div[data-component=board] article[data-role=post] > div.header > ul > li > b.ko {width:65px;}
div[data-module=eco] div[data-component=board] article[data-role=post] > div.header > ul > li > i.xi {display:none; height:24px; line-height:24px; margin-right:8px; vertical-align:middle;}
div[data-module=eco] div[data-component=board] article[data-role=post] > div.header > ul > li.name {display:block; height:24px; line-height:24px; font-size:1rem;}
div[data-module=eco] div[data-component=board] article[data-role=post] > div.header > ul > li.date {display:inline-block; width:70%; height:24px; line-height:24px; vertical-align:middle;}
div[data-module=eco] div[data-component=board] article[data-role=post] > div.header > ul > li.hit {display:inline-block; width:30%; height:24px; line-height:24px; vertical-align:middle; text-align:right;}
div[data-module=eco] div[data-component=board] article[data-role=post] > div.header > ul > li.hit > b {margin-right:10px;}

div[data-module=eco] div[data-component=board] article[data-role=post] > div.content {padding-bottom:20px; font-size:1rem;}

div[data-module=eco] div[data-component=board] article[data-role=post] > div[data-role=button] {text-align:right; padding-right:0; position:relative; margin-bottom:20px;}
div[data-module=eco] div[data-component=board] article[data-role=post] > div[data-role=button] > div.author {display:inline-block; width:160px; height:30px; padding:4px; background:#E3F2FD; vertical-align:middle; border:1px solid #BBDEFB; text-align:left;}
div[data-module=eco] div[data-component=board] article[data-role=post] > div[data-role=button] > div.author > i[data-role=photo] {width:30px; height:30px; border:1px solid #ccc; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; float:left; margin-right:8px;}
div[data-module=eco] div[data-component=board] article[data-role=post] > div[data-role=button] > div.author > span[data-role=name] {display:block; width:calc(100% - 40px); height:18px; font-size:0.86rem; line-height:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
div[data-module=eco] div[data-component=board] article[data-role=post] > div[data-role=button] > div.author > small {display:inline-block; width:calc(100% - 40px); height:12px; font-size:0.86rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#666;}


div[data-module=eco] div[data-component=board] article[data-role=post] > div[data-role=button] > button[data-action=action] {background:#b5b7c0; color:#fff; border:0; font-size:1.14rem; width:40px; height:40px; margin-left:5px; margin-right:0; display:none;}
div[data-module=eco] div[data-component=board] article[data-role=post] > div[data-role=button] > ul[data-role=action] {list-style:none; display:inline-block; vertical-align:middle; white-space:nowrap;}
div[data-module=eco] div[data-component=board] article[data-role=post] > div[data-role=button] > ul[data-role=action] > li {display:inline-block; margin-left:5px;}
div[data-module=eco] div[data-component=board] article[data-role=post] > div[data-role=button] > ul[data-role=action] > li > button {display:inline-block; height:40px; line-height:38px; padding:0px 15px; box-sizing:border-box; border:1px solid rgba(0,0,0,0.1); color:#666; background:#fff; vertical-align:middle; text-decoration:none; cursor:pointer; font-size:1rem;}
div[data-module=eco] div[data-component=board] article[data-role=post] > div[data-role=button] > ul[data-role=action] > li > button:hover {background:#f4f4f4; color:#333;}
div[data-module=eco] div[data-component=board] article[data-role=post] > div[data-role=button] > ul[data-role=action] > li > button[data-action=delete] {background:#f44336; color:#fff;}
div[data-module=eco] div[data-component=board] article[data-role=post] > div[data-role=button] > ul[data-role=action] > li > button[data-action=delete]:hover {background:#e53935; color:#fff;}
div[data-module=eco] div[data-component=board] article[data-role=post] > div[data-role=button] > ul[data-role=action] > li > button[data-action=adopt] {background:#2196f3; color:#fff;}
div[data-module=eco] div[data-component=board] article[data-role=post] > div[data-role=button] > ul[data-role=action] > li > button[data-action=adopt]:hover {background:#1e88e5; color:#fff;}

div[data-module=eco] div[data-component=board] article[data-role=post] > div[data-module=attachment] {padding:20px 0px;}
div[data-module=eco] div[data-component=board] article[data-role=post] > div[data-module=attachment] > h5 {font-size:1rem; height:30px; line-height:30px; border-bottom:1px solid #e3e4e5; margin-bottom:5px;}
div[data-module=eco] div[data-component=board] article[data-role=post] > div[data-module=attachment] > h5 > i {font-size:0.86rem; width:20px; height:30px; float:left; line-height:30px;}
div[data-module=eco] div[data-component=board] article[data-role=post] > div[data-module=attachment] > ul {list-style:none;}
div[data-module=eco] div[data-component=board] article[data-role=post] > div[data-module=attachment] > ul > li {height:20px; padding:5px 0px;}
div[data-module=eco] div[data-component=board] article[data-role=post] > div[data-module=attachment] > ul > li > i.icon {width:20px; height:20px; margin-right:5px; float:left; vertical-align:middle; background-size:contain; background-position:0 50%; vertical-align:middle;}
div[data-module=eco] div[data-component=board] article[data-role=post] > div[data-module=attachment] > ul > li > a {display:inline-block; max-width:calc(100% - 25px); height:20px; line-height:20px; color:#333; text-decoration:none; font-size:1rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; vertical-align:middle;}
div[data-module=eco] div[data-component=board] article[data-role=post] > div[data-module=attachment] > ul > li > a > span.size {color:#999; font-size:0.86rem; float:right; display:inline-block; vertical-align:middle; margin-left:5px; line-height:22px; height:20px;}


div[data-module=eco] div[data-component=board] div[data-role=ment] {background:#f4f4f4; margin-top:20px;}

div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] {background:url(../images/ment_line_bg.png);}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] {background:#f4f4f4; padding:16px; border-top:1px solid #e5e5e5; position:relative;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item]:first-child {border-top:0px;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > i.xi-reply-all {font-size:0.86rem; color:#F44336; position:absolute; top:22px; left:-10px; width:20px; text-align:center;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item][data-depth="0"] > i.xi-reply-all {display:none;}

div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar {height:30px; font-size:0; text-align:right; position:relative;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > i[data-role=photo] {width:28px; height:28px; border:1px solid #ccc; margin-right:8px; background-repeat:no-repeat; background-size:cover; background-position:50% 50%; display:inline-block; vertical-align:middle; float:left;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > span {font-size:1rem; height:28px; line-height:28px; display:inline-block; vertical-align:middle; float:left;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > span.admin {line-height:1; font-size:0;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > span.admin > span {display:block; height:16px; line-height:16px; font-size:0.86rem; text-align:left;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > span.admin > small {display:block; height:12px; line-height:12px; color:#666; font-size:0.79rem;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > button[data-action=action] {width:30px; height:30px; background:#b5b7c0; color:#fff; border:0; font-size:1.14rem; cursor:pointer; display:none;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > button[data-action=action] > i {width:30px; height:30px; line-height:30px;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > button[data-action=action]:hover {background:#828595;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > ul[data-role=action] {list-style:none; position:relative; float:right; font-size:0;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > ul[data-role=action] > li {display:inline-block;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > ul[data-role=action] > li > button {background:#fff; padding:0px 8px 0px 0px; height:24px; line-height:24px; cursor:pointer; vertical-align:middle; border:0; font-size:0.86rem; margin-left:2px;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > ul[data-role=action] > li > button > i {width:24px; height:24px; text-align:center; float:left;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > ul[data-role=action] > li > button[data-action=reply] {background:#b5b7c0; color:#fff;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > ul[data-role=action] > li > button[data-action=reply]:hover {background:#828595;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item][data-action=reply] > div.topbar > ul > li > button[data-action=reply] {background:#828595;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item][data-action=reply] > div.topbar > ul > li > button[data-action=reply] > i:before {content:"\e616";}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > ul[data-role=action] > li > button[data-action=modify] {background:#2196f3; color:#fff;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > ul[data-role=action] > li > button[data-action=modify]:hover {background:#1e88e5;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item][data-action=modify] > div.topbar > ul > li > button[data-action=modify] {background:#1e88e5;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item][data-action=modify] > div.topbar > ul > li > button[data-action=modify] > i:before {content:"\e616";}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item][data-action=modify] > div.content > div[data-role=wysiwyg-content] {display:none;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item][data-action=modify] > div.content > div[data-module=attachment] {display:none;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item][data-action=reply] form {margin-top:10px;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > ul[data-role=action] > li > button[data-action=delete] {background:#F44336; color:#fff;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > ul[data-role=action] > li > button[data-action=delete]:hover {background:#E53935;}

div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.content {padding:10px 0px 10px 38px; position:relative; font-size:1rem;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.content > i.mi-lock {position:absolute; top:10px; left:20px; color:#F44336; height:22px; line-height:22px;}

div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] div[data-secret=TRUE] {font-size:1rem; text-align:center; width:100%; padding:10px 0px; line-height:1.6; background:#FFEBEE; color:#F44336;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] div[data-delete=TRUE] {font-size:1rem; text-align:center; width:calc(100% + 30px); padding:10px 0px; line-height:1.6; background:#FFECB3; color:#FF8F00; margin:-15px -15px;}

div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.content > div[data-module=attachment] {padding:20px 0px 10px 0px;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.content > div[data-module=attachment] > h5 {font-size:1rem; height:30px; line-height:30px; border-bottom:1px solid #e3e4e5; margin-bottom:5px;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.content > div[data-module=attachment] > h5 > i {font-size:0.86rem; width:20px; height:30px; float:left; line-height:30px;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.content > div[data-module=attachment] > ul {list-style:none;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.content > div[data-module=attachment] > ul > li {height:20px; padding:5px 0px;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.content > div[data-module=attachment] > ul > li > i.icon {width:20px; height:20px; margin-right:5px; float:left; vertical-align:middle; background-size:contain; background-position:0 50%; vertical-align:middle;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.content > div[data-module=attachment] > ul > li > a {display:inline-block; max-width:calc(100% - 25px); height:20px; line-height:20px; color:#333; text-decoration:none; font-size:1rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; vertical-align:middle;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.content > div[data-module=attachment] > ul > li > a > span.size {color:#999; font-size:0.86rem; float:right; display:inline-block; vertical-align:middle; margin-left:5px; line-height:22px; height:20px;}

div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.footbar {padding-left:38px; font-size:0;}
div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.footbar > time {display:inline-block; height:20px; line-height:20px; font-size:0.86rem; color:#666; display:inline-block; vertical-align:middle;}

div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item][data-action=modify] > div.footbar {display:none;}

div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div.empty {height:100px; line-height:100px; text-align:center; background:#f4f4f4;}

div[data-module=eco] div[data-component=board] div[data-role=ment] form {background:#fff; padding-bottom:20px;}
div[data-module=eco] div[data-component=board] div[data-role=ment] div[data-role=item] form {padding:10px; border:1px solid #e5e5e5;}
div[data-module=eco] div[data-component=board] div[data-role=ment] div[data-role=pagination] {padding:10px 0px; display:block; text-align:center;}
div[data-module=eco] div[data-component=board] div[data-role=ment] div[data-role=pagination]:empty {display:none;}

div[data-module=eco] div[data-component=board] ul[data-role=form] div[data-role=input][data-name=prefix] {width:180px;}

div[data-module=eco] div[data-component=board] div[data-role=button] {margin-top:10px;}

div[data-module=eco] div[data-component=board] ul.buttons {list-style:none; padding-bottom:20px; display:table; width:100%; table-layout:fixed;}
div[data-module=eco] div[data-component=board] ul.buttons > li {display:table-cell; width:100%; vertical-align:middle;}
div[data-module=eco] div[data-component=board] ul.buttons > li:first-child {width:100px;}
div[data-module=eco] div[data-component=board] ul.buttons > li:first-child > div[data-role=button] {text-align:left; padding-left:0px;}
div[data-module=eco] div[data-component=board] ul.buttons > li:first-child > div[data-role=button] > button, div[data-module=eco] div[data-component=board] ul.buttons > li:first-child > div[data-role=button] > a {margin-left:0px; margin-right:5px;}
div[data-module=eco] div[data-component=board] ul.buttons > li:last-child {width:100%;}
div[data-module=eco] div[data-component=board] ul.buttons > li:last-child > div[data-role=button] {text-align:right; padding-right:0px;}
div[data-module=eco] div[data-component=board] ul.buttons > li:last-child > div[data-role=button] > button, div[data-module=eco] div[data-component=board] ul.buttons > li:last-child > div[data-role=button] > a {margin-left:5px; margin-right:0px;}

@media (max-width:767px) {
	div[data-module=eco] div[data-role=toolbar] > div[data-role=input] {display:block; width:100%; float:none;}
	div[data-module=eco] div[data-role=toolbar] > div[data-role=search] {display:block; margin:5px 0 10px 0; width:100%; max-width:100%;}

	div[data-module=eco] div[data-component=board] ul[data-role=table] > li.thead > span {display:none;}

	div[data-module=eco] div[data-component=board] ul[data-role=table] > li.tbody > span.loopnum {display:none;}

	div[data-module=eco] div[data-component=board] ul[data-role=table] > li.tbody {font-size:0; display:block; padding:10px 0px;}
	div[data-module=eco] div[data-component=board] ul[data-role=table] > li.tbody > span {display:inline-block; font-size:1rem; box-sizing:border-box; vertical-align:middle; padding:0;}
	div[data-module=eco] div[data-component=board] ul[data-role=table] > li.tbody > span.title {width:100%; padding:0px 5px 6px 5px; height:auto;}
	div[data-module=eco] div[data-component=board] ul[data-role=table] > li.tbody > span.title > a {display:block; height:24px; line-height:24px;}
	div[data-module=eco] div[data-component=board] ul[data-role=table] > li.tbody > span.title > a > span.ment {background:#FFA726; min-width:24px; height:24px; line-height:24px; color:#fff; padding:0px 8px; border-radius:12px; margin:0px 0px 0px 5px; position:relative; box-sizing:border-box;}
	div[data-module=eco] div[data-component=board] ul[data-role=table] > li.tbody > span.title > a > span.ment:before {content:"";}
	div[data-module=eco] div[data-component=board] ul[data-role=table] > li.tbody > span.title > a > span.ment:after {content:"";}
	div[data-module=eco] div[data-component=board] ul[data-role=table] > li.tbody > span.name {width:calc(100% - 200px); padding:0px 0px 0px 5px; height:24px;}
	div[data-module=eco] div[data-component=board] ul[data-role=table] > li.tbody > span.reg_date {width:120px; height:24px; line-height:24px; color:#666;}
	div[data-module=eco] div[data-component=board] ul[data-role=table] > li.tbody > span.reg_date > i.xi {margin:0px 5px 0px 10px; display:inline-block;}
	div[data-module=eco] div[data-component=board] ul[data-role=table] > li.tbody > span.hit {width:80px; height:24px; line-height:24px; color:#666; text-align:right;}
	div[data-module=eco] div[data-component=board] ul[data-role=table] > li.tbody > span.hit > i.xi {display:inline-block; margin:0px 5px 0px 10px;}

	div[data-module=eco] div[data-component=board] ul[data-role=table] > li.notice > span.loopnum {display:inline-block; height:30px; line-height:30px; vertical-align:middle;}
	div[data-module=eco] div[data-component=board] ul[data-role=table] > li.notice > span.title {width:calc(100% - 60px); padding:0px 5px;}
	div[data-module=eco] div[data-component=board] ul[data-role=table] > li.notice > span.title > a {height:30px; line-height:30px;}
	div[data-module=eco] div[data-component=board] ul[data-role=table] > li.notice > span.title > a > span.ment {margin:3px 0px 3px 5px;}
	div[data-module=eco] div[data-component=board] ul[data-role=table] > li.notice > span.name {display:none;}
	div[data-module=eco] div[data-component=board] ul[data-role=table] > li.notice > span.reg_date {display:none;}
	div[data-module=eco] div[data-component=board] ul[data-role=table] > li.notice > span.hit {display:none;}

	div[data-module=eco] div[data-component=board] div[data-role=searchbar] > div[data-role=search] {width:calc(100% - 45px); max-width:100%;}
	div[data-module=eco] div[data-component=board] div[data-role=searchbar] > a > span {display:none;}

	div[data-module=eco] div[data-component=board] article[data-role=post] > div.header > ul > li > b {display:none;}
	div[data-module=eco] div[data-component=board] article[data-role=post] > div.header > ul > li > i.xi {display:inline-block;}

	div[data-module=eco] div[data-component=board] article[data-role=post] > div[data-role=button] > button[data-action=action] {display:inline-block;}
	div[data-module=eco] div[data-component=board] article[data-role=post] > div[data-role=button] > button[data-action=action].opened > i:before {content:"\f0d8";}
	div[data-module=eco] div[data-component=board] article[data-role=post] > div[data-role=button] > ul[data-role=action] {position:absolute; top:40px; right:0px; z-index:10; background:#fff; border:1px solid #ccc; box-shadow:1px 1px 2px rgba(0,0,0,0.1); display:none;}
	div[data-module=eco] div[data-component=board] article[data-role=post] > div[data-role=button] > ul[data-role=action].opened {display:block;}
	div[data-module=eco] div[data-component=board] article[data-role=post] > div[data-role=button] > ul[data-role=action] > li {display:block; text-align:left; font-size:0; margin-left:0; border-bottom:1px solid #ddd;}
	div[data-module=eco] div[data-component=board] article[data-role=post] > div[data-role=button] > ul[data-role=action] > li:hover {background:#f4f4f4;}
	div[data-module=eco] div[data-component=board] article[data-role=post] > div[data-role=button] > ul[data-role=action] > li:last-child {border-bottom:0;}
	div[data-module=eco] div[data-component=board] article[data-role=post] > div[data-role=button] > ul[data-role=action] > li > button {width:100%; margin-left:0; margin-right:0; background:transparent !important; color:#222 !important; text-align:left; border:0; padding:0px 16px; display:block;}

	div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > button[data-action=action] {display:inline-block;}
	div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > ul[data-role=action] {position:absolute; top:30px; right:0; border:1px solid #e5e5e5; background:#fff; width:auto; z-index:10; display:none;}
	div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > ul[data-role=action] > li {display:block; height:30px; border-bottom:1px solid #e5e5e5;}
	div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > ul[data-role=action] > li > button {height:30px; line-height:30px; background:#fff !important; color:#666 !important;}
	div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > ul[data-role=action] > li:last-child {border-bottom:0px;}
	div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > ul[data-role=action] > li > button:hover {background:#f4f4f4;}
	div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > ul[data-role=action] > li > button > i {width:30px; height:30px; line-height:30px;}
	div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > button[data-action=action].opened > i:before {content:"\f0d8";}
	div[data-module=eco] div[data-component=board] div[data-role=ment] > div[data-role=list] > div[data-role=item] > div.topbar > ul[data-role=action].opened {display:block;}

	div[data-module=eco] div[data-component=board] ul[data-role=form] div[data-role=inputset].flex {display:block;}
	div[data-module=eco] div[data-component=board] ul[data-role=form] div[data-role=inputset].flex > div {display:block; margin:5px 0px 0px 0px; border-left:0px;}
	div[data-module=eco] div[data-component=board] ul[data-role=form] div[data-role=inputset].flex > div:first-child {margin-top:0px;}
	div[data-module=eco] div[data-component=board] ul[data-role=form] div[data-role=input][data-name=prefix] {width:100%;}
}

/**
 * 나의 신청내역
 */
div[data-module=eco][data-context=mypage] div[data-role=tabbar] {margin-bottom:20px;}
div[data-module=eco][data-context=mypage] div[data-role=toolbar] > button {display:inline-block; height:40px; line-height:40px; padding:0px; box-sizing:border-box; vertical-align:middle; text-decoration:none; cursor:pointer; background:#2196f3; color:#fff; font-size:0; border:0; margin-left:10px;}
div[data-module=eco][data-context=mypage] div[data-role=toolbar] > button > i {width:40px; height:40px; line-height:40px; vertical-align:middle; text-align:center; font-size:1rem;}
div[data-module=eco][data-context=mypage] div[data-role=toolbar] > button > span {height:40px; line-height:40px; display:inline-block; vertical-align:middle; padding-right:15px; font-size:1rem;}
div[data-module=eco][data-context=mypage] div[data-role=toolbar] > button:hover {background:#1e88e5;}

div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li {font-size: 1rem;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li > span.loopnum {width:60px; text-align:center;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li > span.title {width:100%;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li > span.complete_condition{width: 100%;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li > span.complete_condition input[type="file"]{display: none;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li > span.complete_condition label { font-size: 0.93rem; text-align: center; cursor: pointer;display: block;background-color: #f0f0f0;padding: 6px 12px;border: 1px solid #ccc;max-width: 100px; box-sizing: border-box; margin-top: 4px;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li > span.complete_condition > a{line-heigh:18px; display: inline-block; width:calc(100% - 22px); box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li > span.complete_condition > .delete_attach{display: inline-block; background: none; background: url(../images/x-circle.svg)no-repeat center center;background-size: contain;width: 18px; height: 18px; border: none; cursor: pointer;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li > span.title > span.tit_mb {display: none; }
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li > span.date {width:190px;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li > span.applicant {width:90px;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li > span.topic {width:180px;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li > span.progress {width:110px; text-align:center;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li > span.issuance_status {width:100px; text-align:center;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li > span.issuance_status > time {display:block; line-height:24px;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li > span.time {width:100px; text-align:center;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li > span.mileage {width:100px; text-align:center;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li > span.feedback {width:100px; text-align:center;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li > span.complete {width:220px; text-align:center;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li > span.extra_point {width:120px; text-align:center;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li > span.status {width:160px; position:relative; text-align:center;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li > span.online  {width:120px;}

div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li > span.status:hover {overflow:visible;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li > span.status:hover > span.reason  {display:none;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li > span.status div.hover_view {display:none; overflow:visible; box-sizing:border-box; position:absolute; z-index:5; left:0; top:0; padding:20px; min-width:200px; min-height:150px; height:fit-content; box-shadow:5px 5px 5px rgba(0, 0, 0, 0.1); border:1px solid #ddd; background:#fff;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li > span.status div.hover_view span.reason {display:block; width:100%; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; word-break:break-word; line-height:1.2;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li > span.status:hover div.hover_view {display:block;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li:last-child > span.status div.hover_view {top:unset; bottom:0;}

div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span {font-size:0.93rem;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span > p {display:block; width:100%; height:20px; line-height:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span > p.bold {font-weight:bold;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span > button {display:block; border:1px solid #e5e5e5; width:100%; height:40px; line-height:40px; box-sizing:border-box; cursor:pointer; background:#fff; color:#222; padding:0px 10px; line-height:38px; position:relative;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span > button:hover {background:#f4f4f4;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span > button[disabled] {background:#f4f4f4; opacity:0.5; cursor:not-allowed;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span > button > label {position:absolute; top:5px; right:5px; width:5px; height:5px; border-radius:50%; display:block; background:#f44336;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.title {padding:10px;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.title > div {display:-webkit-box; white-space:normal; -webkit-line-clamp:2; line-height:20px; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; width:100%; min-height:20px; max-height:40px;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.title > div > a {color:#222; text-decoration:none;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.title > a {display:block; min-height:24px; line-height:20px; color:#222; white-space:normal; text-decoration:none; padding:2px 0px;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.title > p {display:block; height:16px; line-height:16px; font-size:0.86rem; color:#666;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.title > span.date  > p {line-height:1.4;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.title > span.date  > p:first-child {margin-top:3px;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.title > span.date  > p > i {width:20px;}

div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.date {font-size:0.93rem;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.date > p > i {width:20px;}

div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.complete {text-align:center; font-size:0; padding-left:5px; padding-right:5px;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.complete > ul {list-style:none; display:table; table-layout:fixed; width:100%;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.complete > ul > li {height:40px; display:table-cell; padding:0px 5px; vertical-align:middle;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.complete > ul > li > button {display:block; width:100%; height:40px; border:0; font-size:0.93rem; cursor:pointer; background:transparent; position:relative; line-height:38px; border:1px solid rgba(0,0,0,0.1); color:#222; background:#fff;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.complete > ul > li > a {display:block; width:100%; height:40px; border:0; font-size:0.93rem; cursor:pointer; background:transparent; position:relative; line-height:40px;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.complete > ul > li > * > label {position:absolute; top:5px; right:5px; width:5px; height:5px; border-radius:50%; display:block; background:#f44336;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.complete > ul > li > button[disabled] {opacity:0.5; cursor:not-allowed;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.complete > ul > li > button:hover {background:#f4f4f4;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.complete > ul > li > button[disabled] {background:#f4f4f4; color:#222;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.complete > ul > li > button.submit {background:#2196fe; color:#fff;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.complete > ul > li > button.submit:hover {background:#1e88e5; color:#fff;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.complete > ul > li > button.submit[disabled] {background:#1e88e5; color:#fff;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.complete > ul > li > button.submit > label {background:#fff;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.complete > ul > li > button.danger {background:#f44336; color:#fff;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.complete > ul > li > button.danger:hover {background:#e53935; color:#fff;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.complete > ul > li > button.danger[disabled] {background:#f44336; color:#fff;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.complete > ul.notab_btn {display:flex; flex-wrap:wrap;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.complete > ul.notab_btn > li {padding:5px; width:calc((100% - 20px) / 2);}

div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li > span.status > span.reason {line-height:1.3; overflow:hidden;}

div[data-module=eco] form[id=ModuleEcoMypageListForm] div[data-role=notice] {display:table; width:100%; table-layout:fixed; background:#e8f6ff; border:1px solid #cee0eb; position:relative; margin:20px 0px; box-sizing:border-box;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] div[data-role=notice] > div.title {display:table-cell; width:180px; height:81px; vertical-align:middle; font-size:0; color:#333;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] div[data-role=notice] > div.title > i {display:inline-block; width:35px; height:81px; padding-left:30px; line-height:81px; font-size:1.71rem; vertical-align:middle;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] div[data-role=notice] > div.title > span {display:inline-block; height:81px; line-height:81px; vertical-align:middle; font-size:1.43rem;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] div[data-role=notice] > div.content {display:table-cell; width:100%; height:81px;}

div[data-module=eco] form[id=ModuleEcoMypageListForm] div[data-role=notice] > div.content > div {padding:18px 60px 18px 0px;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] div[data-role=notice] > div.content > div a.text {display:block; height:45px; text-decoration:none;}

div[data-module=eco] form[id=ModuleEcoMypageListForm] div[data-role=notice] > div.content > div a.text > small {display:block; width:calc(100% - 80px); height:20px; line-height:20px; font-size:1rem; color:#00688f; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] div[data-role=notice] > div.content > div a.text > b {display:block; width:calc(100% - 80px); height:25px; line-height:25px; color:#000; font-size:1.14rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:normal; text-decoration:none; font-weight:normal;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] div[data-role=notice] > div.content > div a.text > time {float:right; width:80px; height:45px; font-size:1rem; color:#999; line-height:46px; text-align:right;}


div[data-module=eco] form[id=ModuleEcoMypageListForm] div[data-role=notice] > button {position:absolute; top:1px; right:0; width:40px; height:40px; border:0; border-left:1px solid #cee0eb; background:transparent; cursor:pointer; color:#7c848a;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] div[data-role=notice] > button[data-action=down] {top:auto; bottom:1px; border-top:1px solid #cee0eb; height:41px;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] div[data-role=notice] > button:hover {color:#393d40;}

div[data-module=eco] form[id=ModuleEcoMypageListForm] div.pagination {text-align:center; margin-top:20px;}

div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.online div.process_lms {position:relative; width:100%; height:16px; margin-top:4px; background: rgba(0,0,0,0.1);} 
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.online div.process_lms > span {position:absolute; left: 0; top: 0; width: 100%; height: 100%; font-size:0.71rem; text-align: center;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.online div.process_lms > span.percent {opacity:40%;}
div[data-module=eco] form[id=ModuleEcoMypageListForm] div[data-role=toolbar] div[data-role=search] {width:calc(100% - 588px); margin-bottom:5px;}

@media (max-width: 767px) {
	div[data-module=eco] form[id=ModuleEcoMypageListForm] div[data-role=toolbar] div[data-role=search] {width:100%;}
}

@media (max-width:624px) {
	div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span {display: table-caption; width:100%; border-bottom:1px dotted #e3e4e5;}
	div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span:not(.title):not(.loopnum) {display: flex; align-items: center; justify-content: center;}
	div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span:last-child{border-bottom:0;}
}

/**
 * 후기 목록
 */
div[data-module=eco][data-context=review] ul[data-role=table] > li > span.loopnum {width:60px; text-align:center;}
div[data-module=eco][data-context=review] ul[data-role=table] > li > span.term {width:200px; text-align:center;}
div[data-module=eco][data-context=review] ul[data-role=table] > li > span.essential {width:150px; text-align:center;}
div[data-module=eco][data-context=review] ul[data-role=table] > li > span.name {width:70px; text-align:center;}
div[data-module=eco][data-context=review] ul[data-role=table] > li > span.write_date {width:150px; text-align:center;}
div[data-module=eco][data-context=review] ul[data-role=table] > li > span > a {text-decoration:none; color:#2196F3;}
div[data-module=eco][data-context=review] ul[data-role=table] > li > span > a > span {display:inline-block; vertical-align:middle;}
div[data-module=eco][data-context=review] ul[data-role=table] > li > span > a > span.vote {margin-right:10px; padding:0px 5px; background:#e91b23; height:18px; border-radius:3px; color:#fff; font-size:0.79rem; line-height:18px;}
div[data-module=eco][data-context=review] ul[data-role=table] > li > span > a > span.vote > i {float:left; width:14px; height:18px; font-size:0.71rem; line-height:16px; vertical-align:middle;}
div[data-module=eco][data-context=review] div[data-role=button] {margin-top:20px;}

div[data-module=eco][data-context=review] ul[data-role=table] > li span.title > p {display: -webkit-box;  -webkit-box-orient: vertical;   -webkit-line-clamp:1;  overflow: hidden;}
div[data-module=eco][data-context=review] ul[data-role=table] > li span.topic > p {display: -webkit-box;  -webkit-box-orient: vertical;   -webkit-line-clamp:1;  overflow: hidden;}
div[data-module=eco][data-context=review] ul[data-role=table] > li span.introspection > p {display: -webkit-box;  -webkit-box-orient: vertical;   -webkit-line-clamp:1;  overflow: hidden;}

div[data-module=eco][data-context=review] ul[data-role=table] > li span.reviewstar {text-align:center;}
div[data-module=eco][data-context=review] ul[data-role=table] > li span.reviewstar div[data-role=inputset] input[type=radio] {display:none;}
div[data-module=eco][data-context=review] ul[data-role=table] > li span.reviewstar div[data-role=inputset] label {font-size:1.14rem; color:#f0f0f0; text-shadow:0 0 0 #f0f0f0;}
div[data-module=eco][data-context=review] ul[data-role=table] > li span.reviewstar div[data-role=inputset] input[type=radio]:checked ~ label {color:0 0 0 rgba(216, 185, 28, 0.99); text-shadow:0 0 0 rgba(216, 185, 28, 0.99);}
/**
 * 후기 상세보기
 */
div[data-module=eco][data-context=review] ul[data-role=form] > li > div img {max-width:100%;}

div[data-module=eco][data-context=review] ul[data-role=form] li.score div[data-role=inputset] {display:inline-block; direction:rtl; border:0;}
div[data-module=eco][data-context=review] ul[data-role=form] li.score div input[type=radio]{ display:none;}
div[data-module=eco][data-context=review] ul[data-role=form] li.score div label{ font-size:2.14rem; line-height:40px; color:transparent; text-shadow:0 0 0 #f0f0f0; }
/* div[data-module=eco][data-context=review] ul[data-role=form] li.score div label:hover{text-shadow:0 0 0 rgba(250, 208, 0, 0.99); }
div[data-module=eco][data-context=review] ul[data-role=form] li.score div label:hover ~ label{text-shadow:0 0 0 rgba(250, 208, 0, 0.99); } */
div[data-module=eco][data-context=review] ul[data-role=form] li.score div input[type=radio]:checked ~ label{text-shadow:0 0 0 rgba(250, 208, 0, 0.99); }

div[data-module=eco][data-context=review] ul[data-role=table] > li.tbody span.title {cursor:pointer;}
div[data-module=eco][data-context=review] ul[data-role=table] > li.tbody span.reviewstar div[data-role=inputset] {display:inline-block; direction:rtl; border:0;}
div[data-module=eco][data-context=review] ul[data-role=table] > li.tbody span.reviewstar div input[type=radio]{ display:none;}
div[data-module=eco][data-context=review] ul[data-role=table] > li.tbody span.reviewstar div label{ font-size:1rem; line-height:40px; color:transparent; text-shadow:0 0 0 #f0f0f0; }
div[data-module=eco][data-context=review] ul[data-role=table] > li.tbody span.reviewstar div input[type=radio]:checked ~ label{text-shadow:0 0 0 rgba(250, 208, 0, 0.99);}


div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.mileage span.dsn {display: none;  }


@media (max-width:1100px) {
	div[data-module=eco][data-context=mypage] div[data-role=toolbar] > button {width:100%; display:block; margin-left:0; margin-top:5px;}
	div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li > span.loopnum {display:none;}
	div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.thead > span.title {border-right:0;}
	div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.thead > span.date {display:none;}
	div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.thead > span.applicant {display:none;}
	div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.thead > span.status {display:none;}
	div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.thead > span.progress {display:none;}
	div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.thead > span.mileage {display:none;}
	div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li > span.issuance_status {display:none;}
	div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li > span.time {display:none;}
	div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.thead > span.complete {display:none;}
	div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.title {display:table-caption; width:auto; height:auto; border-bottom:1px dotted #e3e4e5; border-right:0;}
	div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.title > p {padding:5px 0px;}
	div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.title > p:first-child {margin-top:5px;}
	div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.title > p:last-child {margin-bottom:5px;}
	div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.title > a {padding-bottom:5px;}
	div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li > span.title > span.tit_pc {display:none ; }
div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li > span.title > span.tit_mb {display:inline-block; }

	div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.date {display:table-caption; width:auto; height:auto; border-bottom:1px dotted #e3e4e5; border-right:0;}
	div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.date {width:100%; padding: 10px; }
	div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.title {padding:10px;}
	div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.title > div {padding:12px 0px; font-weight:bold; height:auto; max-height:auto; font-size:1rem;}
	div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span {border-right:1px dotted #e3e4e5; color:#666;}
	div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.status {border-right:1px dotted #e3e4e5;}
	div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.topic {border-right:0; padding:5px 0px 5px 5px;}
	div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.mileage {border-left:1px dotted #e3e4e5 }

	div[data-module=eco] form[id=ModuleEcoMypageListForm] ul[data-role=table] > li.tbody > span.mileage span.dsn {display: block;;  }


	div[data-module=eco] form[id=ModuleEcoMypageListForm] div[data-role=notice] {display:block;}
	div[data-module=eco] form[id=ModuleEcoMypageListForm] div[data-role=notice] > div.title {display:block; height:auto; padding:5px 0px;}
	div[data-module=eco] form[id=ModuleEcoMypageListForm] div[data-role=notice] > div.title > i {width:20px; height:30px; line-height:30px; padding-left:10px; font-size:1rem;}
	div[data-module=eco] form[id=ModuleEcoMypageListForm] div[data-role=notice] > div.title > span {height:30px; line-height:30px; font-size:1rem;}
	div[data-module=eco] form[id=ModuleEcoMypageListForm] div[data-role=notice] > div.content {display:block; height:auto;}
	div[data-module=eco] form[id=ModuleEcoMypageListForm] div[data-role=notice] > div.content > div {padding:5px 10px 10px 30px;}
	div[data-module=eco] form[id=ModuleEcoMypageListForm] div[data-role=notice] > div.content > div a.text > small {font-size:0.86rem;}
	div[data-module=eco] form[id=ModuleEcoMypageListForm] div[data-role=notice] > div.content > div a.text > b {font-size:1rem;}

	div[data-module=eco] form[id=ModuleEcoMypageListForm] div[data-role=notice] > button {border-bottom:1px solid #cee0eb;}
	div[data-module=eco] form[id=ModuleEcoMypageListForm] div[data-role=notice] > button[data-action=up] {top:0; right:40px;}
	div[data-module=eco] form[id=ModuleEcoMypageListForm] div[data-role=notice] > button[data-action=down] {top:0; right:0; border-top:0; height:40px;}
}

/**
 * 뱃지
 */
div[data-module=eco][data-context=badge] div.help {margin:0px 0px 20px 0px; background:#FFF8E1; color:#333; line-height:1.6; padding:10px; border:1px solid #FFECB3;}

div[data-module=eco][data-context=badge] ul.essentials {display:table; table-layout:fixed; border:1px solid #e6e6e6; width:100%; font-size:0; list-style:none; box-sizing:border-box;}
div[data-module=eco][data-context=badge] ul.essentials > li.summary {width:320px; vertical-align:middle; display:table-cell; border-right:1px solid #e6e6e6;}
div[data-module=eco][data-context=badge] ul.essentials > li.summary > div.badge {width:200px; height:200px; margin:0 auto; display:block; position:relative;}
div[data-module=eco][data-context=badge] ul.essentials > li.summary > div.badge > div {position:absolute; left:0; top:0; width:100%; height:100%;}
div[data-module=eco][data-context=badge] ul.essentials > li.summary > div.badge > div > i {width:200px; height:200px; vertical-align:middle; background-size:contain; background-repeat:no-repeat; background-position:50% 50%; display:inline-block;}
div[data-module=eco][data-context=badge] ul.essentials > li.summary > div.badge > div.off {z-index:0; filter:grayscale(1); opacity:0.5;}
div[data-module=eco][data-context=badge] ul.essentials > li.summary > div.badge > div.on {z-index:10; overflow:hidden;}

div[data-module=eco][data-context=badge] ul.essentials > li.summary > b {display:block; text-align:center; font-size:1.14rem; padding-top:20px;}
div[data-module=eco][data-context=badge] ul.essentials > li.summary > small {display:block; padding:20px; line-height:1.6; font-size:1rem; text-align:center; color:#666;}
div[data-module=eco][data-context=badge] ul.essentials > li.essential {width:100%; vertical-align:middle; display:table-cell; background:#fafafa;}
div[data-module=eco][data-context=badge] ul.essentials > li.essential > ul {list-style:none;}
div[data-module=eco][data-context=badge] ul.essentials > li.essential > ul > li {border-bottom:1px solid #e6e6e6; background:#fafafa; width:100%; height:80px; font-size:0;}
div[data-module=eco][data-context=badge] ul.essentials > li.essential > ul > li:last-child {border-bottom:0;}
div[data-module=eco][data-context=badge] ul.essentials > li.essential > ul > li > label {width:80px; text-align:right; padding:0px 10px; height:80px; line-height:80px; vertical-align:middle; font-size:1rem; color:#222; font-weight:bold; display:inline-block;}
div[data-module=eco][data-context=badge] ul.essentials > li.essential > ul > li > div.progress {padding:12px 0px; width:calc(100% - 200px); height:56px; display:inline-block; vertical-align:middle;}
div[data-module=eco][data-context=badge] ul.essentials > li.essential > ul > li > div.progress > div.bar {margin-top:20px; width:100%; height:16px; background:#e6e6e6; position:relative;}
div[data-module=eco][data-context=badge] ul.essentials > li.essential > ul > li > div.progress > div.bar > div.on {width:50%; height:16px;}
div[data-module=eco][data-context=badge] ul.essentials > li.essential > ul > li > div.progress > div.bar > div.text {position:absolute; top:0; height:16px; line-height:16px; font-size:0.93rem;}
div[data-module=eco][data-context=badge] ul.essentials > li.essential > ul > li > div.progress > div.bar > div.text.left {color:#fff; padding-right:5px;}
div[data-module=eco][data-context=badge] ul.essentials > li.essential > ul > li > div.progress > div.bar > div.text.right {color:#666; padding-left:5px;}
div[data-module=eco][data-context=badge] ul.essentials > li.essential > ul > li > div.progress > div.legend {width:100%; height:20px; font-size:0.86rem; color:#666; line-height:20px;}
div[data-module=eco][data-context=badge] ul.essentials > li.essential > ul > li > div.progress > div.legend > b:last-child {float:right;}
div[data-module=eco][data-context=badge] ul.essentials > li.essential > ul > li > div.badge {width:60px; height:60px; margin:10px 0px 10px 20px; vertical-align:middle; display:inline-block; position:relative;}
div[data-module=eco][data-context=badge] ul.essentials > li.essential > ul > li > div.badge > div {position:absolute; left:0; top:0; width:100%; height:100%;}
div[data-module=eco][data-context=badge] ul.essentials > li.essential > ul > li > div.badge > div > i {width:60px; height:60px; vertical-align:middle; background-size:contain; background-repeat:no-repeat; background-position:50% 50%; display:inline-block;}
div[data-module=eco][data-context=badge] ul.essentials > li.essential > ul > li > div.badge > div.off {z-index:0; filter:grayscale(1); opacity:0.5;}
div[data-module=eco][data-context=badge] ul.essentials > li.essential > ul > li > div.badge > div.on {z-index:10; overflow:hidden;}


div[data-module=eco][data-context=badge] ul.essentials > li.essential > ul > li > div.badge > i.icon {width:60px; height:60px; position:relative; display:block;}
div[data-module=eco][data-context=badge] ul.essentials > li.essential > ul > li > div.badge > i.icon > i {position:absolute; width:100%; height:100%; top:0; left:0;}

div[data-module=eco][data-context=badge] ul.essentials > li.essential > ul > li > div.badge > i.icon > i > i {display:block; margin-top:18px; width:60px; height:26px; position:relative;}
div[data-module=eco][data-context=badge] ul.essentials > li.essential > ul > li > div.badge > i.icon > i > i:before {content:""; position:absolute; top:-18px; left:0; width:0; height:0; border-left:30px solid transparent; border-right:30px solid transparent; border-bottom:18px solid transparent;}
div[data-module=eco][data-context=badge] ul.essentials > li.essential > ul > li > div.badge > i.icon > i > i:after {content:""; position:absolute; bottom:-18px; left:0; width:0; height:0; border-left:30px solid transparent; border-right:30px solid transparent; border-top:18px solid transparent;}
div[data-module=eco][data-context=badge] ul.essentials > li.essential > ul > li > div.badge > i.icon > i > i > i {position:absolute; top:-5px; left:0; width:100%; height:38px; line-height:40px; font-size:2.14rem; color:#fff;}

div[data-module=eco][data-context=badge] ul.essentials > li.essential > ul > li > div.badge > i.icon > i.on {z-index:0;}
div[data-module=eco][data-context=badge] ul.essentials > li.essential > ul > li > div.badge > i.icon > i.off {z-index:1; overflow:hidden;}
div[data-module=eco][data-context=badge] ul.essentials > li.essential > ul > li > div.badge > i.icon > i.off > i {background:#999;}
div[data-module=eco][data-context=badge] ul.essentials > li.essential > ul > li > div.badge > i.icon > i.off > i:before {border-bottom-color:#999;}
div[data-module=eco][data-context=badge] ul.essentials > li.essential > ul > li > div.badge > i.icon > i.off > i:after {border-top-color:#999;}



div[data-module=eco] .badge {font-size:0; text-align:center;}
div[data-module=eco] .badge > div.item {width:30%; height:0; padding-bottom:30%; display:inline-block; vertical-align:middle; position:relative;}
div[data-module=eco] .badge > div.item > div {position:absolute; top:0; left:0; width:100%; height:100%; padding:5px; box-sizing:border-box;}
div[data-module=eco] .badge > div.item > div > i.icon {display:block; width:100%; height:100%; background-size:contain; background-position:50% 50%; background-repeat:no-repeat;}

div[data-role=document] { min-width:740px; max-width:740px; margin:0 auto; font-size:0.86rem; padding:0px 0px;}
div[data-role=document].popup {padding-top:50px;}
div[data-role=document] > div.title { display:block;text-align:center;padding-bottom:20px; }
div[data-role=document] > div.title > p { font-size:1rem; margin-top:10px;}
div[data-role=document] > div.title > p.serial { font-size:0.93rem; margin-top:10px;text-align:left;margin-bottom:10px;}
div[data-role=document] > h2 { margin-bottom:10px; }
div[data-role=document] > table {width:100%; table-layout:fixed; border-collapse:separate; border-spacing:1px; background:#222;}
div[data-role=document] > table th {background:#e5e5e5; padding:5px 8px; line-height:20px;}
div[data-role=document] > table td {background:#fff; padding:5px 8px; line-height:20px;}
div[data-role=document] > table td.title {background:#e5e5e5; font-weight:bold; text-align:center;}
div[data-role=document] > table td.subtitle {background:#f4f4f4; text-align:center;}
div[data-role=document] > table td.center {text-align:center;}
div[data-role=document] > table td.right {text-align:right;}
div[data-role=document] > table td.bold {font-weight:bold;}
div[data-role=document] > table td.table {padding:0;}
div[data-role=document] > table td.table > table {width:calc(100% + 2px); table-layout:fixed; border-collapse:separate; border-spacing:1px; background:#222; margin:-1px;}
div[data-role=document] ul[data-role=files] {margin:-5px;}
div[data-role=document] ul[data-role=files] > li {height:20px;}
div[data-role=document] ul[data-role=files] > li > i.icon {width:16px; height:16px; margin:2px 5px 2px 0px; float:left; background-image:url(../images/icon_type_etc.png); background-repeat:no-repeat; background-position:50% 50%; background-size:contain; vertical-align:middle;}
div[data-role=document] ul[data-role=files] > li > a {margin:0px; font-size:0.86rem; display:inline-block; max-width:calc(100% - 25px); text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
div[data-role=document] ul[data-role=files] > li > a > span[data-role=size] {color:#666; float:right; margin-left:5px;}
div[data-role=document] ul[data-role=files] > li > a > span[data-role=size]:before {content:"(";}
div[data-role=document] ul[data-role=files] > li > a > span[data-role=size]:after {content:")";}
div[data-role=document] ul[data-role=files] > li.empty {color:#999; font-size:0.86rem; line-height:20px;}

div[data-role=modal] div[data-role=message] button[data-action=diagnosis] {color:#2196fe; font-weight:bold; cursor:pointer; border:0; background:transparent; border-bottom:1px solid #2196fe; margin:-2px 0px; padding:2px 0px; vertical-align:middle;}
div[data-role=modal] div.line {border-top:1px dotted #ccc; margin-top:20px; height:20px; position:relative; font-size:0;}
div[data-role=modal] div.line > div {display:block; width:100%; height:20px; text-align:center; position:absolute; top:-10px; left:0; text-align:center;}
div[data-role=modal] div.line > div > label {display:inline-block; height:20px; line-height:20px; font-size:1rem; padding:0px 10px; background:#fff;}
div[data-role=modal] ul.operator {list-style:none; display:block; padding:5px 0px;}
div[data-role=modal] ul.operator > li {height:30px; line-height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
div[data-role=modal] ul.operator > li > label {display:inline-block; width:60px; border:1px solid rgba(0,0,0,0.1); font-size:0.86rem; height:24px; line-height:22px; margin:3px 10px 3px 0px; vertical-align:middle; box-sizing:border-box; text-align:center;}
div[data-role=modal] ul.operator > li > label.CONFIRMED {background:#2196F3; color:#fff;}
div[data-role=modal] ul.operator > li > time {float:right; color:#666; font-size:0.86rem; height:30px; line-height:30px; vertical-align:middle; margin-left:10px;}
div[data-role=modal] ul.operator > li.empty {height:40px; text-align:center; color:#666; line-height:40px;}

/* 카드형 */
main.card_subpage div[data-module=eco] div[id=ModuleEcoProgramView] div.description {padding:40px 20px; border-left:0 none; border-right:0 none; border-top:1px solid #ddd;}
main.card_subpage div[data-module=eco] div[id=ModuleEcoProgramView] div.description > div[data-role=wysiwyg-content] {color:#111;}
header.cardType + main div[data-module=eco] div[id=ModuleEcoProgramView] div.context {max-width:1100px;}

@media (max-width:767px){
	header.cardType + main .slick-slide > div:last-child > div[data-module=eco][data-role=item] > a > div.detail {top:0;}
}

div.recommender_row { position: relative;}
div.recommender_row > div.input { display:block; }
div.recommender_row > div.input > div[data-role=input] { width:300px;display: inline-block;}
div.recommender_row > div.input > div[data-role=input] + button {display:inline-block;border:1px solid #d1d1d1; background:#fff; box-sizing:border-box; width:60px; height:40px; line-height:1; cursor:pointer; color:#666;}
div.recommender_row > dl.selecter { display:none; margin-top:1px; border:1px solid #d1d1d1; background:#f8f8f8; overflow:hidden; overflow-y:auto; width:400px; max-height:150px;}
div.recommender_row > dl.selecter > dd { display:block; }
div.recommender_row > dl.selecter > dd > a { display:block;padding:5px 10px;line-height:24px;font-size:0.86rem; cursor: pointer;}
div.recommender_row > dl.selecter > dd > a:hover { background: #fff;}
div.recommender_row > dl.selecter > dd + dd { border-top:1px solid #d1d1d1; }

div.recommender_row > div.selected { display:none; }
div.recommender_row > div.selected > span { display:inline-block;padding:5px 0px;line-height:30px;font-size:0.93rem;vertical-align: middle; }
div.recommender_row > div.selected > span + a {display:inline-block;border:0px solid #999; background:#999; width:24px; height:24px; line-height:24px; cursor:pointer; color:#fff;border-radius: 50%;margin-left:10px;text-align:center;}
div.recommender_row > div.selected > span + a > i { line-height:24px;height:24px;width:24px;display:block;}

div.recommender_row[data-val=input] > div.input { display:block; }
div.recommender_row[data-val=input] > dl.selecter { display:none; }
div.recommender_row[data-val=input] > div.selected { display:none; }

div.recommender_row[data-val=selecter] > div.input { display:block; }
div.recommender_row[data-val=selecter] > dl.selecter { display:block; }
div.recommender_row[data-val=selecter] > div.selected { display:none; }

div.recommender_row[data-val=selected] > div.input { display:none; }
div.recommender_row[data-val=selected] > dl.selecter { display:none; }
div.recommender_row[data-val=selected] > div.selected { display:block; }

@media (max-width:560px){
	div.recommender_row > dl.selecter { left:0;width:100%;}
}

/* 전공역량지수 */
div[data-module=eco][data-context=major_competency] div[data-role=inputset] div[data-role=inputset].graph_type {display:inline-block; width:calc(100% - 310px); text-align:right;}
div[data-module=eco][data-context=major_competency] div[data-role=inputset] div[data-role=inputset].graph_type > div[data-role=input][data-type=radio] {display:inline-block; width:120px;}
div[data-module=eco][data-context=major_competency] h4 {margin-top:35px; font-size:1.43rem;}
div[data-module=eco][data-context=major_competency] div.tb {margin-top:10px; overflow:hidden; overflow-x:auto;}
div[data-module=eco][data-context=major_competency] div.tb table {border-collapse:collapse; box-sizing:border-box; min-width:800px; width:100%; font-size:1rem; overflow:hidden; border-top:2px solid #222; table-layout:fixed;}
div[data-module=eco][data-context=major_competency] div.tb {width:100%; overflow:auto;}
div[data-module=eco][data-context=major_competency] div.tb table {border-collapse:collapse; box-sizing:border-box; min-width:800px; width:100%; font-size:1rem; overflow:hidden; border-top:2px solid #222; table-layout:fixed;}
div[data-module=eco][data-context=major_competency] div.tb table th {padding:10px; height:28px; border:1px solid #e5e5e5; background:#f7f7f7; text-align:center; vertical-align:middle; color:#111; line-height:28px; word-break:keep-all;}
div[data-module=eco][data-context=major_competency] div.tb table tr:first-child > th {border-top:1px solid #5c5f66;}
div[data-module=eco][data-context=major_competency] div.tb table th:first-child {border-left:0 none;}
div[data-module=eco][data-context=major_competency] div.tb table th:last-child {border-right:0 none;}

div[data-module=eco][data-context=major_competency] div.tb table th {padding:10px; height:28px; border:1px solid #e5e5e5; background:#f7f7f7; text-align:center; vertical-align:middle; color:#111; line-height:28px;}
div[data-module=eco][data-context=major_competency] div.tb table th:first-child {border-left:0 none;}

div[data-module=eco][data-context=major_competency] div.tb table td {height:28px; padding:10px; border:1px solid #e5e5e5; vertical-align:middle; color:#666; line-height:28px; word-break:keep-all; text-align:center;}
div[data-module=eco][data-context=major_competency] div.tb table td.text_description {text-align:left;}
div[data-module=eco][data-context=major_competency] div.tb table td:first-child {border-left:0 none;}
div[data-module=eco][data-context=major_competency] div.tb table td:last-child {border-right:0 none;}
div[data-module=eco][data-context=major_competency] div.tb table td > b {font-weight:500; color:#1a1a1a;}
div[data-module=eco][data-context=major_competency] div[data-role=button].major_competency {text-align:right;}
div[data-module=eco][data-context=major_competency] div.box_chart:after {content:''; display:block; clear:both;}
div[data-module=eco][data-context=major_competency] div.box_essential {float:left; display:block; width:48%; margin-right:20px; padding:10px; border:1px solid #e5e5e5; box-sizing:border-box;}
div[data-module=eco][data-context=major_competency] div#ModuleEcoGraph {float:left; display:block; width:calc(50% - 10px); padding:10px; border:1px solid #e5e5e5; box-sizing:border-box;}
div[data-module=eco][data-context=major_competency] div#ModuleEcoGraphGrade {margin-right:20px; padding:10px; border:1px solid #e5e5e5; box-sizing:border-box;}
div[data-module=eco][data-context=major_competency] div.box_act {margin-top:30px;}
div[data-module=eco][data-context=major_competency] div.box_essential #chart_essential_line {display:none;}

@media (max-width:768px) {
	div[data-module=eco][data-context=major_competency] div.box_essential {width:100%; margin-bottom:20px; margin-right:0;}
	div[data-module=eco][data-context=major_competency] div#ModuleEcoGraph {width:100%;}
	div[data-module=eco][data-context=major_competency] div#ModuleEcoGraphGrade {width:100%; margin-bottom:20px; margin-right:0;}
}

@media (max-width:569px) {
	div[data-module=eco][data-context=major_competency] div[data-role=inputset] div[data-role=inputset].graph_type {display:block; width:100%; text-align:left;}
}

/* 예산관리 */
div[data-module=eco] div[id=ModuleEcoProgramView][data-tab=budget] ul[data-role=table] {min-height:400px;}
div[data-module=eco] div[id=ModuleEcoProgramView][data-tab=budget] ul[data-role=table] > li {min-width:680px;}
div[data-module=eco] div[id=ModuleEcoProgramView][data-tab=budget] ul[data-role=table] > li > span.date {width:160px; text-align:center;}
div[data-module=eco] div[id=ModuleEcoProgramView][data-tab=budget] ul[data-role=table] > li > span.title {width:100%;}
div[data-module=eco] div[id=ModuleEcoProgramView][data-tab=budget] ul[data-role=table] > li > span.cost {width:150px; padding:0px 10px;}
div[data-module=eco] div[id=ModuleEcoProgramView][data-tab=budget] ul[data-role=table] > li.tbody > span.cost {text-align:right;}
div[data-module=eco] div[id=ModuleEcoProgramView][data-tab=budget] ul[data-role=table] > li > span.button {width:100px;}
div[data-module=eco] div[id=ModuleEcoProgramView][data-tab=budget] ul[data-role=table] > li.input > span {vertical-align:top; padding:10px; overflow:visible;}
div[data-module=eco] div[id=ModuleEcoProgramView][data-tab=budget] ul[data-role=table] > li.input > span:first-child {padding-left:0;}
div[data-module=eco] div[id=ModuleEcoProgramView][data-tab=budget] ul[data-role=table] > li.input > span > div[data-module] {padding-top:5px;}
div[data-module=eco] div[id=ModuleEcoProgramView][data-tab=budget] ul[data-role=table] > li.input > span > div[data-module] button + span {display:none;}
div[data-module=eco] div[id=ModuleEcoProgramView][data-tab=budget] ul[data-role=table] > li > span.cost > ul {list-style:none; display:block; padding-top:5px; font-weight:normal;}
div[data-module=eco] div[id=ModuleEcoProgramView][data-tab=budget] ul[data-role=table] > li > span.cost > ul > li {height:20px; line-height:20px; display:block; font-size:0.86rem; text-align:right;}
div[data-module=eco] div[id=ModuleEcoProgramView][data-tab=budget] ul[data-role=table] > li > span.cost > ul > li > label {float:left; padding:0px 8px; height:16px; margin:2px; background:#F44336; line-height:16px; text-align:center; border-radius:8px; color:#fff;}
div[data-module=eco] div[id=ModuleEcoProgramView][data-tab=budget] ul[data-role=table] > li > span.cost > ul > li:last-child > label {background:#9E9E9E;}
div[data-module=eco] div[id=ModuleEcoProgramView][data-tab=budget] ul[data-role=table] > li.thead > span.cost > ul > li > label {background:#2196F3;}
div[data-module=eco] div[id=ModuleEcoProgramView][data-tab=budget] ul[data-role=table] > li > span:last-child {padding-right:0;}
div[data-module=eco] div[id=ModuleEcoProgramView][data-tab=budget] ul[data-role=table] > li > span > button {width:100%; height:40px; cursor:pointer; border:0; color:#fff; background:#f44336;}
div[data-module=eco] div[id=ModuleEcoProgramView][data-tab=budget] ul[data-role=table] > li > span > button:hover {background:#e53935;}
div[data-module=eco] div[id=ModuleEcoProgramView][data-tab=budget] ul[data-role=table] > li.input > span > button {background:#2196f3;}
div[data-module=eco] div[id=ModuleEcoProgramView][data-tab=budget] ul[data-role=table] > li.input > span > button:hover {background:#1e88e5;}
div[data-module=eco] div[id=ModuleEcoProgramView][data-tab=budget] ul[data-role=table] > li.tbody > span.title {padding:10px;}
div[data-module=eco] div[id=ModuleEcoProgramView][data-tab=budget] div[data-module=attachment] {padding-top:3px;}
div[data-module=eco] div[id=ModuleEcoProgramView][data-tab=budget] div[data-module=attachment] > ul {list-style:none; margin-bottom:-8px;}
div[data-module=eco] div[id=ModuleEcoProgramView][data-tab=budget] div[data-module=attachment] > ul > li {font-size:0;}
div[data-module=eco] div[id=ModuleEcoProgramView][data-tab=budget] div[data-module=attachment] > ul > li > i.icon {width:20px; height:20px; margin:5px 8px 5px 0px; vertical-align:middle; background-size:contain;}
div[data-module=eco] div[id=ModuleEcoProgramView][data-tab=budget] div[data-module=attachment] > ul > li > a {display:inline-block; height:20px; margin:5px 0px; line-height:20px; color:inherit; text-decoration:none; font-size:1rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; vertical-align:middle;}
div[data-module=eco] div[id=ModuleEcoProgramView][data-tab=budget] div[data-module=attachment] > ul > li > a > span.size {color:#666; float:right; margin-left:10px;}
div[data-module=eco] div[id=ModuleEcoProgramView][data-tab=budget] div[data-module=attachment] > ul > li > a > span.size:before {content:"(";}
div[data-module=eco] div[id=ModuleEcoProgramView][data-tab=budget] div[data-module=attachment] > ul > li > a > span.size:after {content:")";}




/* 팝업 */
div[data-widget=popupuniv-eco_calendar] div[data-templete=confirm] ul.program_list {display: flex; flex-direction: column; gap:24px;}
div[data-widget=popupuniv-eco_calendar] div[data-templete=confirm] ul.program_list li {display: flex; gap:18px; width:calc(100% - 15px);}
div[data-widget=popupuniv-eco_calendar] div[data-templete=confirm] ul.program_list li:nth-child(n+2) {padding-top:24px; border-top:1px solid #F4F4F4;}
div[data-widget=popupuniv-eco_calendar] div[data-templete=confirm] ul.program_list li div.list_thumbnail {width: 218px; height: 142px; border-radius: 8px; background:url(../images/noimage.png) no-repeat center center; background-size:cover;}
div[data-widget=popupuniv-eco_calendar] div[data-templete=confirm] ul.program_list li div.list_info{display: flex; flex-direction: column; justify-content:space-between; gap:15px; width:calc(100% - 260px);}
div[data-widget=popupuniv-eco_calendar] div[data-templete=confirm] ul.program_list li div.list_info div.info__top{display: flex; flex-direction: column; gap:15px;}

div[data-widget=popupuniv-eco_calendar] div[data-templete=confirm] ul.program_list li div.list_info p {color:#333; font-size:1.14rem; line-height:24px; font-weight: 700;}
div[data-widget=popupuniv-eco_calendar] div[data-templete=confirm] ul.program_list li div.list_info div.buttons a {padding: 11px 0px; display:inline-block; width:100%; border-radius: 5px; border:1px solid #dfdfdf; background-color:transparent; text-align: center; color:#333;}
div[data-widget=popupuniv-eco_calendar] div[data-templete=confirm] ul.program_list li div.list_info span.department {margin-left:5px;}
div[data-widget=popupuniv-eco_calendar] div[data-templete=confirm] ul.program_list li div.list_info label {padding:5px; border-radius:5px; font-size:0.86rem; font-weight:700; color:#fff;}
div[data-widget=popupuniv-eco_calendar] div[data-templete=confirm] ul.program_list li div.list_info span {padding:5px; border-radius:5px; font-size:0.86rem; font-weight:700; color:#fff;}
div[data-widget=popupuniv-eco_calendar] div[data-templete=confirm] ul.program_list li div.list_info span.institution {background:var(--thema_color);}
div[data-widget=popupuniv-eco_calendar] div[data-templete=confirm] ul.program_list li div.list_info label.status {background:#4878C8;}
div[data-widget=popupuniv-eco_calendar] div[data-templete=confirm] ul.program_list li div.list_info label.point {position:relative; padding-left:23px; background:#FFC100;}
div[data-widget=popupuniv-eco_calendar] div[data-templete=confirm] ul.program_list li div.list_info label.point::before {content:""; position:absolute; left:5px; display:inline-block; width:14px; height:14px; background:url(../images/coins.svg) no-repeat center center; color:#fff;}


@media (max-width:584px) {
	div[data-widget=popupuniv-eco_calendar] div[data-templete=confirm] ul.program_list li div.list_thumbnail {display:none;}
	div[data-widget=popupuniv-eco_calendar] div[data-templete=confirm] ul.program_list li div.list_info {padding-right:24px; width:100%;}
}

@media (max-width:300px) {
	div[data-widget=popupuniv-eco_calendar] div[data-templete=confirm] ul.program_list li div.list_info div.label {display:none;}
}

div.sogangLoginModal {/*background:transparent;*/ box-shadow:none;}
div.sogangLoginModal[data-role=modal] > form div[data-role=header] > button {right:25px; border-radius:10px; background-color:#fff;}
div.sogangLoginModal div.sogangSsoLoginBoxComponent div.logout_box {border:0 none;}
div.sogangLoginModal div.sogangSsoLoginBoxComponent div.logout_box {padding-top:25px; padding-bottom:25px}
form#iModuleErrorForm div.sogangSsoLoginBoxComponent {margin:0 auto;}
/* 학교사이트 */
div.sogangSsoLoginBoxComponent div[data-role=input].login_box[data-type=select] > button {border: solid 1px #58585b ; background: #fff; color: #666; border: none; border-radius:0px;}
div.sogangSsoLoginBoxComponent div[data-role=input].login_box[data-type=select] > ul {background: #fff; max-height: 160px;}

div.sogangSsoLoginBoxComponent { width:479px; backdrop-filter:blur(2px);}
div.sogangSsoLoginBoxComponent div.login_box {width:100%;height:100%; border-radius: 0px; box-sizing:border-box; background-color:#fff; padding:0px; margin-bottom:5px;}
div.sogangSsoLoginBoxComponent div.logout_box {margin-top:0px; padding:14px 25px; min-height:205px; border-radius: 18px; border:1px solid #DFDFDF;}

div.sogangSsoLoginBoxComponent div.logout_box > div.flex_center {display: flex; justify-content: space-between;align-items: center;}
div.sogangSsoLoginBoxComponent div.logout_box > div.flex_center > h2 {padding: 5px 0;font-size:1.29rem; line-height:28px; color:#333; font-weight:bold;}
div.sogangSsoLoginBoxComponent div.logout_box > div.flex_center > h2::before {display: inline-block;content: ''; background: url(../images/ico_login_black.png)no-repeat center; width: 24px; height: 30px; margin-right: 6px;vertical-align: bottom;}

div.sogangSsoLoginBoxComponent div.logout_box div.outsider_login {text-align: center;}
div.sogangSsoLoginBoxComponent div.logout_box div.outsider_login a {color:#333; padding: 5px 10px; display: inline-block;}

div.sogangSsoLoginBoxComponent button[data-action=help] {color:#fe9a1e; font-size:1.29rem; height:20px; line-height:20px; background:transparent; border:0; cursor:pointer;}
div.sogangSsoLoginBoxComponent button[data-action=help] > i {display:inline-block; width:19px; height:19px; background:url(../images/icon_help2.png); margin-left:3px; vertical-align:middle;}
div.sogangSsoLoginBoxComponent div.loginForm {padding:7px 0px 0px 0px;}
div.sogangSsoLoginBoxComponent div.loginForm > p {height:35px; margin:10px 0; background:#7510B3; color:#fff; font-size:1rem; line-height:35px; text-align:center;}
div.sogangSsoLoginBoxComponent div.loginForm > p:nth-of-type(2) {margin-top:20px;}

div.sogangSsoLoginBoxComponent div.loginForm .errorBox {display:none; position:absolute; top:250px; left:25px; width:calc(100% - 50px); background:#c20000; line-height:25px; padding:5px 10px; line-height:1.6; font-size:0.86rem; color:#ffff7f; margin-top:0px !important; box-sizing:border-box; z-index:10;}
div.sogangSsoLoginBoxComponent div.loginForm .errorBox:after {bottom:100%; left:20px; border:solid 0px transparent; content:" "; height:0; width:0; position:absolute; border-bottom-color:#c20000; border-width:5px; margin-top:-5px;}
div.sogangSsoLoginBoxComponent button[type=submit] {background:var(--thema_color); color:#fff; font-size:1.29rem; border:0; width:100%; height:40px; line-height:43px; cursor:pointer; margin-top:7px;}

div.sogangSsoLoginBoxComponent .form_add {display:block; line-height:35px; height:35px; padding:0px;}
div.sogangSsoLoginBoxComponent .form_add::after { display: block; content: ''; clear: both;}
div.sogangSsoLoginBoxComponent .form_add .chk {display:inline-block; width:auto; line-height:40px; height:40px; padding:0px; vertical-align:middle; margin:0px;}
div.sogangSsoLoginBoxComponent .form_add .chk label {vertical-align:middle; margin:0px; color: rgba(255,255,255,0.8);}

div.sogangSsoLoginBoxComponent div[data-role=input][data-type=checkbox] > label > button.checkbox { width: 20px; height: 20px; margin: 0px 0px 0px -32px; background: none; border: solid 1px rgba(255,255,255,0.7); border-radius: 50%;}
div.sogangSsoLoginBoxComponent div[data-role=input][data-type=checkbox] > label > button.checkbox::after {position: absolute;}
div.sogangSsoLoginBoxComponent div[data-role=input][data-type=checkbox] > label > button.checkbox.on {background:none !important; line-height: 15px;}

div.sogangSsoLoginBoxComponent div[data-role=input][data-type=select] > button > span { width: calc(100% - 45px);}
div.sogangSsoLoginBoxComponent div[data-role=input][data-type=select] > button > i {width: 45px; position: relative; box-sizing:border-box;}
div.sogangSsoLoginBoxComponent div[data-role=input][data-type=select] > button > i::after {content:''; position: absolute; width: 1px; height:38px; right: 0; background: #eee;}
div.sogangSsoLoginBoxComponent div[data-role=input] + div[data-role=input], 
div.sogangSsoLoginBoxComponent div[data-role=input] + div[data-role=inputset], 
div.sogangSsoLoginBoxComponent div[data-role=inputset] + div[data-role=input], div[data-role=inputset] + div[data-role=inputset] { margin-top: 7px !important;}

/* sso 방식 */
div.sogangSsoLoginBoxComponent .check_condition_site_sso {padding:10px 20px; background-color:#fff;}
div.sogangSsoLoginBoxComponent .check_condition_site_sso div.box__top {display: flex; justify-content: space-between; align-items: center;}
div.sogangSsoLoginBoxComponent .check_condition_site_sso div.box__top > h2 {font-size:1rem;margin: 6px 0px;}
div.sogangSsoLoginBoxComponent .check_condition_site_sso div.box__top div[data-role=input] {max-width:103px;}
div.sogangSsoLoginBoxComponent .check_condition_site_sso div.box__top div[data-role=input][data-type=select] > ul {top:29px;}
div.sogangSsoLoginBoxComponent .check_condition_site_sso div[data-role=input][data-type=select] > button {height:30px; border-radius:5px;}
div.sogangSsoLoginBoxComponent .check_condition_site_sso div[data-role=input][data-type=select] > button:focus {border-right:1px solid #66afe9;}
div.sogangSsoLoginBoxComponent .check_condition_site_sso div[data-role=input][data-type=select] > button > span {width:calc(100% - 20px); line-height:30px;}
div.sogangSsoLoginBoxComponent .check_condition_site_sso div[data-role=input][data-type=select] > button > i {width:20px; line-height:30px;}
div.sogangSsoLoginBoxComponent .check_condition_site_sso div[data-role=input][data-type=select] > button > i::after {display:none;}
div.sogangSsoLoginBoxComponent .check_condition_site_sso div.loginForm {display: flex; flex-wrap:wrap; justify-content: space-between; gap:15px;}
div.sogangSsoLoginBoxComponent .check_condition_site_sso div.loginForm button {width:calc(50% - 10px); border:none;padding:10px 0px; border-radius:5px; cursor: pointer; font-size: 1rem;}
div.sogangSsoLoginBoxComponent .check_condition_site_sso div.loginForm button.selected {background-color:var(--thema_color); color:#fff;}
div.sogangSsoLoginBoxComponent .check_condition_site_sso div.loginForm p {width:100%; background:transparent; margin:0; color:#333;}
div.sogangSsoLoginBoxComponent .check_condition_site_sso div.loginForm button[type=submit] {width:fit-content; padding:15px; margin-top:0; height:87px; line-height:1;}


div.sogangSsoLoginBoxComponent .check_condition_site_sso div.loginForm div.normal_login_form {display: flex; flex-wrap:wrap; justify-content:space-between; width:100%;}
div.sogangSsoLoginBoxComponent .check_condition_site_sso div.loginForm div.normal_login_form div.input_box {width:calc(100% - 100px);}
div.sogangSsoLoginBoxComponent .check_condition_site_sso div.loginForm div.normal_login_form div.input_box input {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
div.sogangSsoLoginBoxComponent .check_condition_site_sso div.loginForm div.normal_login_form div.form_bottom {display: flex; flex-direction:column; gap:15px; justify-content: space-between; margin-top: 10px; width:100%; }
div.sogangSsoLoginBoxComponent .check_condition_site_sso div.loginForm div.normal_login_form div.form_bottom span {font-size: 1rem;}
div.sogangSsoLoginBoxComponent .check_condition_site_sso div.loginForm div.normal_login_form div.form_bottom div.save_id input {margin-right:5px;}
div.sogangSsoLoginBoxComponent .check_condition_site_sso div.loginForm div.normal_login_form div.form_bottom div.modify {display: flex; justify-content:space-between; align-items:center; gap:10px;padding-top: 24px;}
div.sogangSsoLoginBoxComponent .check_condition_site_sso div.loginForm div.normal_login_form div.form_bottom div.modify > div {position: relative; width:33.33%; text-align:center;}
div.sogangSsoLoginBoxComponent .check_condition_site_sso div.loginForm div.normal_login_form div.form_bottom div.modify > div:not(:last-child)::after {content:""; position:absolute; top:50%; transform:translateY(-50%); right:-6px; display:inline-block; width:1px; height:20px; background-color:#D9D9D9; }
div.sogangSsoLoginBoxComponent .check_condition_site_sso div.loginForm div.normal_login_form div.form_bottom div.modify > div > a {font-weight: bold;}
div.sogangSsoLoginBoxComponent .check_condition_site_sso div.loginForm div.normal_login_form div.form_bottom div.modify > div > a > span.line_break {display:block; font-weight: 400; color:#B9B9B9;padding-top: 8px;}

div.sogangSsoLoginBoxComponent .check_condition_site_sso div.loginForm div.normal_login_form div.form_bottom div.modify2 {display: flex; justify-content:space-between; align-items:center; gap:10px;padding-top: 24px; font-size: 1rem;}
div.sogangSsoLoginBoxComponent .check_condition_site_sso div.loginForm div.normal_login_form div.form_bottom div.modify2 > div {position: relative; width: 100%; text-align:center;}
div.sogangSsoLoginBoxComponent .check_condition_site_sso div.loginForm div.normal_login_form div.form_bottom div.modify2 > div:not(:last-child)::after {content:""; position:absolute; top:50%; transform:translateY(-50%); right:-6px; display:inline-block; width:1px; height:20px; background-color:#D9D9D9; }
div.sogangSsoLoginBoxComponent .check_condition_site_sso div.loginForm div.normal_login_form div.form_bottom div.modify2 > div > p.top_txt > a {font-weight: bold;text-decoration: underline;}
div.sogangSsoLoginBoxComponent .check_condition_site_sso div.loginForm div.normal_login_form div.form_bottom div.modify2 > div > a > span.line_break {display:block; font-weight: 400; color:#B9B9B9;padding-top: 8px;}
div.sogangSsoLoginBoxComponent .check_condition_site_sso div.loginForm div.normal_login_form div.form_bottom div.modify2 > div > p.top_txt {font-weight: bold; font-size: 1rem;}
div.sogangSsoLoginBoxComponent .check_condition_site_sso div.loginForm div.normal_login_form div.form_bottom div.modify2 > div > span.line_break {display:block; font-weight: 400; color:#B9B9B9;padding-top: 8px;}
div.sogangSsoLoginBoxComponent .check_condition_site_sso div.loginForm div.normal_login_form div.form_bottom a {color:#333;}
div.sogangSsoLoginBoxComponent .check_condition_site_sso div.loginForm p.info {margin-top:10px;}


div.sub_cnts#div_templet_join div[data-role=inputset].grow { display: table-cell !important;}