@charset "utf-8";

/* Startup Ȩ */
.found-box {margin-top:-1px; border:1px solid #d9dfe5;}
.none-cont-wrap{padding-top:35px;text-align:center;font-weight:500;font-size:20px;color:#505256;line-height:28px;}
.none-cont-wrap .none-cont:before{margin: 55px auto 20px auto !important;}
.found-box .none-cont {overflow:hidden; height:266px; color:#767676; font-size:16px; font-weight:400; text-align:center;}
.found-box .none-cont:before {content:''; display:block; width:96px; height:96px; margin:65px auto 20px auto; background:url(../images/cl/icon_none_cont.png) no-repeat;}

.not-login-state .stit{display:block;padding:35px 0 22px 0;font-size:20px;color:#505256;text-align:center;font-weight:500;}
.not-login-state .box{width:542px;margin:0 auto;padding:26px 0 19px 30px;margin-bottom:40px;background:#fbfbfb;}
.not-login-state .box li{padding:0 0 7px 0;}
.not-login-state .box li em{float:left;font-weight:500;}
.not-login-state .box li em:before{content:'\25B6';margin-right:7px;font-size: 10px;color:#666;font-weight: 500;line-height: 21px;vertical-align: 1px;}
.not-login-state .box li span{display:block;padding:0 0 0 67px;}
.not-login-state .box li span strong{font-weight:500;color:#e70c2b;}

.found-list {overflow-x:hidden; overflow-y:auto; height:266px; padding:1px 50px 0 30px;}
.found-list li {display:table; width:100%; padding:36px 0; border-top:1px solid #e9eff4; table-layout:fixed;}
.found-list li:first-child {border:none;}
.found-list li > span, .found-list li .cont{display:table-cell;vertical-align:middle;}
.found-list li .img { width:168px; }
.found-list li .img span{display:block; overflow:hidden; width:168px; height:60px;}
.found-list li .img span img { width:100%; }
.found-list li .cont{padding:0 0 0 20px;}
.found-list li .cont > a{display:block;}
.found-list li .cont strong{display:block;padding:0 0 11px 0;font-size:20px;font-weight:500;color:#333;}
.found-list li .cont strong em{display:inline-block;margin:0 0 0 10px;vertical-align:3px;font-size:14px;font-weight:500;color:#767676;}
.found-list li .cont span{position: relative;display: inline-block;color: #666;vertical-align: middle;line-height: 16px;font-weight:500;}
.found-list li .cont span + span{margin-left: 20px;}
.found-list li .cont span + span:before {content: '';position: absolute;left: -10px;top: 3px;width: 1px;height: 13px;background: #b7b7b7;}
.found-list li .date{width:319px;font-weight:500;color:#666;}
.found-list li .btn{width:80px;text-align:center;}
.found-list li .btn span{display:block;padding:0 0 6px 0;}
.found-list li .btn .btn-white.small{font-size:13px;}
.found-list li .btn .imagine{color:#3475cf;font-weight:500;}
.found-list li .btn .ready{color:#02a332;font-weight:500;}
.found-list li .btn .end{color:#666;font-weight:500;padding:0;}

.found-list::-webkit-scrollbar {width:4px;}
.found-list::-webkit-scrollbar-button:start:decrement,
.found-list::-webkit-scrollbar-button:end:increment {background:none;}
.found-list::-webkit-scrollbar-track {background:none; -webkit-border-radius: 10px; border-radius:10px;}
.found-list::-webkit-scrollbar-thumb {background:#ddd; -webkit-border-radius: 10px; border-radius: 10px;}

.quick-menu {overflow:hidden; margin-top:30px; border:1px solid #d9dfe5; border-top:1px solid #5e6d82;}
.quick-menu li {float:left; width:25%;}
.quick-menu li a {position:relative; display:block; overflow:hidden; height:215px; text-align:center;}
.quick-menu li a:after {content:''; position:absolute; left:0; top:50%; width:1px; height:70px; margin-top:-35px; background:#d9dfe5;}
.quick-menu li:first-child a:after {display:none;}
.quick-menu li a:before {content:''; display:block; width:64px; height:64px; margin:32px auto 0; background:skyblue;}
.quick-menu .menu-type01 a:before {background:url(../images/cl/icon_menu_banner02.png) no-repeat center bottom;}
.quick-menu .menu-type02 a:before {background:url(../images/su/icon_menu_banner01.png) no-repeat center bottom;}
.quick-menu .menu-type03 a:before {background:url(../images/cl/icon_menu_banner03.png) no-repeat center bottom;}
.quick-menu .menu-type04 a:before {background:url(../images/cl/icon_menu_banner04.png) no-repeat center bottom;}
.quick-menu li a strong {display:block; margin-top:15px; font-size:16px; font-weight:500; color:#333;}
.quick-menu li a span {display:block; margin-top:10px; color:#767676; font-size:13px; line-height:18px;}

.quick-menu + .page-search {margin-top:30px;}

.search-results {margin-top:-1px; padding:0 0 0 0; border:1px solid #d9dfe5; border-top-color:#9ba6b3;}
.search-results .search-count-btn {padding-bottom:10px;border-bottom:1px solid #d9dfe5;margin:30px 30px 0 30px;}

.search-results-wrap{overflow:hidden; }
.search-results-list {overflow:hidden;margin-left:0;}
.search-results-list > li {position:relative; float:left;width:33.3%; height:450px; padding:30px; }
.search-results-list > li .end{position:absolute;right:45px;top:45px;z-index:10;border-radius:100%;text-align:center;color:#fff;display:inline-block;width:38px;line-height:38px;background:#141c26;}
.search-results-list > li:nth-child(3n+1){width:33.4%;margin-left:-1px;}
.search-results-list > li > a {display:block;width:100%;height:225px;position: relative;}
.search-results-list .img{display:block;width:100%;height:225px;}
.search-results-list .img img{width:100%;height:100%;}
.search-results-list a .state {position:absolute;right:10px;top:10px;width:45px;height:45px;line-height:45px;overflow:hidden;border-radius:100%;text-align:center;color:#fff;font-size:14px;}
.search-results-list .state.standby {background:#e70f62;} /* 예정 */
.search-results-list .state.progress {background:#3475cf;} /* 진행중 */
.search-results-list .state.closed {background:#141c26;} /* 종료 */
.search-results-list em{display:block;padding:20px 0 10px 0;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;font-weight:500;font-size:20px;}
.search-results-list ul li{padding:0 0 2px 0;}
.search-results-list ul li span{position:relative;display:inline-block;color:#666;}
.search-results-wrap:after{content:'';display:block;width:1038px;margin-left:30px;height:1px;background:#d9dfe5;}
.search-results-list ul li span + span{margin-left: 20px;}
.search-results-list ul li span + span:before {content: '';position: absolute;left: -10px;top: 3px;width: 1px;height: 13px;background: #b7b7b7;}
.search-results-list .btn{padding:10px 0 0 0;}
.search-results-list .btn a{font-weight:500;margin-right:2px;}
.search-results-list .btn .homepg span{padding-left:27px;background:url(../images/su/bg_btn_homepg.png) no-repeat; }
.search-results-list .btn .appraisal span{padding-left:26px;background:url(../images/su/bg_btn_appraisal.png) no-repeat;}

.search-results-list > li.none-cont {float:none; width:100%; height:200px; padding:85px 0 0 0; color:#767676; font-size:16px; text-align:center;}
.search-results-list > li:before {content:''; position:absolute; top:30px; bottom:30px; left:0; width:1px; background:#d9dfe5;}

.search-results.contest-list {border-top:none;border:1px solid #d9dfe5;    margin-top: 42px; }
.search-results.contest-list .search-count-btn{padding-bottom: 20px;margin: 20px 30px 0 30px;}
.contest-list .search-results-wrap:after{content:none}

.box-noti {margin-top:60px; padding:50px 0; background:#f9f9f9; text-align:center;}
.box-noti span {display:block; color:#505256; font-size:24px;}
.box-noti span strong {color:#da3e00; font-weight:400;}
.box-noti p {margin-top:20px; color:#505256; font-size:18px;}
.box-noti .btn-center {margin-top:30px;padding-top:0;}
.box-noti .btn-center a {width:160px; padding:0; font-size:16px; line-height:37px;}


.btn-more {display:block; height:80px; color:#3c4154; font-size:16px; font-weight:500; line-height:80px; text-align:center;}
.btn-more:after {content:''; display:inline-block; width:17px; height:11px; margin-left:10px; background:url(../images/common/bl_more.png) no-repeat; vertical-align:0;}
.btn-more:hover, .btn-more:focus { color:#333; }
.search-results .btn-more {
    border-top: 1px solid #d9dfe5;
}


/* ȸ�� �� */
.product-info{position:relative;margin:32px 0 0 0;padding:29px;border:1px solid #d9dfe5;}
.product-info .ci-area{height:70px;}
.product-info .ci-area .ci{float:left;padding:0 20px 0  0;}
.product-info .ci-area em{display:inline-block;font-size:13px;color:#3475cf;vertical-align:1px;}
.product-info .ci-area strong{display:block;padding:5px 0 0 0;font-size:24px;font-weight:500;}
.product-info ul.btn{position:absolute;right:29px;top:48px;width:244px;padding:0 0 0 10px;border:1px solid #d9dfe5;}
.product-info ul.btn li{float:left;height:29px;}
.product-info ul.btn li.last{padding:0 10px 0 0;border-right:1px solid #d9dfe5;}
.product-info ul.btn li a { display:block; overflow:hidden; height:29px; }
.product-info ul.btn li a:hover img, .product-info ul.btn li a:focus img { margin-top:-29px; }
.product-info ul.btn li:last-child img { margin-top:0 !important; }
.total-result{position:relative;height:220px;width:100%;background:url(../images/su/bg_total_result.jpg) no-repeat;}
.total-result a{display:inline-block;width:30px;height:29px;background:url(../images/su/btn_prev.png) no-repeat;font-size: 0;line-height: 0;}
.total-result a.prev{position:absolute;left:20px;top:96px;}
.total-result a.next{position:absolute;top:96px;right:20px;background:url(../images/su/btn_next.png) no-repeat;}
.total-result ul{float:left;padding:0 0 0 95px;}
.total-result ul li{float:left;width:134px;padding:63px 0 0 0;text-align:center;}
.total-result ul li > span{display:inline-block;width:70px;height:70px;font-size:21px;font-weight:500;color:#fff;line-height:70px;text-align:center;}
.total-result ul li > span span{font-size:13px;font-weight:400;}
.total-result ul li .num-1{background:url(../images/su/bg_result_num1.png) no-repeat;}
.total-result ul li .num-2{background:url(../images/su/bg_result_num2.png) no-repeat;}
.total-result ul li .num-3{background:url(../images/su/bg_result_num3.png) no-repeat;}
.total-result ul li .num-4{background:url(../images/su/bg_result_num4.png) no-repeat;}
.total-result ul li .num-5{background:url(../images/su/bg_result_num5.png) no-repeat;}
.total-result ul li .num-6{background:url(../images/su/bg_result_num6.png) no-repeat;}
.total-result ul li .num-7{background:url(../images/su/bg_result_num7.png) no-repeat;}
.total-result ul li .num-8{background:url(../images/su/bg_result_num8.png) no-repeat;}
.total-result ul li .num-9{background:url(../images/su/bg_result_num9.png) no-repeat;}
.total-result ul li .num-10{background:url(../images/su/bg_result_num10.png) no-repeat;}
.total-result ul li em{display:block;padding-top:10px;color:#fff;font-weight:500;font-size:13px;}
.total-result .total{position:absolute;right:54px;top:63px;width:180px;height:94px;text-align:center;color:#fff;}
.total-result .total:before{content:'';position:absolute;left:0;top:0;display:inline-block;width:1px;height:94px;background:#b5b3b6;}
.total-result .total strong{display:block;font-size:36px;line-height:72px;font-weight:400;}
.total-result .total em{display:block;font-size:13px;font-weight:500;}

.pdt-price-compare{overflow:hidden;margin:30px 0 0 0;}
.pdt-price-compare .pdt{float:left;position:relative;width:280px;height:210px;}
.pdt-price-compare .pdt img{width:100%;height:100%;}
.pdt-price-compare .price{position:absolute;left:0;bottom:0;width:100%;height:60px;background:#000;color:#fff;background: rgba(0, 0, 0, 0.5);}
.pdt-price-compare .price ul{padding:0 5px;}
.pdt-price-compare .price ul li{float:left;width:115px;padding-top:10px;text-align:center;font-weight:500;}
.pdt-price-compare .price ul li:after{content:'';position:absolute;left:115px;top:10px;display:inline-block;width:40px;height:40px;background:url(../images/su/bg_vs.png) no-repeat;}
.pdt-price-compare .price ul li:last-child{float:right;}
.pdt-price-compare .price ul li span{display:block;font-size:15px;}
.pdt-price-compare .price ul li em{display:block;font-size:12px;}
.pdt-price-compare > strong{display:block;margin:0 0 0 310px;font-size:20px;font-weight:500;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.pdt-price-compare > p{padding:14px 0 0 310px;line-height:23px;color:#666;}
.tab-btn-area.info{top:18px;font-size:15px;font-weight:500;color:#000;}
.tab-btn-area.info a{color:#000;}
.tab-btn-area.info a img{margin-right:5px;vertical-align:-3px;}

.member-appraisal{padding:40px 30px 0 30px;margin-top:-1px;border:1px solid #d9dfe5;border-top:0;}
.member-appraisal .name{padding:0 0 26px 0;font-size:15px;}
.member-appraisal .name em{font-weight:500;color:#3475cf;}
.member-appraisal .name strong{font-weight:500;color:#000;}
.member-appraisal .appraisal{overflow:hidden;padding-bottom:14px;border-top:1px solid #d9dfe5;}
.member-appraisal .appraisal .stit{display:inline-block;padding:26px 0 16px 0;font-weight:500;font-size:16px;color:#000;}
.member-appraisal .appraisal .stit + span{display:inline-block;padding-left:22px;color:#e60021;}
.member-appraisal .appraisal .stit em{font-weight:400;color:#e60021;display:inline-block;padding-left:5px;}
.member-appraisal .appraisal .list em{float:left;width:180px;color:#000;font-weight:500;}
.member-appraisal .appraisal .list > li{overflow:hidden;padding:0 0 12px 0;}
.member-appraisal .appraisal .list ul li{float:left;width:83px;}
.member-appraisal .appraisal .price li{float:left;margin:0 5px 16px 0;}
.member-appraisal .appraisal .price li a{display: inline-block;padding: 0 32px;background: #7c889a;font-size: 14px;font-weight:500;line-height:39px;color: #fff;}
.member-appraisal .appraisal .price li a.active{background:#4b5e79;}
.member-appraisal .appraisal .tit-input-limit{width:100%;padding-left:0 !important;margin-right:0;}
.member-appraisal .appraisal .tit-input-limit span{color:#666;top: 11px;font-weight:500;font-size:14px;}
.member-appraisal .appraisal .tit-input-limit span em{color:#fb5b1c;}
.member-appraisal > .appraisal-cont-view:first-child{margin-top:0;}

.appraisal-cont-view{padding:0 20px;margin-top:40px;border:1px solid #d9dfe5;background:#fdfdfd;margin-bottom:40px;}
.appraisal-cont-view > ul > li:first-child{border-top:0;}
.appraisal-cont-view > ul > li{overflow:hidden;padding:20px 0;border-top:1px solid #d9dfe5;}
.appraisal-cont-view .left {float:left;width:50%;}
.appraisal-cont-view .left .img{float:left;width:50px;height:50px;margin-right:20px;}
.appraisal-cont-view .left .img img{width:100%;height:100%;border-radius:100%;}
.appraisal-cont-view .left strong{display:inline-block;padding:14px 13px 0 0;font-size:16px;font-weight:500;}
.appraisal-cont-view .left .date{display:inline-block;font-size:13px;font-weight:500;color:#747474;vertical-align:2px;}
.appraisal-cont-view .left .btn{display:inline-block;vertical-align:2px;margin-left:20px;}
.appraisal-cont-view .left .btn a + a:before{content:'';display:inline-block;width:1px;height:13px;background:#d8d8d8;margin:0 10px;vertical-align:-1px;}

.appraisal-cont-view .right {float:right;text-align:right;}
.appraisal-cont-view .right ul{float:left;}
.appraisal-cont-view .right ul li{float:left;margin:7px 10px 0 0;}
.appraisal-cont-view .right ul li span{display:inline-block;width:41px;height:40px;font-size:14px;font-weight:500;line-height:40px;text-align:center;}
.appraisal-cont-view .right ul li .num-1{background:url(../images/su/bg_result_snum1.png) no-repeat;}
.appraisal-cont-view .right ul li .num-2{background:url(../images/su/bg_result_snum2.png) no-repeat;}
.appraisal-cont-view .right ul li .num-3{background:url(../images/su/bg_result_snum3.png) no-repeat;}
.appraisal-cont-view .right ul li .num-4{background:url(../images/su/bg_result_snum4.png) no-repeat;}
.appraisal-cont-view .right ul li .num-5{background:url(../images/su/bg_result_snum5.png) no-repeat;}
.appraisal-cont-view .right ul li .num-6{background:url(../images/su/bg_result_snum6.png) no-repeat;}
.appraisal-cont-view .right ul li .num-7{background:url(../images/su/bg_result_snum7.png) no-repeat;}
.appraisal-cont-view .right ul li .num-8{background:url(../images/su/bg_result_snum8.png) no-repeat;}
.appraisal-cont-view .right ul li .num-9{background:url(../images/su/bg_result_snum9.png) no-repeat;}
.appraisal-cont-view .right ul li .num-10{background:url(../images/su/bg_result_snum10.png) no-repeat;}
.appraisal-cont-view .right .total{float:left;padding:17px 0 0 20px;font-size:20px;font-weight:500;}
.appraisal-cont-view .right strong{float:left;padding:17px 0 0 30px;font-size:20px;font-weight:500;}
.appraisal-cont-view .right strong em{color:#3475cf;}
.appraisal-cont-view p{width:100%;padding:16px 0 0 0;overflow:hidden;font-weight:500;color:#666;}

.no-appraisal{height:249px;padding-top:176px;margin-top:40px;margin-bottom:40px;text-align:center;font-size:16px;color:#747474;border:1px solid #d9dfe5;background:#fdfdfd url(../images/su/bg_no_appraisal.png) no-repeat center 63px;;}

.member-appraisal .no-login strong{display:block;padding:40px 0 30px 0;text-align:center;font-size:24px;font-weight:500;}
.member-appraisal .no-login > div{padding-bottom: 80px;text-align:center;}

/* �򰡱��ؾȳ� �˾� */
.appraisal-pop h2{padding:0 0 16px 0;font-size:16px;font-weight:500;color:#000;}
.appraisal-pop p{padding:0 0 16px 0;}
.appraisal-pop .list-board {margin-bottom:26px;}
.appraisal-pop .list-board td.td-left{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.appraisal-pop .appraisal .price li {float: left;margin: 0 5px 16px 0;}
.appraisal-pop .appraisal .price li a {display: inline-block;width:150px;text-align:center;background: #7c889a;font-size: 14px;font-weight:500;line-height: 39px;color: #fff;}
.appraisal-pop .appraisal .price li a.active{background:#4b5e79;}

/* 사용자간 설문조사 */
.yeep-box.survey {width:1100px;height:141px;margin-top:39px;background: url(../images/su/bg_survey_infobx.png) no-repeat;box-sizing:border-box;text-align: center;}
.yeep-box.survey p {padding-top:32px;font-size:17px;line-height:29px;color:#505256;letter-spacing:-0.5px;}
.yeep-box.survey .underline {color:#fb5b1c;text-decoration:underline;}

.survey-list {margin-top:30px;padding:0 0 0 0;border:1px solid #d9dfe5;border-top-color:#676c73;}
.survey-list .search-count-btn {height:64px;padding:12px 30px 13px;margin:0;border-bottom:1px solid #d9dfe5;line-height:39px;}
.survey-list .search-count-btn .search-count {padding:0 0 0 25px;line-height:39px;background-position:0 13px;}
.survey-list .search-results-wrap:after {display:none;}
.survey-list .search-results-list {margin:0 30px;}
.survey-list .search-results-list > li {float:none;width:100%;height:auto;padding:30px 20px 50px;border-top:1px solid #dadfe5;}
.survey-list .search-results-list > li:first-child {border-top:none;}
.survey-list .search-results-list > li:nth-child(3n+1){width:100%;margin-left:0;}
.survey-list .search-results-list > li:before {display:none;}
.survey-list .search-results-list > li.none-cont {float:none;width:100%;height:200px;padding:85px 0 0 0;color:#767676;font-size:16px;text-align:center;}

.survey-condition {width:100%;}
.survey-condition .state {margin:0 0 13px;font-size:23px;color:#666;font-weight:500;}
.survey-condition .state .state-bx {display:inline-block;width:45px;height:25px;line-height:25px;margin:-4px 7px 0 0;text-align:center;color:#fff;font-size:12px;font-weight:300;vertical-align:middle;}
.survey-condition .state .state-bx.ing {background:#3475cf;}
.survey-condition .state .state-bx.close {background:#828282;}
.survey-condition .state img {margin-left:5px;}
.survey-condition .survey-title {display:block;/*overflow:hidden;text-overflow:ellipsis;white-space:nowrap;*/font-size:24px;font-weight:500;color:#333;line-height:28px;}
.survey-condition .survey-term {margin:10px 0 0;font-size:14px;}
.survey-condition .survey-term span {display:inline-block;margin-left:30px;letter-spacing:-0.5px;}
.survey-condition .survey-term span:first-of-type {margin-left:0;}
.survey-condition .survey-term span em {display:inline;padding:0;font-size:14px;font-weight:400;white-space:normal;text-overflow:unset;color:#898989;}
.survey-summary {position:relative;margin:23px 0 0;}
.survey-summary .survey-img {position:absolute;left:0;top:0;width:240px;height:165px;overflow:hidden;}
.survey-summary .survey-img img {width:240px;height:165px;}
.survey-summary .survey-img .close-mask {position:absolute;left:0;right:0;top:0;bottom:0;display:block;background:rgba(29, 32, 37, 0.7);text-align:center;line-height:165px;font-size:16px;color:#fff;}
.survey-summary .survey-desc {min-height:165px;padding:0 0 65px;margin:0 0 0 257px;line-height:20px;color:#666;}
.survey-summary .btn-big-orange-line {position:absolute;left:257px;bottom:0;line-height:37px;padding:0 34px;font-size:16px;}

.survey-view-wrap {position:relative;padding:60px 70px 60px 40px;margin:45px 0 0;border:1px solid #d9dfe5;}
.survey-view-wrap:before {content:'';width:1px;position:absolute;top:60px;bottom:60px;left:400px;background:#d9dee4;}
.survey-view-wrap:after {clear:both;display:block;content:'';}
.survey-view-wrap .title-area {float:left;width:323px;margin:0 39px 0 0;}
.survey-view-wrap .title-area .state-bx {display:block;width:45px;height:25px;line-height:25px;margin:-4px 15px 16px 20px;text-align:center;color:#fff;font-size:12px;font-weight:300;vertical-align:middle;}
.survey-view-wrap .title-area .state-bx.ing {background:#3475cf;}
.survey-view-wrap .title-area .title {display:block;margin:0 0 0 20px;font-size:35px;color:#333;line-height:45px;font-weight:400;word-break:break-word;}
.survey-view-wrap .title-area .term {margin:25px 0 0 20px;}
.survey-view-wrap .title-area .term li {margin:4px 0 0;letter-spacing:-0.5px;}
.survey-view-wrap .title-area .term li:first-child {margin-top:0;}
.survey-view-wrap .title-area .term li span {color:#898989;}
.survey-view-wrap .title-area .desc {padding:24px 14px 30px 18px;margin:34px 0 0;border:1px solid #d9dfe5;color:#666;word-break:break-word;}
.survey-view-wrap .item-area {float:left;width:576px;margin:0 0 0 50px;}
.survey-view-wrap .item-area .survey-item {position:relative;margin:65px 0 0;}
.survey-view-wrap .item-area .survey-item:first-of-type {margin-top:0;}
.survey-view-wrap .item-area .survey-item .item-title {position:relative;display:block;min-height:40px;padding:0 0 0 48px;font-size:22px;font-weight:400;}
.survey-view-wrap .item-area .survey-item .item-title .item-q {position:absolute;left:0;top:-4px;display:block;width:40px;height:40px;border-radius:7px;background:#f2f7ff;text-align:center;line-height:40px;font-size:25px;color:#6388ff;font-family:Arial Black, Arial;}
.survey-view-wrap .item-area .survey-item .item-title .item-txt {display:inline-block;line-height:30px;vertical-align:middle;word-break: break-all;}
.survey-view-wrap .item-area .survey-item .survey-input {width:100%;margin:33px 0 0;padding:0 8px 0px 12px;border:none;border-bottom:2px solid #ebebeb;font-size:16px;font-weight:400;}
.survey-view-wrap .item-area .survey-item .survey-input::placeholder {color:#666;font-weight:400;}
.survey-view-wrap .item-area .survey-item .survey-input::-webkit-input-placeholder {color:#666;font-weight:400;}
.survey-view-wrap .item-area .survey-item .survey-input::-moz-placeholder {color:#666;opacity:1;}
.survey-view-wrap .item-area .survey-item .survey-input:-ms-input-placeholder {color:#666;font-weight:400;}
.survey-view-wrap .item-area .survey-item .survey-textarea {width:100%;height:205px;padding:15px 8px 0 12px;margin:10px 0 0;border:2px solid #ebebeb;font-size:16px;}
.survey-view-wrap .item-area .survey-item .survey-textarea::placeholder {color:#666;font-weight:400;}
.survey-view-wrap .item-area .survey-item .survey-textarea::-webkit-input-placeholder {color:#666;font-weight:400;}
.survey-view-wrap .item-area .survey-item .survey-textarea:-ms-input-placeholder {color:#666;font-weight:400;}
.survey-view-wrap .item-area .survey-item .rdo-group {margin:15px 0 0 49px;}
.survey-view-wrap .item-area .survey-item .rdo-group p {margin:0 0 10px;}
.survey-view-wrap .item-area .survey-item .rdo-group p:after{clear:both;display:block;content:'';}
.survey-view-wrap .item-area .survey-item .rdo-group span {position:relative;display:inline-block;float:left;width:48%;padding-right:10px;}
.survey-view-wrap .item-area .survey-item .txt-num {display:block;font-size:14px;text-align:right;color:#777;letter-spacing:0;}
.survey-view-wrap .item-area .survey-item .txt-num strong {font-weight:400;color:#333;}
.survey-view-wrap .item-area .survey-item .survey-input +  .txt-num {position:absolute;right:10px;bottom:-27px;}
.survey-view-wrap .item-area .survey-item .survey-textarea + .txt-num {position:absolute;right:5px;bottom:-28px;}
.survey-radio {-webkit-appearance:none;position:absolute;top:0px;left:0;width:20px;height:20px;margin:0;opacity:0;}
.survey-radio + label {position:relative;display:inline-block;z-index:10;padding-left:31px;line-height:20px;cursor:pointer;font-size:16px;vertical-align:top; word-break: break-all;}
.survey-radio + label:before {content:"";position:absolute;top:1px;left:0;display:block;width:20px;height:20px;line-height:20px;background: url(../images/su/bg_survey_radio.png) no-repeat 0 bottom;}
.survey-radio[type="checkbox"] + label:before {background: url(../images/su/bg_survey_checkbox.png) no-repeat 0 bottom;}
.survey-radio:checked + label:before {content:"";text-align:center;font-weight:800;line-height:20px;background-position:0 top;}
.survey-radio:focus + label:before {width:19px;height:19px;outline:1px dotted blue;}
.btn-mid-dark-gray.gray1 {padding-left:70px;padding-right:70px;background:#6f6f6f;line-height:50px;}
.btn-mid-dark-gray.gray1:hover, .btn-mid-dark-gray.gray1:focus {color:#fff;}
.btn-center.h100 {margin-top:100px;}


.top-box-survey {width:100%;height:300px;background:#f3f4f9;}
.top-box-survey .inner {width:1100px;height:300px;padding:78px 0 0 59px;margin:0 auto;background:url(../images/su/bg_survey_topbx.png) no-repeat right 36px;text-align:left;}
.top-box-survey .page-title {padding:0;margin:0 0 22px;font-size:45px;color:#000;text-align:left;letter-spacing:-2px;}
.top-box-survey .page-title span {color:#fb5b1c;}
.top-box-survey .page-title-text {font-size:19px;color:#434343;line-height:28px;}

.use-step.survey-style {height:175px;padding-bottom:20px;margin-top:12px;}
.use-step.survey-style li {height:133px;}
.use-step.survey-style .step01 {background:url(../images/su/ico_survey_step01.png) no-repeat 17px 67px;}
.use-step.survey-style .step02 {background:url(../images/su/ico_survey_step02.png) no-repeat 17px 67px;}
.use-step.survey-style .step03 {background:url(../images/su/ico_survey_step03.png) no-repeat 17px 67px;}
.use-step.survey-style ul li .cont {margin-top:25px;}

.survey-ex {margin-top:22px;}
.survey-ex:after {clear:both;display:block;content:'';}
.survey-ex li {float:left;width:350px;margin-left:25px;}
.survey-ex li:first-child {margin-left:0;}
.survey-ex li em {display:block;margin-bottom:15px;font-size:18px;line-height:25px;color:#5d6878;font-weight:700;}
.survey-ex li em span {display:inline-block;margin-right:10px;width:25px;height:25px;border-radius:50px;color:#fff;background:#5d6878;font-weight:400;text-align:center;}
.survey-ex li .img {width:350px;height:auto;}

/* #7802 링크 복사 */
.share-area{margin-top: 10px;}
.share-area button{width:100%; line-height: 40px; color:#1e60c7; border:1px solid #abc3ef; background:#f4f7fc;}
.share-area button.btn-share span:before{content:''; display:inline-block; width:18px; height: 15px; background:url(../images/su/ico_shareLink.png) no-repeat; vertical-align: middle; margin:0 10px 2px 0;}

/* #8103 시장분석 공유하기 */
.share-area{display:flex; gap: 9px; position:relative;}
.share-area .share01{display:flex; width: 102px; height: 92px; border: 1px solid #ddd; justify-content: center; align-items: center;}
.share-area .share01 .qrcode{display:block; width: 72px;}

.share-area button{width: auto; line-height: 1; border:none; background: none;}
.share-area .share02{width: calc(100% - 102px);}
.share-area .share02 button{width: 100%; line-height: 38px; height: 42px; color:#000; border: 1px solid #ddd; background: #fff;}
.share-area .share02 button + button{margin-top: 8px;}
.share-area .share02 button.btn-share01 span:before{content:''; display:inline-block; width:18px; height: 15px; background:url(../images/su/ico_shareLink.png) no-repeat; vertical-align: middle; margin:0 10px 2px 0;}
.share-area .share02 button.btn-share02 span:before{content:''; display:inline-block; width:18px; height: 15px; background:url(../images/su/btn-share02.png) no-repeat; vertical-align: middle; margin:0 5px 2px 0;}
.share-area .share02 button:active{border-color: #a9c5ec; background:#f4f7fc; color:#1d61c6;}
.share-area .share02 button.active{border-color: #a9c5ec; background:#f4f7fc; color:#1d61c6;}


.share-area .share03{display:none; position:absolute; top:-190px; right:0; width:214px; height: 235px; border-radius: 10px; border:1px solid #ccc; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); z-index:11; background:#fff;}
.share-area .share03 strong{display:block; font-size:16px; color:#333; text-align: center; padding: 24px 0 24px;}
.share-area .share03 .close{display:block; width: 20px; height: 20px; background:none; border:none; position:absolute; top:26px; right:20px; text-indent: -9999px; font-size:0;}
.share-area .share03 .close:before{content:''; display:block; width:14px; height: 14px; background:url(../images/su/ico_shareClose.png) no-repeat;}
.share-area .share03 ul{display:grid; padding: 0 24px; grid-template-columns: repeat(3, 1fr); column-gap: 20px; row-gap: 18px;}
.share-area .share03 ul li{font-size:12px; color:#666; text-align: center; line-height: 1.2;}
.share-area .share03 ul li a:before{content:''; display:block; width: 36px; height: 36px; background:url(../images/su/ico_sns_pc.png) no-repeat; margin:0 auto 5px; border-radius: 100%;}
.share-area .share03 ul li:nth-child(1) a:before{background-position: -75px 0;}
.share-area .share03 ul li:nth-child(2) a:before{background-position: 0 0;}
.share-area .share03 ul li:nth-child(3) a:before{background-position: -37px 0;}
.share-area .share03 ul li:nth-child(4) a:before{background-position: -113px 0;}
.share-area .share03 ul li:nth-child(5) a:before{background-position: -190px 0;}
.share-area .share03 ul li:nth-child(6) a:before{background-position: -189px 0;}

/* #8181 가상창업체험 활동 상단 고정 */
.fix-exam img{border: 2px solid #5659c8; box-sizing: border-box;}
.fix-exam .fix-tag{position:absolute; top:12px; right:-6px; z-index: 10; width: 70px; height: 38px; border:none;}
.search-list-cont .product-list .img-cont .fix-tag, .search-results-list .img .fix-tag, .survey-summary .survey-img .fix-tag{width:70px; height: 38px; border-radius: 0;}
.search-list-cont .search-results-list .img{position: relative;}
.search-list-cont .search-results-list .img a{overflow: initial;}
.search-results-list .img img{border-radius: 10px;}
.search-list-cont .product-list .img-cont img{border-radius: 8px;}
.survey-condition .state img, .survey-condition .survey-term img{border:none;}
.survey-summary .survey-img{overflow: initial;}
.search-list-cont .search-results-list .fix-exam .tit a{color:#3953c0;}
.fix-exam .survey-condition .survey-title{color:#3953c0;}
.search-results-list .fix-exam em a{color:#3953c0;}
.search-list-cont .product-list .fix-exam .product-name{color:#3953c0;}