/**
 * 이 파일은 비교과모듈의 일부입니다. (http://www.coursemos.kr)
 *
 * 비교과 프로그램 상세보기 공통 프로그램박스 디자인 템플릿 스타일시트
 *
 * @file /modules/eco/styles/program.viewbox.css.php
 * @author Arzz (arzz@arzz.com)
 * @license MIT License
 * @version 3.4.0
 * @modified 2019. 2. 14.
 */
div[data-module=eco][data-role=itemview] {display:block; max-width:1120px; margin:0 auto;position: relative;z-index: 1;}
div[data-module=eco][data-role=itemview] > div {margin-left:-20px; font-size:0;}
div[data-module=eco][data-role=itemview] > div > div.box {position:relative; z-index:0; display:inline-block; padding-left:20px; box-sizing:border-box; vertical-align:top; margin-bottom:20px;}
div[data-module=eco][data-role=itemview] > div > div.box:nth-child(odd) {width:40%;}
div[data-module=eco][data-role=itemview] > div > div.box:nth-child(even) {width:60%;}
div[data-module=eco][data-role=itemview] > div > div.box > div.cover {width:100%; padding-bottom:60%; height:0; background-image:url(../images/noimage.png); background-size:100%; background-position:absolute; position:relative; box-shadow:0px 1px 3px rgba(0,0,0,0.1);background-repeat: no-repeat;background-size: cover;}
div[data-module=eco][data-role=itemview] > div > div.box > div.cover > label {width:42px; height:42px; background:#2f88d5; position:absolute; top:12px; left:12px; text-align:center; color:#fff; z-index:10; border-radius:50%; font-size:0.86rem; text-align:center; line-height:42px;}
div[data-module=eco][data-role=itemview] > div > div.box > div.cover > a {display:inline-block; height:30px; background:rgba(0,0,0,0.7); padding:0px 10px; font-size:0.86rem; line-height:30px; position:absolute; top:20px; left:20px; cursor:pointer; box-sizing:border-box; color:#fff; text-decoration:none; border-radius:3px;}
div[data-module=eco][data-role=itemview] > div > div.box > div.cover > a:hover {background:#000;}
div[data-module=eco][data-role=itemview] > div > div.box > div.cover > a > i {margin-right:5px;}
div[data-module=eco][data-role=itemview] > div > div.box > div.cover > span.certify {display:block; position:absolute; right:5px; top:5px; width:35px; height:42px; background:url(../images/certify.png) no-repeat;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title {width:100%; padding-bottom:40%; height:0; position:relative;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label {width:100%; height:22px; font-size:0; position:absolute; top:0; left:0;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label > label {display:inline-block; height:22px; line-height:22px; padding:0px 5px; color:#fff; font-size:0.86rem; box-sizing:border-box; margin-right:2px; vertical-align:middle;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label > label.type {border:1px solid #2A2C7F; line-height:20px; color:#2A2C7F; }
div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label > label.point {background:#2A2C7F;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label > label.time {border:1px solid #ccc; color:#666;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label > label.hit {float:right; border:1px solid #ccc; color:#666;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label > label.favorite {background:#f6ac0e;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label > label.excellent {background:#1ac07f;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label > label.recommend {background:#ed549c;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label > label.point > i{display:inline-block; width:12px; height:12px; margin-right:3px; border:1px solid #fff; border-radius:50%; text-align:center; line-height:12px; font-style:normal; font-size:0.79rem}
div[data-module=eco][data-role=itemview] > div > div.box > div.title > h4 {position:absolute; top:25px; left:0; height:60px; line-height:30px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden; font-size:1.43rem;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title > ul {position:absolute; width:100%; left:0; bottom:0; list-style:none; color:#666;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title > ul > li {font-size:0;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title > ul > li.tag {margin:0px -2px 2px -2px; height:50px; overflow:hidden;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title > ul > li.tag > a {display:inline-block; height:22px; padding:0px 8px; border-radius:3px; background:#f4f4f4; color:#444; font-size:0.86rem; margin:2px; line-height:22px; text-decoration:none;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title > ul > li.target {border-top:1px solid #e5e5e5; margin-top:8px; padding-top:2px;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title > ul > li > label {display:inline-block; width:110px; height:24px; line-height:24px; font-size:0.86rem; font-weight:bold; vertical-align:top;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title > ul > li > label > i {width:18px; height:24px; line-height:24px; vertical-align:middle; font-size:1rem;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title > ul > li > span {display:inline-block; width:calc(100% - 110px); height:24px; line-height:24px; font-size:0.86rem; vertical-align:top; position:relative; z-index:9;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title > ul > li > span > div[data-role=signin_iidx] {width:100%; padding:0px; box-sizing:border-box; position:absolute; top:0; left:0px; z-index:1; line-height:1; background:#fff; border:0px solid transparent;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title > ul > li > span > div[data-role=signin_iidx] > button {cursor:pointer; width:100%; height:24px; line-height:24px; white-space:nowrap; text-overflow:ellipsis; text-align:left; border:0; background:transparent; display:block; color:#666;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title > ul > li > span > div[data-role=signin_iidx] > button > i {width:24px; height:24px; box-sizing:border-box; text-align:center; line-height:24px; float:right; border:1px solid #e5e5e5;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title > ul > li > span > div[data-role=signin_iidx] > ul {list-style:none; display:none;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title > ul > li > span > div[data-role=signin_iidx] > ul > li {height:20px; line-height:20px;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title > ul > li > span > div[data-role=signin_iidx].opened {border:1px solid #ccc;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title > ul > li > span > div[data-role=signin_iidx].opened > button > i {background:#b5b7c0; border-color:#b5b7c0; color:#fff;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title > ul > li > span > div[data-role=signin_iidx].opened > button > span[data-role=count] {display:none;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title > ul > li > span > div[data-role=signin_iidx].opened > button > i:before {content:"\f106";}
div[data-module=eco][data-role=itemview] > div > div.box > div.title > ul > li > span > div[data-role=signin_iidx].opened > ul {display:block;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title > ul > li > div {display:inline-block; width:calc(100% - 80px); line-height:24px; font-size:0.86rem; vertical-align:top; padding:3px 0px;}

div[data-module=eco][data-role=itemview] > div > div.box > div.title > ul > li > div.expected_score {display: inline-block;width: calc(100% - 110px);height: 24px;line-height: 24px;font-size:0.86rem;vertical-align: top;position: relative;z-index: 9;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title > ul > li > div.expected_score > ul {display:flex; list-style:none;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title > ul > li > div.expected_score > ul > li  {margin-right:3px;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title > ul > li > div.expected_score > ul > li:last-child  {margin-right:0px;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title > ul > li > div.expected_score > ul > li  > i {color:red;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title > ul > li > div.expected_score > ul > li  > i.mi-heart-empty {color:#666;}

/* 성과관리 옵션사용시 스타일 */
/* div[data-module=eco][data-role=itemview] > div > div.box > div.title.use_archive {padding-bottom:52%;} */
div[data-module=eco][data-role=itemview] > div > div.box > div.title.use_archive {min-height:270px; box-sizing:border-box;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title.use_archive > h4 {padding-right:110px;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title.use_archive div.label {display:flex; flex-wrap:wrap; align-items:center; }
div[data-module=eco][data-role=itemview] > div > div.box > div.title.use_archive div.label label.hit {float:none; order:1;}
div[data-module=eco][data-role=itemview] > div > div.box > div.title.use_archive div.box_archive { font-size:1rem; position:absolute; top:24px; right:0; }
div[data-module=eco][data-role=itemview] > div > div.box > div.title.use_archive div.box_archive div.archive {display:flex; flex-direction:column; align-items:center; gap:5px; }
div[data-module=eco][data-role=itemview] > div > div.box > div.title.use_archive div.box_archive div.archive span {font-size:1.14rem; }
div[data-module=eco][data-role=itemview] > div > div.box > div.title.use_archive div.box_archive div.archive b {font-size:1.71rem; color:var(--thema_color);}
div[data-module=eco][data-role=itemview] > div > div.box > div.title.use_archive div.box_archive div.archive button.more { padding:5px 15px; border-radius:50px; border:1px solid #ddd; color:var(--thema_color); }


div[data-module=eco][data-role=itemview] > div > div.box > div.info {border:1px solid #e0e0e0;}
div[data-module=eco][data-role=itemview] > div > div.box > div.info > div {padding:12px 20px;}
div[data-module=eco][data-role=itemview] > div > div.box > div.info > div:last-child {background:#f5f7fa; border-top:1px solid #e0e0e0;}
div[data-module=eco][data-role=itemview] > div > div.box > div.info > div > ul {list-style:none; width:100%; display:block;}
div[data-module=eco][data-role=itemview] > div > div.box > div.info > div > ul > li {display:inline-block; vertical-align:top; width:150px;}
div[data-module=eco][data-role=itemview] > div > div.box > div.info > div > ul > li:first-child {width:100%;}
div[data-module=eco][data-role=itemview] > div > div.box > div.info > div > ul > li:first-child span.sub {display:inline-block; font-size:0.93rem;}
div[data-module=eco][data-role=itemview] > div > div.box > div.info > div > ul > li:first-child span.sub:before {content:''; display:inline-block; width:5px; height:1px; margin:0 5px; background:#222; vertical-align:middle;}
div[data-module=eco][data-role=itemview] > div > div.box > div.info > div > ul > li:last-child {width:100%; display:block;}
div[data-module=eco][data-role=itemview] > div > div.box > div.info > div > ul > li > div {font-size:1rem; height:24px; line-height:24px;}
div[data-module=eco][data-role=itemview] > div > div.box > div.info > div > ul > li > div > i.fa {width:20px; height:24px; vertical-align:middle; font-size:1rem; color:#a3b5c3; vertical-align:middle;}
div[data-module=eco][data-role=itemview] > div > div.box > div.info > div > ul > li > div > i.fa-envelope {font-size:0.86rem;}
div[data-module=eco][data-role=itemview] > div > div.box > div.info > div > ul > li > div > span {width:calc(100% - 20px); height:24px; line-height:24px; display:inline-block; font-size:0.86rem; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; vertical-align:middle;}
div[data-module=eco][data-role=itemview] > div > div.box > div.info > div > ul > li > div.department > a {font-weight:bold; color:#222; text-decoration:none; position:relative; display:inline-block; padding-right:25px; height:24px; line-height:24px;}
div[data-module=eco][data-role=itemview] > div > div.box > div.info > div > ul > li > div.department > a:before {width:20px; height:20px; border:1px solid #cdcdcd; position:absolute; top:2px; right:0; content:"\f0da"; font-family:FontAwesome; color:#666; line-height:18px; text-align:center; border-radius:50%; box-sizing:border-box; padding-left:2px;}
div[data-module=eco][data-role=itemview] > div > div.box > div.info > div > ul > li > div.category {color:#666; font-size:0.86rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
div[data-module=eco][data-role=itemview] > div > div.box > div.info > div > ul > li > div.satisfaction {font-size:0.86rem; font-weight:bold; color:#222; text-align:center;}
div[data-module=eco][data-role=itemview] > div > div.box > div.info > div > ul > li > div.star {line-height:0; text-align:center;}
div[data-module=eco][data-role=itemview] > div > div.box > div.info > div > ul > li > div.star > div {font-size:0; width:80px; height:16px; position:relative; display:inline-block; margin:4px 0px; vertical-align:middle;}
div[data-module=eco][data-role=itemview] > div > div.box > div.info > div > ul > li > div.star > div > div {position:absolute; top:0; left:0; white-space:nowrap; overflow:hidden;}
div[data-module=eco][data-role=itemview] > div > div.box > div.info > div > ul > li > div.star > div > div > i {width:16px; height:16px; line-height:16px; text-align:center; vertical-align:middle; font-size:1.14rem;}
div[data-module=eco][data-role=itemview] > div > div.box > div.info > div > ul > li > div.star > div > div.off {color:#d4d5d6; z-index:0;}
div[data-module=eco][data-role=itemview] > div > div.box > div.info > div > ul > li > div.star > div > div.on {color:#ffc240; z-index:1;}
div[data-module=eco][data-role=itemview] > div > div.box > div.info > div > ul > li > div.star > i {font-size:1.43rem; display:inline-block; height:24px; line-height:24px; vertical-align:middle; padding-left:5px;}

div[data-module=eco][data-role=itemview] > div > div.box > div.abstract {font-size:0.86rem; padding:10px 0px 20px 0px; position:relative;}
div[data-module=eco][data-role=itemview] > div > div.box > div.abstract > div {border-top:1px solid #ccc; position:absolute; top:0; left:0; width:100%; height:auto; z-index:10; box-sizing:border-box; background:#fff; padding-top:10px;}
div[data-module=eco][data-role=itemview] > div > div.box > div.abstract > div > div.text {height:116px; line-height:26px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:4; -webkit-box-orient:vertical; word-wrap:break-word; color:#666;}
div[data-module=eco][data-role=itemview] > div > div.box > div.abstract > div > div.button {width:100%; height:20px; background:#fff; text-align:right;}
div[data-module=eco][data-role=itemview] > div > div.box > div.abstract > div > div.button > button {font-size:0.86rem; height:20px; line-height:20px; padding-left:10px; cursor:pointer; border:0; color:#222; background:transparent;}
div[data-module=eco][data-role=itemview] > div > div.box > div.abstract > div > div.button > button > span:before {content:"더보기";}

div[data-module=eco][data-role=itemview] > div > div.box > div.info + div.abstract {margin-top:20px;}
div[data-module=eco][data-role=itemview] > div > div.box > div.info + div.abstract > div {padding-top:4px;}
div[data-module=eco][data-role=itemview] > div > div.box > div.info + div.abstract > div > div.text {-webkit-line-clamp:2; height:52px; width:100%;}

div[data-module=eco][data-role=itemview] > div > div.box > div.abstract.open > div {border:1px solid #ccc; padding:10px; box-shadow:1px 1px 2px rgba(0,0,0,0.1);}
div[data-module=eco][data-role=itemview] > div > div.box > div.abstract.open > div > div.text {height:auto !important; overflow:visible !important; -webkit-line-clamp:0 !important; display:block !important; min-height:107px;}
div[data-module=eco][data-role=itemview] > div > div.box > div.info + div.abstract.open > div > div.text {min-height:68px;}
div[data-module=eco][data-role=itemview] > div > div.box > div.abstract.open > div > div.button > button > i:before {content:"\f106";}
div[data-module=eco][data-role=itemview] > div > div.box > div.abstract.open > div > div.button > button > span:before {content:"닫기";}

div[data-module=eco][data-role=itemview] > div > div.box > div.form {width:100%; height:220px; box-sizing:border-box; border:5px solid #ebecf0; position:relative;}

div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-role=tab] {width:100%; height:40px; overflow:hidden;}
div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-role=tab] > ul {list-style:none; height:40px; font-size:0; background:#f4f4f4;}
div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-role=tab] > ul > li {display:inline-block; width:50%; height:40px; box-sizing:border-box;}
div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-role=tab] > ul > li:first-child {border-right:1px solid #e5e5e5;}
div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-role=tab] > ul > li > button {width:100%; height:40px; border:0; font-size:0.86rem; cursor:pointer; border-bottom:1px solid #e5e5e5; background:transparent; color:#666;}
div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-role=tab] > ul > li.selected > button {background:#fff; border-bottom:0; font-weight:bold; color:#222;}

div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul {list-style:none; height:210px; overflow:auto;}
div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-role=tab] + div[data-tab] > form > ul {height:170px;}
div[data-module=eco][data-role=itemview].cardType > div > div.box > div.form > div[data-role=tab] + div[data-tab] > form > ul {height:auto;}
div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li {font-size:1rem; padding:3px; border-bottom:1px solid #eee;}
div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div[data-role=input] {min-height:40px; box-sizing:border-box;}
div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div[data-role=input] > label {display:block; min-height:20px; padding:0 10px; line-height:20px;}
div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div[data-role=input][data-type] {padding:5px 0px 5px 32px;}
div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div[data-role=input] > label > p {font-size:0.93rem; color:#666; height:20px; line-height:20px;}
div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div[data-role=input] > label > b > small {background:#2A2C7F; color:#fff; font-size:0.86rem; height:20px; line-height:20px; display:inline-block; vertical-align:middle; padding:0px 5px; margin-right:5px;}
div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div[data-role=input] > label > b > small > i{display:inline-block; width:12px; height:12px; margin-right:3px; border:1px solid #fff; border-radius:50%; text-align:center; line-height:12px; font-style:normal; font-size:0.79rem; font-weight:normal}
div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div[data-role=input] > label > b + p {margin-top:5px;}
div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div[data-role=input] > label > p > span {color:#2A2C7F;}
div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab=team] {display:none;}

div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > div.search {padding:10px; font-size:0; box-shadow:0px 1px 2px rgba(0,0,0,0.1);}
div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > div.search > input {width:calc(100% - 35px); height:30px; box-sizing:border-box; border:1px solid #ccc; padding:4px; line-height:20px; font-size:0.86rem; vertical-align:middle;}
div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > div.search > button {width:30px; height:30px; margin-left:5px; vertical-align:middle; cursor:pointer; color:#fff; background:#b5b7c0; border:0; font-size:1rem;}
div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > div.search > button:hover {background:#828595;}
div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab=team] > form > ul {height:120px;}
div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab=team] > form > ul > li.pagination {padding:10px 0px; text-align:center;}

div[data-module=eco][data-role=itemview] > div > div.box > div.button {margin-top:10px; height:40px; font-size:0;}
div[data-module=eco][data-role=itemview] > div > div.box > div.button > button {height:40px; font-size:1rem; cursor:pointer; border:1px solid transparent; vertical-align:middle;}
div[data-module=eco][data-role=itemview] > div > div.box > div.button > button[type=submit] {background:#2A2C7F; color:#fff; width:calc(100% - 160px);}
div[data-module=eco][data-role=itemview] > div > div.box > div.button > button[type=button].close {margin:0; border:0; background:#2A2C7F; color:#fff; width:calc(100% - 160px); cursor:not-allowed;}
div[data-module=eco][data-role=itemview] > div > div.box > div.button > button[type=submit][disabled] {opacity:0.5; cursor:not-allowed;}
div[data-module=eco][data-role=itemview] > div > div.box > div.button > button[type=button] {border:1px solid #ccc; background:#fff; color:#666; width:75px; margin-left:5px; font-size:0.86rem;}
div[data-module=eco][data-role=itemview] > div > div.box > div.button > button[data-action=favorite] {font-size:0; padding:0px 8px;}
div[data-module=eco][data-role=itemview] > div > div.box > div.button > button[data-action=favorite] > 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-role=itemview] > div > div.box > div.button > button[data-action=favorite] > span {display:inline-block; width:calc(100% - 20px); height:38px; line-height:38px; text-align:center; font-size:0.93rem; vertical-align:middle; font-weight:bold;}
div[data-module=eco][data-role=itemview] > div > div.box > div.button > button[data-action=favorite].selected > i.fa {color:#F44336;}
div[data-module=eco][data-role=itemview] > div > div.box > div.button > button[data-action=favorite].selected > i.fa:before {content:"\f005";}
div[data-module=eco][data-role=itemview] > div > div.box > div.button > button[data-action=favorite]:hover > i.fa {color:#F44336;}


@media (max-width:767px) {
	div[data-module=eco][data-role=itemview] > div {margin-left:0;}
	div[data-module=eco][data-role=itemview] > div > div.box {width:100%; padding-left:0; display:block;}
	div[data-module=eco][data-role=itemview] > div > div.box:nth-child(odd) {width:100%;}
	div[data-module=eco][data-role=itemview] > div > div.box:nth-child(even) {width:100%;}
	div[data-module=eco][data-role=itemview] > div > div.box > div.title {height:auto; padding-bottom:0;}
	div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label {height:auto; position:static;}
	div[data-module=eco][data-role=itemview] > div > div.box > div.title > h4 {height:auto; position:static; padding-top:5px;}
	div[data-module=eco][data-role=itemview] > div > div.box > div.title > ul {position:static; margin-top:10px;}
	div[data-module=eco][data-role=itemview] > div > div.box > div.title > ul > li.target {margin-top:20px;}
	div[data-module=eco][data-role=itemview] > div > div.box > div.abstract {height:65px;}
	div[data-module=eco][data-role=itemview] > div > div.box > div.info > div > ul > li > div {height:auto;}


	/* 성과관리 옵션사용시 스타일 */
	div[data-module=eco][data-role=itemview] > div > div.box > div.title.use_archive {min-height:230px; box-sizing:border-box;}
	div[data-module=eco][data-role=itemview] > div > div.box > div.title.use_archive > h4 {padding-right:110px;}
	div[data-module=eco][data-role=itemview] > div > div.box > div.title.use_archive div.box_archive {position:static;}
	div[data-module=eco][data-role=itemview] > div > div.box > div.title.use_archive div.box_archive div.archive {margin-top:15px; flex-direction:row; gap:10px;}


}

@media (max-width:360px) {
	div[data-module=eco][data-role=itemview] > div > div.box > div.button > button[type=submit][disabled] {font-size:0.86rem;}
	div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div[data-role=input] > label > b + p {height:auto;}
	div[data-module=eco] div[id=ModuleEcoProgramView] div.description > div[data-module=attachment] > ul > li > a {width:calc(100% - 28px);}
}

/**
 * 공유하기 모달
 */
div[data-role=modal] ul.sns {list-style:none; height:100%; font-size:0; text-align:center; padding-bottom:32px;}
div[data-role=modal] ul.sns > li {display:inline-block; padding:10px; vertical-align:top;}
div[data-role=modal] ul.sns > li > button {width:50px; height:50px; background:#fff; border-radius:50%; cursor:pointer; border:0; line-height:1; font-size:0; overflow:hidden;}
div[data-role=modal] ul.sns > li > button > i {display:inline-block; width:50px; height:50px; font-size:1.57rem; line-height:50px; text-align:center; color:#fff; font-style:normal;}
div[data-role=modal] ul.sns > li > button > i.pi-story {background-color:#f9bf13;}
div[data-role=modal] ul.sns > li > button > i.pi-facebook {background-color:#3b5a9a;}
div[data-role=modal] ul.sns > li > button > i.twitter { background-image: url(../images/ico_twitter.svg); background-color:#000;background-repeat: no-repeat;background-position: 50%, 50%;}
div[data-role=modal] ul.sns > li > button > i.pi-band {background-color:#44d592;}
div[data-role=modal] ul.sns > li > button > i.pi-blog {background-color:#2db400;}
div[data-role=modal] ul.sns > li > button > i.pi-pholar {background-color:#6f6cf7;}
div[data-role=modal] ul.sns > li > button > i.pi-pinterest {background-color:#bd081b;}
div[data-role=modal] ul.sns > li > button > i.xi-link {background-color:#666;}
div[data-role=modal] ul.sns > li > button > i.xi-kakaotalk {background-color:#f9bf13; color:#fff; font-size:2.36rem;}

/**
 * 카드형 레이아웃
 */

/**
* 스틱바
*/
div[id=ModuleEcoProgramView] div.context {max-width:1100px;}
header.cardType + main > div.container > div[data-module=eco] h4.top_tit {position:relative; width:100%; margin-bottom:4px;}
header.cardType + main > div.container > div[data-module=eco] h4.top_tit > div.title {display:inline-block; font-size:1.71rem; line-height:36px; color:#000; vertical-align:bottom;}
header.cardType + main > div.container > div[data-module=eco] h4.top_tit > div.buttons > label.hit {display:inline-block; margin-left:5px; padding:6px 10px; border-radius:5px; background-color:#e62046; font-size:0.71rem; color:#fff; vertical-align:middle; line-height:22px;}
header.cardType + main > div.container > div[data-module=eco] div[data-role=itemview] h4.top_tit div.buttons {vertical-align:middle;}
header.cardType + main > div.container > div[data-module=eco] form[id] {max-width:1100px;}
header.cardType + main > div.container > div[data-module=eco] form[id] > div > h4.top_tit {display:table; margin-bottom:27px; padding:0; border-bottom:2px solid #000; table-layout:fixed;}
header.cardType + main > div.container > div[data-module=eco] form[id] > div > h4.top_tit > div.title {display:table-cell; line-height:56px;}
header.cardType + main > div.container > div[data-module=eco] form[id] > div > h4.top_tit > div.buttons {font-size:1rem;}
header.cardType + main > div.container > div[data-module=eco] div.abstract > div > div.text{font-size:1rem; line-height:18px; color:#4c4c4c;}
header.cardType + main > div.container > div[data-module=eco] h4.top_tit div.buttons > button {width:212px; border:1px solid #ccc; background:transparent; border-radius:5px; font-size:1rem;}
header.cardType + main > div.container > div[data-module=eco] h4.top_tit div.buttons > button[type=submit] {margin-left:5px;}
header.cardType + main > div.container > div[data-module=eco] h4.top_tit div.buttons > button[data-action=favorite],
header.cardType + main > div.container > div[data-module=eco] h4.top_tit div.buttons > button[data-action=share] {float:left; width:100px; height:34px; line-height:28px; cursor:pointer;}
header.cardType + main > div.container > div[data-module=eco] h4.top_tit div.buttons > button[data-action=favorite] > i {line-height:26px;}
header.cardType + main > div.container > div[data-module=eco] h4.top_tit div.buttons > button[data-action=favorite] > span {line-height:26px;}
header.cardType + main > div.container > div[data-module=eco] h4.top_tit div.buttons > button[data-action=favorite]:after,
header.cardType + main > div.container > div[data-module=eco] h4.top_tit div.buttons > button[data-action=share] {margin-left:5px;}
header.cardType + main > div.container > div[data-module=eco] h4.top_tit div.buttons > button[data-action=share]:after {content:''; display:block; clear:both;}
header.cardType + main > div.container > div[data-module=eco] h4.top_tit div.buttons > button[data-action=favorite].selected > i.fa {color:#F44336;}
header.cardType + main > div.container > div[data-module=eco] h4.top_tit div.buttons > button[data-action=favorite].selected > i.fa:before {content:"\f005";}
header.cardType + main > div.container > div[data-module=eco] h4.top_tit div.buttons > button[data-action=favorite]:hover > i.fa {color:#F44336;}
header.cardType + main > div.container > div[data-module=eco] > div > div[data-role=itemview] > h4.top_tit {margin-bottom:27px; border-bottom:2px solid #000;}
header.cardType + main > div.container > div[data-module=eco] > div > div[data-role=itemview] > h4.top_tit > div.title {display:inline-block; width:calc(100% - 300px); height:48px; margin-bottom:8px; font-size:1.71rem; line-height:48px; color:#000;}
header.cardType + main > div.container > div[data-module=eco] div[data-role=itemview] > h4.top_tit > div.buttons {display:table-cell; float:right;}
header.cardType + main > div.container > div[data-module=eco] div[data-role=itemview] > h4.top_tit > div.buttons:after {content:""; display:block; clear:both;}

header.scrap + main > div.container > div[data-module=eco] h4.top_tit {position:relative; width:100%; margin-bottom:4px;}
header.scrap + main > div.container > div[data-module=eco] h4.top_tit > div.title {display:inline-block; font-size:1.71rem; line-height:36px; color:#000; vertical-align:bottom;}
header.scrap + main > div.container > div[data-module=eco] h4.top_tit > div.buttons > label.hit {display:inline-block; margin-left:5px; padding:6px 10px; border-radius:5px; background-color:#e62046; font-size:0.71rem; color:#fff; vertical-align:middle; line-height:22px;}
header.scrap + main > div.container > div[data-module=eco] div[data-role=itemview] h4.top_tit div.buttons {vertical-align:middle;}
header.scrap + main > div.container > div[data-module=eco] form[id] {max-width:1100px;}
header.scrap + main > div.container > div[data-module=eco] form[id] > div > h4.top_tit {display:table; margin-bottom:27px; padding:0; border-bottom:2px solid #000; table-layout:fixed;}
header.scrap + main > div.container > div[data-module=eco] form[id] > div > h4.top_tit > div.title {display:table-cell; line-height:56px;}
header.scrap + main > div.container > div[data-module=eco] form[id] > div > h4.top_tit > div.buttons {font-size:1rem;}
header.scrap + main > div.container > div[data-module=eco] div.abstract > div > div.text{font-size:1rem; line-height:18px; color:#4c4c4c;}
header.scrap + main > div.container > div[data-module=eco] h4.top_tit div.buttons > button {width:212px; border:1px solid #ccc; background:transparent; border-radius:5px;}
header.scrap + main > div.container > div[data-module=eco] h4.top_tit div.buttons > button[type=submit] {margin-left:5px;}
header.scrap + main > div.container > div[data-module=eco] h4.top_tit div.buttons > button[data-action=favorite],
header.scrap + main > div.container > div[data-module=eco] h4.top_tit div.buttons > button[data-action=share] {float:left; width:100px; height:34px; line-height:28px; cursor:pointer;}
header.scrap + main > div.container > div[data-module=eco] h4.top_tit div.buttons > button[data-action=favorite] > i {line-height:26px;}
header.scrap + main > div.container > div[data-module=eco] h4.top_tit div.buttons > button[data-action=favorite] > span {line-height:26px;}
header.scrap + main > div.container > div[data-module=eco] h4.top_tit div.buttons > button[data-action=favorite]:after,
header.scrap + main > div.container > div[data-module=eco] h4.top_tit div.buttons > button[data-action=share] {margin-left:5px;}
header.scrap + main > div.container > div[data-module=eco] h4.top_tit div.buttons > button[data-action=share]:after {content:''; display:block; clear:both;}
header.scrap + main > div.container > div[data-module=eco] h4.top_tit div.buttons > button[data-action=favorite].selected > i.fa {color:#F44336;}
header.scrap + main > div.container > div[data-module=eco] h4.top_tit div.buttons > button[data-action=favorite].selected > i.fa:before {content:"\f005";}
header.scrap + main > div.container > div[data-module=eco] h4.top_tit div.buttons > button[data-action=favorite]:hover > i.fa {color:#F44336;}
header.scrap + main > div.container > div[data-module=eco] > div > div[data-role=itemview] > h4.top_tit {margin-bottom:27px; border-bottom:2px solid #000;}
header.scrap + main > div.container > div[data-module=eco] > div > div[data-role=itemview] > h4.top_tit > div.title {display:inline-block; width:calc(100% - 300px); height:48px; margin-bottom:8px; font-size:1.71rem; line-height:48px; color:#000;}
header.scrap + main > div.container > div[data-module=eco] div[data-role=itemview] > h4.top_tit > div.buttons {display:table-cell; float:right;}
header.scrap + main > div.container > div[data-module=eco] div[data-role=itemview] > h4.top_tit > div.buttons:after {content:""; display:block; clear:both;}

.sticky_bar {opacity:0; position:fixed; top:0; left:0; width:100%; padding:5px 0; box-shadow:5px 5px 10px rgba(0,0,0,.2); background:#fff; z-index:900; transform:translateY(-100%); opacity:0; transition:all 0.3s;}
.sticky_bar.on {transform:translateY(0); opacity:1;}
.sticky_bar > div.container > div.sticky_gnb {padding:0; list-style:none; box-sizing:border-box;}
.sticky_bar > div.container > div.sticky_gnb > h4.top_tit,
.sticky_bar > div.container > div.sticky_gnb > div.abstract > div > div.text {display:inline-block; width:calc(100% - 216px);}
.sticky_bar > div.container > div.sticky_gnb > h4.top_tit > div.title {width:calc(100% - 374px);}
.sticky_bar > div.container > div.sticky_gnb > h4.top_tit div.button > button[data-action=favorite],
.sticky_bar > div.container > div.sticky_gnb > h4.top_tit div.button > button[data-action=share] {width:75px; height:34px; border:1px solid #ccc; border-radius:5px; background:#fff; color:#666; font-size:0.86rem; cursor:pointer;}
.sticky_bar > div.container > div.sticky_gnb > h4.top_tit div.button > button[data-action=share] {margin-right:5px;}
.sticky_bar > div.container > div.sticky_gnb > h4.top_tit div.button > button[data-action=favorite]:hover > i.fa {color:#F44336}
.sticky_bar > div.container > div.sticky_gnb > div.abstract > div > div.text {margin-bottom:27px; font-size:2.29rem; line-height:48px; color:#000;}
.sticky_bar > div.container > div.sticky_gnb div.button {display:inline-block; max-width:394px;}
.sticky_bar > div.container > div.sticky_gnb div.button > button[type=submit][disabled] {opacity:0.5; cursor:not-allowed;}
.sticky_bar > div.container > div.sticky_gnb div.button > button[type=submit] {float:right; width:212px; height:34px; border-radius:5px; border:0 none; background:#2A2C7F; color:#fff; font-size:1rem; line-height:32px; cursor:pointer;}
.sticky_bar > div.container > div.sticky_gnb div.button > button[type=submit]:after {content:''; display:block; clear:both;}
.sticky_bar div.form {height:auto; max-height:350px; border:1px solid #eee; border-top:1px solid #000;}
.sticky_bar div.form > div[data-tab] > form > ul {height:auto; max-height:116px; overflow-x:hidden; overflow-y:auto;}
.sticky_bar div.form > div[data-tab] > form > ul > li {display:inline-block; float:left; width:50%; padding:6px 30px 0 6px; border:1px solid #eee; box-sizing:border-box; list-style:none;}
.sticky_bar div.form > div[data-tab] > form > ul > li:nth-child(2) {border-left:0 none;}
.sticky_bar div.form > div[data-tab] > form > ul > li:nth-child(3) {border-top:0 none;}
.sticky_bar div.form > div[data-tab] > form > ul > li:nth-child(4) {border-top:0 none; border-left:0 none;}
.sticky_bar div.form > div[data-tab] > form > ul > li:after {content:''; display:inline-block; clear:both;}
.sticky_bar div.form > div[data-tab] > form > ul > li > div > label {display:inline-block; width:calc(100% - 36px); padding-left:20px; vertical-align:top;}
.sticky_bar div.form > div[data-tab] > form > ul > li > div > label b:first-child {font-size:1.14rem; line-height:24px;}
.sticky_bar div.form > div[data-tab] > form > ul > li > div > label > p {position:relative; margin-top:8px; font-size:0.93rem; line-height:8px; color:#777; letter-spacing:-0.4px;}
.sticky_bar div.form > div[data-tab] > form > ul > li > div > label > p + p {margin-top:10px;}
.sticky_bar div.form > div[data-tab] > form > ul > li > div > label > p > i.category {display:inline-block; width:38px; font-style:normal; color:#000;}
.sticky_bar div.form > div[data-tab] > form > ul > li > div > label > p > span {color:#4c4c4c;}
.sticky_bar div.form > div[data-tab] > form > ul > li > div > label > b > small {display:inline-block; height:20px; margin-right:5px; padding:2px 14px; border-radius:20px; background:#2A2C7F; color:#fff; line-height:20px; vertical-align:middle; font-weight:normal;}
.sticky_bar div.form > div[data-tab] > form > ul > li > div > label > b > small > i {display:inline-block; width:12px; height:12px; margin-right:6px; color:#fff; text-align:center; font-style:normal; font-size:0.86rem; font-weight:normal; line-height:13px;}
.sticky_bar div.form > div[data-tab] > form > ul > li > div > label {display:inline-block; vertical-align:top;}
.sticky_bar div.form > div[data-tab] > form > ul > li > div > label > div[data-role=input][data-type=checkbox] {display:inline-block; width:auto;}
.sticky_bar div.form > div[data-tab] > form > ul > li > div > label > div[data-role=input][data-type=checkbox] > label > button.checkbox {border-radius:3px;}
.sticky_bar div.form > div[data-tab] > form > ul > li > div > label > div[data-role=input][data-type=checkbox] > label > button.checkbox:hover {border-color:#2A2C7F;}
.sticky_bar div.form > div[data-tab] > form > ul > li > div > label > div[data-role=input][data-type=checkbox] > label > button.checkbox.on {border-color:#2A2C7F; background:#2A2C7F;}
header.cardType + main div[data-module=eco][data-role=itemview] {max-width:1100px; overflow:hidden;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box {padding-left:50px;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box:first-child {padding-left:23px;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box:first-child > div.cover {padding-bottom:70%;}
header.cardType + main div[data-module=eco][data-role=itemview] > div div.box:nth-child(3) {width:100%; margin:15px 0; padding-left:23px;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.cover {position:relative; border-radius:5px;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.cover > label {display:table; width:56px; height:56px; background:#2f88d5; position:absolute; top:10px; right:9px; border-radius:5px; text-align:center; color:#fff; z-index:1; font-size:0.86rem; text-align:center; line-height:20px; padding:8px 0px; box-sizing:border-box;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.cover > label > b {display:table-row; vertical-align:middle; font-size:1.07rem; line-height:21px; font-weight:500;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.cover > label > span {font-size:0.93rem;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.cover > label > i {border:1px solid rgba(255,255,255,0.6); width:16px; height:16px; line-height:16px; display:inline-block; margin:1px 3px 1px 0px; vertical-align:middle; font-style:normal; border-radius:50%; font-size:0.79rem;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.cover > label > i + span {letter-spacing:-0.5px; font-size:0.71rem;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.cover > label.SCHEDULED {background:#FFC107;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.cover > label.OPEN {background:#4CAF50;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.cover > label.APPROACH_CLOSING {background:#2196F3;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.cover > label.APPROACHING {background:#9C27B0;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.cover > label.CLOSED {background:#9E9E9E;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.cover > label.active_point{right:65px; min-width:57px; width:auto; padding:8px 4px; background:#2A2C7F; }
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.cover > label.active_point.CLOSED {background:#9E9E9E;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.cover > span.certify {display:block; position:absolute; right:10px; top:5px; width:35px; height:42px; background:url(../images/certify.png) no-repeat;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.tag {margin:12px -2px 2px -2px; height:auto;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.tag > a {display:inline-block; height:28px; padding:0px 8px; border-radius:30px; background:#f5f5f5; color:#808080; font-size:0.86rem; margin:2px; line-height:30px; text-decoration:none;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title {padding-bottom:50%;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.department > a {display:inline-block; position:relative; margin-bottom:18px; padding-right:25px; text-decoration:none; font-size:1.43rem; line-height:24px; color:#000; font-weight:600;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.department > a:before {content:"\f0da"; position:absolute; top:2px; right:-10px; width:22px; height:22px; padding-left:2px; border:1px solid #cdcdcd; border-radius:50%; font-family:FontAwesome; color:#666; line-height:18px; text-align:center; font-size:1.14rem; box-sizing:border-box;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.category {color:#808080; font-size:1rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.info {height:90px; font-size:1rem; line-height:24px;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.info > ul {display:table; width:100%; margin:12px 0; padding:12px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; line-height:20px; list-style:none; table-layout:fixed;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.info > ul > li {display:inline-block; width:50%;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.info > ul > li > div {display:table; table-layout:fixed;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.info > ul > li > div > i.fa {display:table-cell; width:18px; height:15px; vertical-align:middle; font-size:1rem; color:#b3bdc7;  text-align:center; vertical-align:middle;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.info > ul > li > div > i.fa-envelope {font-size:0.86rem;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.info > ul > li > div > span {display:table-cell; line-height:16px; display:inline-block; font-size:1rem; color:#4c4c4c; vertical-align:middle; word-break:break-all;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label {position:inherit; width:100%; height:22px; margin-top:0; font-size:0;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label > label {display:inline-block; min-width:40px; height:18px; line-height:2px; border-radius:30px; padding:8px 10px; color:#fff; font-size:0.71rem; box-sizing:border-box; text-align:center; margin-right:2px; vertical-align:middle;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label > label.type {border:1px solid #2A2C7F; color:#2A2C7F;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label > label.point {padding:5px 10px; background:#2A2C7F; box-sizing:border-box;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label > label.time {border:1px solid #2A2C7F; color:#2A2C7F;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label > label.hit {float:right; border:1px solid #ccc; color:#666;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label > label.favorite {background:#f6ac0e;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label > label.excellent {background:#1ac07f;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label > label.recommend {background:#ed549c;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label > label.point > i {display:inline-block; width:12px; height:12px; margin-right:3px; border:0 none; border-radius:50%; text-align:center; line-height:8px; font-style:normal; font-size:0.79rem}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label > div.button > button[data-action=share] {width:20px; height:20px; border:0 none; background:transparent; color:#1d8be8;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label > div.button > button[data-action=share] > i.xi-share-alt-o {}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > ul {position:inherit;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > ul > li.target {border-top:0 none;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.abstract {width:100%; max-height:54px; margin-top:10px; font-size:0.93rem; line-height:18px; color:#4c4c4c; overflow:hidden;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.abstract.open {min-height:70px;}

header.scrap + main div[data-module=eco][data-role=itemview] {max-width:1100px; overflow:hidden;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box {padding-left:50px;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box:first-child {padding-left:23px;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box:first-child > div.cover {padding-bottom:60%; background-repeat:no-repeat; background-size:cover; }
header.scrap + main div[data-module=eco][data-role=itemview] > div div.box:nth-child(3) {width:100%; margin:15px 0; padding-left:23px;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.cover {position:relative; border-radius:5px;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.cover > label {display:table; width:56px; height:56px; background:#2f88d5; position:absolute; top:10px; right:9px; border-radius:5px; text-align:center; color:#fff; z-index:1; font-size:0.86rem; text-align:center; line-height:20px; padding:8px 0px; box-sizing:border-box;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.cover > label > b {display:table-row; vertical-align:middle; font-size:1.07rem; line-height:21px; font-weight:500;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.cover > label > span {font-size:0.93rem;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.cover > label > i {border:1px solid rgba(255,255,255,0.6); width:16px; height:16px; line-height:16px; display:inline-block; margin:1px 3px 1px 0px; vertical-align:middle; font-style:normal; border-radius:50%; font-size:0.79rem;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.cover > label > i + span {letter-spacing:-0.5px; font-size:0.71rem;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.cover > label.SCHEDULED {background:#FFC107;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.cover > label.OPEN {background:#4CAF50;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.cover > label.APPROACH_CLOSING {background:#2196F3;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.cover > label.APPROACHING {background:#9C27B0;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.cover > label.CLOSED {background:#9E9E9E;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.cover > label.active_point{right:65px; min-width:57px; width:auto; padding:8px 4px; background:#2A2C7F; }
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.cover > label.active_point.CLOSED {background:#9E9E9E;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.cover > span.certify {display:block; position:absolute; right:10px; top:5px; width:35px; height:42px; background:url(../images/certify.png) no-repeat;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.tag {margin:12px -2px 2px -2px; height:auto;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.tag > a {display:inline-block; height:28px; padding:0px 8px; border-radius:30px; background:#f5f5f5; color:#808080; font-size:0.86rem; margin:2px; line-height:30px; text-decoration:none;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title {padding-bottom:50%;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.department > a {display:inline-block; position:relative; margin-bottom:18px; padding-right:30px; text-decoration:none; font-size:1.43rem; line-height:24px; color:#000; font-weight:600;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.department > a:before {content:"\f0da"; position:absolute; top:2px; right:0px; width:22px; height:22px; padding-left:2px; border:1px solid #cdcdcd; border-radius:50%; font-family:FontAwesome; color:#666; line-height:18px; text-align:center; font-size:1.14rem; box-sizing:border-box;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.department > a > span.department {line-height:24px; vertical-align:top;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.department > a > i {font-size:0.93rem; line-height:24px; vertical-align:top; color:#666;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.category {color:#808080; font-size:1rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.info {height:90px; font-size:1rem; line-height:24px;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.info > ul {display:table; width:100%; margin:12px 0; padding:12px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; line-height:20px; list-style:none; table-layout:fixed;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.info > ul > li {display:inline-block; width:50%;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.info > ul > li > div {display:table; table-layout:fixed;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.info > ul > li > div > i.fa {display:table-cell; width:18px; height:15px; vertical-align:middle; font-size:1rem; color:#b3bdc7;  text-align:center; vertical-align:middle;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.info > ul > li > div > i.fa-envelope {font-size:0.86rem;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.info > ul > li > div > span {display:table-cell; line-height:16px; display:inline-block; font-size:1rem; color:#4c4c4c; vertical-align:top; word-break:break-all;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label {position:inherit; width:100%; height:22px; margin-top:0; font-size:0;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label > label {display:inline-block; min-width:40px; height:18px; line-height:2px; border-radius:30px; padding:8px 10px; color:#fff; font-size:0.71rem; box-sizing:border-box; text-align:center; margin-right:2px; vertical-align:middle;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label > label.type {border:1px solid #2A2C7F; color:#2A2C7F;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label > label.point {padding:5px 10px; background:#2A2C7F; box-sizing:border-box;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label > label.time {border:1px solid #2A2C7F; color:#2A2C7F;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label > label.hit {float:right; border:1px solid #ccc; color:#666;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label > label.favorite {background:#f6ac0e;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label > label.excellent {background:#1ac07f;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label > label.recommend {background:#ed549c;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label > label.point > i {display:inline-block; width:12px; height:12px; margin-right:3px; border:0 none; border-radius:50%; text-align:center; line-height:8px; font-style:normal; font-size:0.79rem}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label > div.button > button[data-action=share] {width:20px; height:20px; border:0 none; background:transparent; color:#1d8be8;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label > div.button > button[data-action=share] > i.xi-share-alt-o {}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > ul {position:inherit;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > ul > li.target {border-top:0 none;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.abstract {width:100%; max-height:54px; margin-top:10px; font-size:0.93rem; line-height:18px; color:#4c4c4c; overflow:hidden;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.abstract.open {min-height:70px;}

header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.abstract > div > div.text {display:block; height:36px; overflow:hidden; font-size:0.93rem;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.abstract.open > div > div.text {height:auto; overflow:visible; -webkit-line-clamp:0; display:block;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.info + div.abstract.open > div > div.text {min-height:68px;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.abstract.open > div {position:relative;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.abstract > div > div.button {width:100%; height:20px; background:transparent; text-align:right;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.abstract > div > div.button > button {height:20px; padding-left:10px; background:transparent; border:0 none; color:#222; font-size:0.86rem; line-height:20px; cursor:pointer;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.abstract > div > div.button > button > span:before {content:"더보기";}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.abstract > div > div.button > button > i:before {content:"\f107";}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.abstract.open > div > div.button {position:absolute; right:0; bottom:-30px;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.abstract.open > div > div.button > button > span:before {content:"닫기";}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.abstract.open > div > div.button > button > i:before {content:"\f106";}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.form {height:auto; border:1px solid #eee; border-top:1px solid #000;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li {display:inline-block; width:50%; padding:5px 30px; border:1px solid #eee; box-sizing:border-box;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div {display:block; width:100%;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div > label > b {display:block; margin-bottom:4px; font-size:1.14rem; word-break:keep-all;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div > label > div[data-role=input] + b {display:inline-block; width:calc(100% - 36px); vertical-align:middle;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div > label > b > small {display:inline-block; height:18px; margin:8px 10px 2px 0; padding:1px 10px; border-radius:20px; background:#2A2C7F; font-size:0.86rem; font-weight:normal; box-sizing:border-box; color:#fff; line-height:17px;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div > label > b > small > i {width:14px; height:10px; margin-right:6px; padding:1px; font-style:normal; border-radius:50%; box-sizing:border-box;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div > label > p {position:relative; font-size:0.93rem; line-height:16px; color:#4c4c4c; letter-spacing:-0.4px;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div > label > p > i.category {display:inline-block; width:55px; font-style:normal; font-size:0.86rem; color:#000; font-weight:normal;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div > label > p > span {color:#4c4c4c;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.button {float:right; width:212px; text-align:right;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.button:after {display:block; content:""; clear:both;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.button > button[type=submit] {display:block; width:100%; border-radius:5px;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul {height:auto; max-height:350px;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li:nth-child(2) {border-left:0 none;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li:nth-child(3) {border-top:0 none;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li:nth-child(4) {border-top:0 none; border-left:0 none;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div > label > div[data-role=input] {display:inline-block; width:auto; vertical-align:middle;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div > label > div[data-role=input] > label {display:inline-block; vertical-align:top;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div > label > div[data-role=input][data-type=checkbox] > label > button.checkbox {border-radius:3px;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div > label > div[data-role=input][data-type=checkbox] > label > button.checkbox:hover {border-color:#2A2C7F;}
header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div > label > div[data-role=input][data-type=checkbox] > label > button.checkbox.on {border-color:#2A2C7F; background:#2A2C7F;}

header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.abstract > div > div.text {display:block; height:36px; overflow:hidden; font-size:0.93rem;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.abstract.open > div > div.text {height:auto; overflow:visible; -webkit-line-clamp:0; display:block;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.info + div.abstract.open > div > div.text {min-height:68px;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.abstract.open > div {position:relative;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.abstract > div > div.button {width:100%; height:20px; background:transparent; text-align:right;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.abstract > div > div.button > button {height:20px; padding-left:10px; background:transparent; border:0 none; color:#222; font-size:0.86rem; line-height:20px; cursor:pointer;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.abstract > div > div.button > button > span:before {content:"더보기";}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.abstract > div > div.button > button > i:before {content:"\f107";}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.abstract.open > div > div.button {position:absolute; right:0; bottom:-30px;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.abstract.open > div > div.button > button > span:before {content:"닫기";}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.abstract.open > div > div.button > button > i:before {content:"\f106";}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.form {height:auto; border:1px solid #eee; border-top:1px solid #000;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li {display:inline-block; width:50%; padding:5px 30px; border:1px solid #eee; box-sizing:border-box;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div {display:block; width:100%;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div > label > b {display:block; margin-bottom:4px; font-size:1.14rem; word-break:keep-all;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div > label > div[data-role=input] + b {display:inline-block; width:calc(100% - 36px); vertical-align:middle;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div > label > b > small {display:inline-block; height:18px; margin:8px 10px 2px 0; padding:1px 10px; border-radius:20px; background:#2A2C7F; font-size:0.86rem; font-weight:normal; box-sizing:border-box; color:#fff; line-height:17px;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div > label > b > small > i {width:14px; height:10px; margin-right:6px; padding:1px; font-style:normal; border-radius:50%; box-sizing:border-box;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div > label > p {position:relative; font-size:0.93rem; line-height:16px; color:#4c4c4c; letter-spacing:-0.4px;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div > label > p > i.category {display:inline-block; width:55px; font-style:normal; font-size:0.86rem; color:#000; font-weight:normal;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div > label > p > span {color:#4c4c4c;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.button {float:right; width:212px; text-align:right;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.button:after {display:block; content:""; clear:both;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.button > button[type=submit] {display:block; width:100%; border-radius:5px;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul {height:auto; max-height:350px;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li:nth-child(2) {border-left:0 none;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li:nth-child(3) {border-top:0 none;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li:nth-child(4) {border-top:0 none; border-left:0 none;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div > label > div[data-role=input] {display:inline-block; width:auto; vertical-align:middle;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div > label > div[data-role=input] > label {display:inline-block; vertical-align:top;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div > label > div[data-role=input][data-type=checkbox] > label > button.checkbox {border-radius:3px;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div > label > div[data-role=input][data-type=checkbox] > label > button.checkbox:hover {border-color:#2A2C7F;}
header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div > label > div[data-role=input][data-type=checkbox] > label > button.checkbox.on {border-color:#2A2C7F; background:#2A2C7F;}

@media (max-width:1199px) and (min-width:769px) {
	header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title {padding-bottom:70%;}
	header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.abstract.open > div > div.text {overflow-y:auto; height:36px;}

	header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title {padding-bottom:70%;}
	header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.abstract.open > div > div.text {overflow-y:auto; height:36px;}
	
}

@media (max-width:991px) {
	.sticky_bar > div.container > div.sticky_gnb div.button {max-width:none; margin-bottom:10px; text-align:right;}
	.sticky_bar > div.container > div.sticky_gnb > h4.top_tit div.button > button[data-action=favorite], .sticky_bar > div.container > div.sticky_gnb > h4.
	div.button > button[data-action=share]:first-child {margin-left:0;}
	header.cardType + main div[data-module=eco][data-role=itemview] > div div.box:nth-child(3) {margin-top:35px;}
	header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.info > ul {margin:5px 0; padding:10px 0;}
	header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.info {height:auto;}
	header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label {margin-top:10px;}
	header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.abstract {margin-top:10px;}
	header.cardType + main > div.container > div[data-module=eco] > div > div[data-role=itemview] > h4.top_tit > div.title {height:auto; line-height:30px;}

	header.scrap + main div[data-module=eco][data-role=itemview] > div div.box:nth-child(3) {margin-top:35px;}
	header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.info > ul {margin:5px 0; padding:10px 0;}
	header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.info {height:auto;}
	header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label {margin-top:10px;}
	header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.abstract {margin-top:10px;}
	header.scrap + main > div.container > div[data-module=eco] > div > div[data-role=itemview] > h4.top_tit > div.title {height:auto; line-height:30px;}
}
@media (min-width:769px) and (max-width:991px) {
	header.cardType + main div[data-module=eco][data-role=itemview] > div div.box:nth-child(3) {margin-top:52px; padding-right:5px; box-sizing:border-box;}
	
	header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.abstract.open {padding-right:5px; box-sizing:border-box;}
	header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.abstract.open > div > div.button {bottom:-86px;}

	header.scrap + main div[data-module=eco][data-role=itemview] > div div.box:nth-child(3) {margin-top:52px; padding-right:5px; box-sizing:border-box;}
	header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.abstract.open {padding-right:5px; box-sizing:border-box;}
	header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.abstract.open > div > div.button {bottom:-86px;}
}
@media (min-width:769px) and (max-width:1096px) {
	.sticky_bar div.form > div[data-tab] > form > ul > li > div > label > p {padding-left:0; line-height:14px;}
	.sticky_bar div.form > div[data-tab] > form > ul > li > div > label > p + p {margin-top:5px;}
	.sticky_bar div.form > div[data-tab] > form > ul > li > div > label > p > i.category {width:30px; height:14px;}
	header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box {padding-left:30px;}
	header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.info > ul > li {vertical-align:middle;}
	header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.info > ul > li > div > i.fa {width:10px;}
	header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.info > ul > li > div > span {height:auto; padding-left:4px; letter-spacing:-0.5px; word-break:break-all; line-height:22px;}
	header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li {width:100%;}

	header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box {padding-left:30px;}
	header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.info > ul > li {vertical-align:middle;}
	header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.info > ul > li > div > i.fa {width:10px;}
	header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.info > ul > li > div > span {height:auto; padding-left:4px; letter-spacing:-0.5px; word-break:break-all; line-height:22px;}
	header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li {width:100%;}
}
@media (max-width:768px) {
	header.cardType > div.header_top {display:none;}
	header.scrap > div.header_top {display:none;}

	.sticky_bar div.form > div[data-tab] > form > ul {overflow:auto; max-height:152px;}
	.sticky_bar div.form > div[data-tab] > form > ul > li {display:block; width:100%;}
	.sticky_bar div.form > div[data-tab] > form > ul > li > div > label > p {padding-left:0;}

	header.cardType + main > div.container > div[data-module=eco] h4.top_tit > div.title {display:block; width:100%;}
	header.cardType + main > div.container > div[data-module=eco] h4.top_tit > div.buttons > label.hit {position:unset;}
	header.cardType + main > div.container > div[data-module=eco] > div > div[data-role=itemview] > h4.top_tit {padding-bottom:15px;}
	header.cardType + main > div.container > div[data-module=eco] > div > div[data-role=itemview] > h4.top_tit > div.title {display:block; width:100%; height:auto; line-height:30px;}
	header.cardType + main > div.container > div[data-module=eco] form[id] > div > h4.top_tit > div.title {display:block; width:100%;}
	header.cardType + main > div.container > div[data-module=eco] form[id] > div > h4.top_tit > div.buttons {display:block; width:100%; margin-bottom:10px; float:none;}
	header.cardType + main > div.container > div[data-module=eco] div[data-role=itemview] > h4.top_tit > div.title {display:block; width:100%;}
	header.cardType + main > div.container > div[data-module=eco] div[data-role=itemview] > h4.top_tit > div.buttons {display:block; width:100%; float:none;}
	header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box {padding-left:0;}
	header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box:first-child {padding-left:0;}
	header.cardType + main div[data-module=eco][data-role=itemview] > div div.box:nth-child(3) {padding-left:0;}
	header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title {padding-bottom:0;}
	header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.abstract.open > div > div.button {bottom:-20px;}
	header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li {padding:5px 10px;}
	header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div > label > p > i.category {width:40px;}

	header.scrap + main > div.container > div[data-module=eco] h4.top_tit > div.title {display:block; width:100%;}
	header.scrap + main > div.container > div[data-module=eco] h4.top_tit > div.buttons > label.hit {position:unset;}
	header.scrap + main > div.container > div[data-module=eco] > div > div[data-role=itemview] > h4.top_tit {padding-bottom:15px;}
	header.scrap + main > div.container > div[data-module=eco] > div > div[data-role=itemview] > h4.top_tit > div.title {display:block; width:100%; height:auto; line-height:30px;}
	header.scrap + main > div.container > div[data-module=eco] form[id] > div > h4.top_tit > div.title {display:block; width:100%;}
	header.scrap + main > div.container > div[data-module=eco] form[id] > div > h4.top_tit > div.buttons {display:block; width:100%; margin-bottom:10px; float:none;}
	header.scrap + main > div.container > div[data-module=eco] div[data-role=itemview] > h4.top_tit > div.title {display:block; width:100%;}
	header.scrap + main > div.container > div[data-module=eco] div[data-role=itemview] > h4.top_tit > div.buttons {display:block; width:100%; float:none;}
	header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box {padding-left:0;}
	header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box:first-child {padding-left:0;}
	header.scrap + main div[data-module=eco][data-role=itemview] > div div.box:nth-child(3) {padding-left:0;}
	header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title {padding-bottom:0;}
	header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.abstract.open > div > div.button {bottom:-20px;}
	header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li {padding:5px 10px;}
	header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div > label > p > i.category {width:40px;}
}
@media (max-width:554px) {
	header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.button > button[data-action=favorite], 
	header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.button > button[data-action=share] {width:78px;}
	header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li {display:block; width:100%;}
	header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div > label > p {padding-left:5px;}
	header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div > label > p > i.category {width:auto; margin-right:5px;}

	header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.button > button[data-action=favorite], 
	header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.button > button[data-action=share] {width:78px;}
	header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li {display:block; width:100%;}
	header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div > label > p {padding-left:5px;}
	header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.form > div[data-tab] > form > ul > li > div > label > p > i.category {width:auto; margin-right:5px;}
}
@media (max-width:474px) {
	header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.info > ul > li {display:block; width:100%;}
	header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.info > ul > li + li {padding-left:0;}
	header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.button {height:auto;}
	header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.button > button[type=submit] {float:left;}
	header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.button > button[type=submit]:after {content:''; display:block; clear:both;}
	header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.button > button[data-action=favorite],
	header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.button > button[data-action=share] {margin-bottom:10px;}

	header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.info > ul > li {display:block; width:100%;}
	header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.info > ul > li + li {padding-left:0;}
	header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.button {height:auto;}
	header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.button > button[type=submit] {float:left;}
	header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.button > button[type=submit]:after {content:''; display:block; clear:both;}
	header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.button > button[data-action=favorite],
	header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.button > button[data-action=share] {margin-bottom:10px;}
}
@media (max-width:432px) {
	.sticky_bar > div.container > div.sticky_gnb div.button > button[type=submit] {float:none;}
	.sticky_bar div.form > div[data-tab] > form > ul > li > div > label > p > i.category + time {line-height:18px;}
}