main.widepage > div.container {padding: 0;} div.title div.container h4 {padding:35px 0px; width: 100%; border-bottom:2px solid #F4F4F4; color:#000; font-size:1.71rem; font-weight: 700;} div[data-module=eco][data-role=itemview] {display:block; max-width:1420px; margin:0 auto; padding-top:36px;} div[data-module=eco][data-role=itemview] > div.itemview_box {display: flex; gap:38px; padding-bottom: 60px;} div[data-module=eco][data-role=itemview] > div > div.box_flex {display: flex; flex-direction:column; justify-content:space-between;} div[data-module=eco][data-role=itemview] > div > div.box_flex.right {width:calc(100% - 688px);} div[data-module=eco][data-role=itemview] > div > div > div.box.right__top {vertical-align:top;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.cover {padding-bottom:60%; width:650px; height:0; background-image:url(../images/noimage.png); background-size:cover; background-repeat: no-repeat; background-position:center; border-radius:18px; position:relative; box-shadow:0px 1px 3px rgba(0,0,0,0.1);} div[data-module=eco][data-role=itemview] > div > 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 > 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 > div.box > div.cover > a:hover {background:#000;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.cover > a > i {margin-right:5px;} div[data-module=eco][data-role=itemview] > div > 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 > div.box > ul.tag {width: 100%; padding: 16px 0px;} div[data-module=eco][data-role=itemview] > div > div > div.box > ul.tag > li {display: flex; gap:12px;} div[data-module=eco][data-role=itemview] > div > div > div.box > ul.tag > li a {font-size:1.14rem; font-weight: 400; line-height: 27px; color:#555;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title {width:100%;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title label.department a {font-size:1rem; font-weight: 700; color: var(--thema_color);} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title label.department a i {vertical-align:text-top;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title label.department a i svg circle {stroke:var(--thema_color);} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title label.department a i svg path {stroke:var(--thema_color);} /* div[data-module=eco][data-role=itemview] > div > div > div.box > div.title label.department a::after {content:""; display: inline-block; padding-left:4px; width: 14px; height: 14px; background:url(../images/department_more.svg) no-repeat center center; vertical-align:middle;} */ div[data-module=eco][data-role=itemview] > div > div > div.box > div.title > div.label {width:100%; font-size:0.86rem;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title > div.label > label {display:inline-block; padding:8px 12px; border: 1px solid var(--thema_color); color:var(--thema_color); border-radius:7px; font-size:1rem; font-weight: 400; box-sizing:border-box; margin-right:8px; vertical-align:middle;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title > div.label > label.score, div[data-module=eco][data-role=itemview] > div > div > div.box > div.title > div.label > label.point {background-color:var(--thema_color); color:#fff;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title > div.label > label.favorite {background:#f6ac0e;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title > div.label > label.excellent {background:#1ac07f;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title > div.label > label.recommend {background:#ed549c;} div[data-module=eco][data-role=itemview] > div > 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 > div.box > div.title div.guide {display: flex; align-items: center; margin-top: 24px; margin-bottom: 15px;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.guide > div {width: 50%; display: flex; align-items: center; gap:8px;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.guide > div:first-child {border-right:1px solid #F4F4F4;;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.guide div.terms_title, div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.guide div.contact_us_title {width: 100px; height: 100px; border-radius: 8px; line-height:100px; text-align: center; color:#000; font-weight: 700; font-size:1.14rem; } div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.guide div.terms ul {width:calc(100% - 128px);} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.guide div.terms ul li {white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.guide div.terms ul li label {display: inline-block; min-width:20px; vertical-align:middle; font-size: 1rem;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.guide div.terms ul li label i {padding-right:8px;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.guide div.terms ul li label i.xi-alarm-clock::before{content:""; display: block; width: 20px; height: 20px; background:url(../images/terms_stopwatch.svg) no-repeat center center; } div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.guide div.terms ul li label i.xi-calendar::before{content:""; display: block; width: 20px; height: 20px; background:url(../images/terms_calendar.svg) no-repeat center center; } div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.guide div.terms ul li label i.fa-university::before{content:""; display: block; width: 20px; height: 20px; background:url(../images/terms_bank.svg) no-repeat center center; } div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.guide div.terms ul li span > span {display: inline-block; width:80px;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.guide div.contact_us ul {width:calc(100% - 110px);} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.guide div.contact_us ul li label {display: inline-block; min-width:20px; vertical-align:middle; font-size: 1rem;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.guide div.contact_us ul li span{ font-size: 1rem;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.guide div.contact_us ul li:last-child label {display: flex; align-items: center;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.guide div.contact_us ul li label i {padding-right:14px;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.guide div.contact_us ul li label i.fa-envelope::before{content:""; display: block; width: 20px; height: 20px; background:url(../images/contact_mail.svg) no-repeat center center; } div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.guide div.contact_us ul li label i.fa-phone::before{content:""; display: block; width: 20px; height: 20px; background:url(../images/contact_phone.svg) no-repeat center center; } div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.guide div.contact_us ul li label i.fa-map-marker::before{content:""; display: block; width: 20px; height: 20px; background:url(../images/contact_marker.svg) no-repeat center center; } div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.guide div.contact_us ul li span > span {display: inline-block; width:80px;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.title__top {display: flex; justify-content:space-between; align-items: center; margin-bottom:24px; padding-bottom: 24px; border-bottom:1px solid #DFDFDF;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.title__top > h4 {display:-webkit-box; padding: 10px 0px; height:max-content; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden; font-size:1.71rem; font-weight: 700;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.title__top > div.button {display: flex; gap:16px;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.title__top > div.button > button[type=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-role=itemview] > div > div > div.box > div.title div.title__top > div.button > button[data-action=favorite] {font-size:0; padding:0px 8px;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.title__top > 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 > div.box > div.title div.title__top > 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 > div.box > div.title div.title__top > div.button > 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-role=itemview] > div > div > div.box > div.title div.title__top > div.button > button[data-action=favorite] > i.fa:before {content:""; display: block; width:20px; height:38px; background:url(../images/star.png) no-repeat center center;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.title__top > div.button > button[data-action=share] > 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 > div.box > div.title div.title__top > div.button > button[data-action=share] i::before {content:""; display: block; width:20px; height:38px; background:url(../images/share.svg) no-repeat center center;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title > ul {width:100%; list-style:none; color:#666;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title > ul > li {font-size:0;} div[data-module=eco][data-role=itemview] > div > 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 > 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 > div.box > div.title > ul > li.target {margin-top:8px; padding-top:2px;} div[data-module=eco][data-role=itemview] > div > 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 > 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 > 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 > 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 > 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 > 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 > 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 > 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 > 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 > 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 > 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 > 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 > 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 > 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 > 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 > div.box > div.title > ul > li > div.expected_score > ul {display:flex; list-style:none;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title > ul > li > div.expected_score > ul > li {margin-right:3px;} div[data-module=eco][data-role=itemview] > div > 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 > div.box > div.title > ul > li > div.expected_score > ul > li > i {color:red;} div[data-module=eco][data-role=itemview] > div > 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.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 > div.box > div.info {padding:18px 24px; height:300px; border: 1px solid #F4F4F4; border-radius: 4px;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.info.single {height:110px;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.info > div.content {max-width: 602px; display: -webkit-box; overflow: hidden; line-height:28px; text-overflow: ellipsis; -webkit-line-clamp:6; -webkit-box-orient: vertical;} @media (max-width:1420px) { div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.guide{flex-direction:column; align-items:start;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.guide > div {width:100%;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.guide > div:first-child {border-right:0;} } @media (max-width:991px) { div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.guide{flex-direction:row;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.guide > div {width:100%;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.guide > div:first-child {border-right:1px solid #F4F4F4;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.info {display:none;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.info > div.content {max-width:none;} } div[data-module=eco][data-role=itemview] > div > div > div.box > div.form {width:100%; height:337px; box-sizing:border-box; border:1px solid #f4f4f4; border-radius:4px; position:relative;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.form.single {height:149px;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.form > div[data-role=tab] {width:100%; height:54px; overflow:hidden;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.form > div[data-role=tab] > ul {list-style:none; height:54px; font-size:0; background:#f4f4f4;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.form > div[data-role=tab] > ul > li {display:inline-block; width:50%; height:54px; box-sizing:border-box;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.form > div[data-role=tab] > ul > li > button {width:100%; height:54px; border:0; font-size:1.14rem; cursor:pointer; border-bottom:1px solid #e5e5e5; background:transparent; font-weight: 400; color:#000;} div[data-module=eco][data-role=itemview] > div > 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 > div.box > div.form > div[data-tab] > form > ul {list-style:none; height:auto; overflow:auto;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.form > div[data-tab] > form > ul.single {} div[data-module=eco][data-role=itemview] > div > div > div.box > div.form > div[data-tab] > form > ul::-webkit-scrollbar {width:8px; height:322px; background-color:#F4F4F4;; border-radius:10px;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.form > div[data-tab] > form > ul::-webkit-scrollbar-thumb {border-radius: 20px; background-color:var(--thema_color);} div[data-module=eco][data-role=itemview] > div > div > div.box > div.form > div[data-role=tab] + div[data-tab] > form > ul {height:282px;} div[data-module=eco][data-role=itemview].cardType > div > 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 > 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 > div.box > div.form > div[data-tab] > form > ul > li > div[data-role=input] {display: flex; justify-content:space-between; align-items: center; padding:16px 24px; min-height:40px; box-sizing:border-box;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.form > div[data-tab] > form > ul > li > div[data-role=input] div[data-type="checkbox"] {width:auto;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.form > div[data-tab] > form > ul > li > div[data-role=input] div[data-type="checkbox"] > label > button.checkbox {border-radius:3px;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.form > div[data-tab] > form > ul > li > div[data-role=input] div[data-type="checkbox"] > label > button.checkbox.on {background-color:var(--thema_color); border-color:var(--thema_color);} div[data-module=eco][data-role=itemview] > div > div > div.box > div.form > div[data-tab] > form > ul > li > div[data-role=input] div[data-type="checkbox"] > label > button.checkbox:focus {border-color:var(--thema_color);} div[data-module=eco][data-role=itemview] > div > div > div.box > div.form > div[data-tab] > form > ul > li > div[data-role=input] > label {display:block; padding-left:24px; width:100%; min-height:20px; font-size:1rem; color:#333; line-height:20px;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.form > div[data-tab] > form > ul > li > div[data-role=input] > label div.topic_title {color:#000; font-size:1.14rem; font-weight: 700;} div[data-module=eco][data-role=itemview] > div > 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 > div.box > div.form > div[data-tab] > form > ul > li > div[data-role=input] > label > p {line-height:27px; font-size:1rem; color:#555; font-weight: 400;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.form > div[data-tab] > form > ul > li > div[data-role=input] > label > p.applicants {color: var(--thema_color);} div[data-module=eco][data-role=itemview] > div > div > div.box > div.form > div[data-tab] > form > ul > li > div[data-role=input] > label > p.applicants > span {color: var(--thema_color);} div[data-module=eco][data-role=itemview] > div > div > div.box > div.form > div[data-tab] > form > ul > li > div[data-role=input] > label > p > b {padding-right: 14px; color:#333; font-size:1rem; font-weight: 500;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.form > div[data-tab] > form > ul > li > div[data-role=input] > label > b > small {background:var(--thema_color); 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 > 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 > div.box > div.form > div[data-tab] > form > ul > li > div[data-role=input] > label > b + p {margin-top:8px;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.form > div[data-tab] > form > ul > li > div[data-role=input] > label > p > span {color:var(--thema_color);} div[data-module=eco][data-role=itemview] > div > div > div.box > div.form > div[data-tab=team] {display:none;} div[data-module=eco][data-role=itemview] div.itemview_box div.button > button[data-action=favorite] {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-role=itemview] div.itemview_box div.button > button[data-action=favorite] {font-size:0; padding:0px 8px;} div[data-module=eco][data-role=itemview] div.itemview_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.itemview_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.itemview_box div.button > 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-role=itemview] div.itemview_box div.button > button[data-action=favorite] > i.fa:before {content:""; display: block; width:20px; height:38px; background:url(../images/star.png) no-repeat center center;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.form > div[data-tab] > form > div.search {display: flex; gap:16px; align-items: center; justify-content:space-between; padding: 10px 23px;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.form > div[data-tab] > form > div.search > input {width:calc(100% - 64px); height:48px; box-sizing:border-box; border:1px solid #f4f4f4; border-radius:2px; padding:16px; font-weight: 400; font-size:1rem; vertical-align:middle;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.form > div[data-tab] > form > div.search > button {width:48px; height:48px; margin-left:5px; vertical-align:middle; border-radius:8px; cursor:pointer; color:#fff; background:var(--thema_color); border:0; font-size:1.29rem;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.form > div[data-tab=team] > form > ul {height:214px;} div[data-module=eco][data-role=itemview] > div > 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 > div.box > div.button {margin-top:24px; height:40px; font-size:0;} div[data-module=eco][data-role=itemview] > div > 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 > div.box > div.button > button[type=submit] {border-radius: 4px; background:var(--thema_color); color:#fff; width:100%;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.button > button[type=submit].online_class {border-radius: 4px; border: 1px solid var(--thema_color); background: #FFF; font-weight: 400; color: #BF5959; width:100%;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.button > button[type=button].close {border-radius: 4px; background:var(--thema_color); color:#fff; width:100%; font-weight: 400; font-size:1rem; cursor:not-allowed;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.button > button[type=submit][disabled] {opacity:0.5; cursor:not-allowed;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.button > button.gray[type=submit][disabled] {background-color:#969696; border:1px solid #969696;} div[data-module=eco][data-role=itemview] > div > 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 > div.box > div.button > button[data-action=favorite] {font-size:0; padding:0px 8px;} div[data-module=eco][data-role=itemview] > div > 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 > 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 > div.box > div.button > button[data-action=favorite].selected > i.fa {color:#F44336;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.button > button[data-action=favorite].selected > i.fa:before {content:"\f005";} div[data-module=eco][data-role=itemview] > div > div > div.box > div.button > button[data-action=favorite]:hover > i.fa {color:#F44336;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.button a.online_class {display:block; width: 100%; height:100%; border-radius: 4px; border: 1px solid var(--thema_color); background: #FFF; font-size:1rem; font-weight: 400; color: #BF5959; text-align: center; line-height:42px;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.button a.online_class.mobile {display:none;} /* 비교과프로그램 상세 뷰 */ div[data-role=itemview] > div.context > div[data-role=tabbar] > div > ul > button {border:none;} div[data-role=itemview] > div.context > div[data-role=tabbar] > div > ul > a {border:none;} div[data-role=itemview] > div.context > div[data-role=tabbar] > div > ul > li > button {border:none;} div[data-role=itemview] > div.context > div[data-role=tabbar] > div > ul > li > a{border:none;} div[data-role=itemview] > div.context > div[data-role=tabbar] > div > ul > li:last-child > button {border:none;} div[data-role=itemview] > div.context > div[data-role=tabbar] > div > ul > li:last-child > a {border:none;} div[data-role=itemview] > div.context > div[data-role=tabbar] > div > ul > li {border-bottom: 1px solid #d9dadb;} div[data-role=itemview] > div.context > div[data-role=tabbar] > div > ul > li.selected {border-top: 1px solid #d9dadb;} div[data-role=itemview] > div.context > div[data-role=tabbar] > div > ul > li > button {background-color:transparent;} div[data-role=itemview] > div.context > div[data-role=tabbar] > div > ul > li > a {background-color:transparent;} div[data-role=itemview] > div.context > div[data-role=tabbar] > div > ul > li.selected > button {border:none; border-bottom: 4px solid var(--thema_color);} div[data-role=itemview] > div.context > div[data-role=tabbar] > div > ul > li.selected > a {border:none; border-bottom: 4px solid var(--thema_color);} div[data-role=itemview] > div.context > div[data-role=tabbar] > div > ul > li a.team.test {display:none;} @media (max-width:767px) { div[data-module=eco][data-role=itemview] > div > div > div.box > div.button a.online_class.mobile {display:block; margin-top:10px;} } @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;} } @media (max-width:449px) { div[data-module=eco][data-role=itemview] > div > div > div.box > div.form.single {height:100%;} } @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][data-closable=FALSE] > form > div[data-role=header] > button {display: block;} div[data-role=modal] ul.sns {list-style:none; height:100%; font-size:0; text-align:center; margin-bottom:40px;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;} 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:var(--thema_color); 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:var(--thema_color); 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:var(--thema_color);} .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:var(--thema_color); background:var(--thema_color);} 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:var(--thema_color); } 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%; 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 var(--thema_color); color:var(--thema_color);} header.cardType + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label > label.point {padding:5px 10px; background:var(--thema_color); 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 var(--thema_color); color:var(--thema_color);} 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:70%;} 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:var(--thema_color); } 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 var(--thema_color); color:var(--thema_color);} header.scrap + main div[data-module=eco][data-role=itemview] > div > div.box > div.title > div.label > label.point {padding:5px 10px; background:var(--thema_color); 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 var(--thema_color); color:var(--thema_color);} 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:var(--thema_color); 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:var(--thema_color);} 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:var(--thema_color); background:var(--thema_color);} 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:var(--thema_color); 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:var(--thema_color);} 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:var(--thema_color); background:var(--thema_color);} div[data-module=eco][data-role=itemview] > div > div.box_flex.right > div.box > div.button > button.online_class {display: none;} /* @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;} } */ @media (max-width:1419px) { div[data-module=eco][data-role=itemview] {max-width:1100px;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.cover {width:500px;} div[data-module=eco][data-role=itemview] > div > div.box_flex.right {width: 100%;} } @media (max-width:1199px) { div[data-module=eco][data-role=itemview] {max-width:960px;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.cover {width:400px;} } @media (max-width:991px) { div.title div.container h4 {display: none;} div[data-module=eco][data-role=itemview] {max-width:740px;} div[data-module=eco][data-role=itemview] > div.itemview_box {flex-direction:column;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.cover {width:100%;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.info > div.content {height:auto;} div[data-module=eco][data-role=itemview] > div > div.box_flex.left > div.box > div.button {display: none;} div[data-module=eco][data-role=itemview] > div > div.box_flex.right > div.box > div.button > button.online_class {display: block; margin-top:10px;} } @media (max-width:740px) { div[data-module=eco][data-role=itemview] {padding-left:10px; padding-right:10px;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.form {height:296px;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title > div.label {display: flex; flex-wrap: wrap; gap:5px;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.guide > div {flex-direction: column;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.guide div.terms ul li span > span {display: none;} } @media (max-width:576px) { div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.guide {flex-direction:column; gap:30px;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.guide > div{flex-direction:row; width:100%;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.guide > div:first-child {border-right:none;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.guide div.terms_title, div[data-module=eco][data-role=itemview] > div > div > div.box > div.title div.guide div.contact_us_title {width:150px; height:auto; margin-bottom: 10px; line-height:1;} div[data-module=eco][data-role=itemview] div.itemview_box div.button > button[data-action=favorite] {width:auto; height:auto;} } @media (max-width:430px) { div[data-module=eco][data-role=itemview] > div > div > div.box > div.form > div[data-tab] > form > ul > li > div[data-role=input] {flex-direction:column; align-items:start; gap:15px;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.form > div[data-tab] > form > ul > li > div[data-role=input] div[data-type="checkbox"] {width:auto;} div[data-module=eco][data-role=itemview] > div > div > div.box > div.form > div[data-tab] > form > ul > li > div[data-role=input] > label {padding-left:0;} }