@charset "utf-8";

.program--search{position:relative;width:100%;margin-bottom:50px;padding:20px;border:1px solid #dfdfdf;background-color:#f7f8f9;}
.program--search:after{display:block;content:"";clear:both;visibility:hidden;}
.program--search.type2{border:1px solid #e9e9e9;background-color:#fafafa;}
.program--search.type3{border:1px solid #dfdfdf;background-color:#f3f3f3;}
.program--search *{vertical-align:middle;}
.program--search .search_inner{position:relative;white-space:nowrap;display: table;max-width: 780px;width:100%;margin-left: auto;margin-right: auto;text-align:center}
.program--search .float-md-left{float:left;text-align:left;}
.program--search .search_inner.float-md-right{float:right;text-align:right;position: relative;max-width: none;width:70%}
.program--search .fieldset{position:relative;white-space: nowrap;display: table;width:100%;}
.program--search .fieldset *{vertical-align:top;}
.program--search .search_inner.float-md-right .fieldset{text-align:right;}
.program--search .search--select,
.program--search .search--text,
.program--search .search--btn,
.program--search .search--date,
.program--search .program--page{display:table-cell;padding:0 1px;}
.program--search .search--btn{width:1%;}
.program--search .search--date span,
.program--search .search--select span,
.program--search .search--text span,
.program--search .search--btn span{display:block;width:100%;height: 42px;position: relative;}
.program--search .search--btn span,
.program--search .search--btn button{display:inline-block;width: 75px;}
.program--search .search--date input[type="date"],
.program--search .search--date input[type="text"],
.program--search .search--select select,
.program--search .search--text input[type="text"]{display:inline-block;width: 100%;margin:0;padding:0 0 2px 12px;font-family: inherit;background-color:#fff;border: 1px solid #cdcdcd;border-radius: 0;vertical-align: middle;appearance: none;-webkit-appearance: none;-moz-appearance: textfield;box-sizing: border-box;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;height: 42px;line-height: 39px;font-size: 16px;/* border-radius: 0 !important; */}
.program--search .search--select select{min-width: 80px;padding: 0 25px 2px 12px;-webkit-padding-end: 25px;-moz-padding-end: 25px;background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAANElEQVQYV2Ncvnz5fwYiACPRCkGGEVIcGRnJyAizFZdikCKQGrhCbCbDFGEoRFaMrAgkDgB1ORXvQyzzggAAAABJRU5ErkJggg==) no-repeat right 8px center;}
.program--search .search--date input[type="date"],
.program--search .search--date input[type="text"]{padding: 0 30px 2px 12px;-webkit-padding-end: 30px;-moz-padding-end:30px;min-width: 135px;/* max-width: 135px; */}
.program--search .search--date .input__addon, .program--search .search--date .input__split{top: 1px;right: 1px;height:calc(100% - 2px );}
.program--search .search--date .input__addon .date__icon, .program--search .search--date .input__split .date__icon{height:100%;background-color: transparent;background-size: 18px;}
.program--search .search--text input[type="text"]{min-width:180px;}
.program--search .search--btn .btn--submit{border-radius: 0;}
.program--search .search--btn .btn--submit input[type=submit]{height: 42px;background-color:#333840;color: #fff;border:1px solid #000;display: inline-block;width: 100%;padding: 0 8px 2px 11px;letter-spacing: -1px;font-weight: bold;font-size: 14px;}
.program--search .search--btn button{padding: 0 8px 2px 8px;letter-spacing: -1px;font-weight: bold;font-size: 14px;height: 42px;line-height: 40px;margin: 0;border-radius: 0;}
.program--search .search--btn button i{display:none}
.program--search .search--date input[type="date"]:focus,
.program--search .search--date input[type="text"]:focus,
.program--search .search--select select:focus,
.program--search .search--text input[type="text"]:focus{outline: 0;border-color: #888;box-shadow: 0 0 6px rgb(0 0 0 / 20%);}
.program--search .program--page{margin-left:0.5%;display:table-cell;width: 150px;}
.program--search .program--page .search--select{display:inline-block;}
.program--search .program--page label{font-size:0;line-height:0;}
.program--search .program--page button{display:inline-block;width:60px;margin:0 1px;padding: 0 10px 2px 10px;font-family: inherit;height: 42px;background-color: #333840;color:#fff;letter-spacing: -1px;font-weight: bold;font-size: 14px;}
.program--count{display:inline-block;position:relative;padding-top:10px;padding-left: 33px;font-size: 15px;letter-spacing:-1px;color: #666;}
.program--count *{vertical-align:middle;}
.program--count:before{display:inline-block;position:absolute;top:10px;left:0;width: 28px;height: 28px;content:'';background-color: #333840;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M20 22H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1zm-1-2V4H5v16h14zM8 7h8v2H8V7zm0 4h8v2H8v-2zm0 4h5v2H8v-2z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: 50%;border-radius: 50%;background-size: 16px;}
.program--count span{display: inline-block;letter-spacing: -1px;}
.program--count span *{vertical-align:middle}
.program--count span strong{display:inline-block;padding: 0 2px;position: relative;top: -2px;color: #333840;font-weight:bold;text-decoration: underline;}
.program--count span.program--division-line strong{padding: 0;}
.program--search .form__split{height:42px;line-height:42px;}
.program--search--index{display:flex;justify-content:space-between;margin-bottom: 20px;padding: 16px 18px;}
.program--search--index *{vertical-align:middle}
.program--search--index:after{display:none;}
.program--count{padding-top:13px;}
.program--control .sort{display:flex;flex-wrap:wrap}
.program--control .search--select {position: relative;display: inline-block;min-width: 185px;border: 1px solid #d9d9d9;border-radius: 2px;vertical-align: top;z-index: 1;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition: all 0.15s ease-in-out;-o-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;margin-right:6px;}
.program--control .search--select:before {content: "";position: absolute;top: 50%;right: 15px;width: 0;height: 0;margin-top: -1px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #000;z-index:10}
.program--control .search--select span{display:block;width:100%;padding-left:49px;position: relative;}
.program--control .search--select span:before{content: "";display: block;position: absolute;top:0px;left:0;bottom: 0px;width: 49px;border-right: 1px solid rgba(0, 0, 0, 0.075);background-color: #fff;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0H24V24H0z'/%3E%3Cpath d='M21 4v2h-1l-5 7.5V22H9v-8.5L4 6H3V4h18zM6.404 6L11 12.894V20h2v-7.106L17.596 6H6.404z' fill='rgba(149,164,166,1)'/%3E%3C/svg%3E");background-size: 22px;background-repeat: no-repeat;background-position: 50%;}
.program--control .search--select select {width: 100%;height: 40px;padding: .75em .5em;border: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;background:#fff;}
.program--control .form.switch{display:flex;}
.program--control .form.switch .btn{position: relative;width: 42px;height: 42px;margin: 0 1px;padding:0;font-size: 0;text-indent: -999999px;border: 1px solid #d9d9d9;background-color:#fff;border-radius:2px;vertical-align: middle;display: inline-flex;justify-content: center;align-items: center;}
.program--control .form.switch .btn.active{background-color:#053863;border-color:#053863}
.program--control .form.switch .btn .ir{display:block;width:20px;height:20px;background-size:100%}
.program--control .form.switch .btn .ir.icon-view-ahead{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M11 4h10v2H11V4zm0 4h6v2h-6V8zm0 6h10v2H11v-2zm0 4h6v2h-6v-2zM3 4h6v6H3V4zm2 2v2h2V6H5zm-2 8h6v6H3v-6zm2 2v2h2v-2H5z'/%3E%3C/svg%3E");}
.program--control .form.switch .btn .ir.icon-view-grid{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M14 10v4h-4v-4h4zm2 0h5v4h-5v-4zm-2 11h-4v-5h4v5zm2 0v-5h5v4a1 1 0 0 1-1 1h-4zM14 3v5h-4V3h4zm2 0h4a1 1 0 0 1 1 1v4h-5V3zm-8 7v4H3v-4h5zm0 11H4a1 1 0 0 1-1-1v-4h5v5zM8 3v5H3V4a1 1 0 0 1 1-1h4z'/%3E%3C/svg%3E");}
.program--control .form.switch .btn.active .ir.icon-view-ahead{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M11 4h10v2H11V4zm0 4h6v2h-6V8zm0 6h10v2H11v-2zm0 4h6v2h-6v-2zM3 4h6v6H3V4zm2 2v2h2V6H5zm-2 8h6v6H3v-6zm2 2v2h2v-2H5z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}
.program--control .form.switch .btn.active .ir.icon-view-grid{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M14 10v4h-4v-4h4zm2 0h5v4h-5v-4zm-2 11h-4v-5h4v5zm2 0v-5h5v4a1 1 0 0 1-1 1h-4zM14 3v5h-4V3h4zm2 0h4a1 1 0 0 1 1 1v4h-5V3zm-8 7v4H3v-4h5zm0 11H4a1 1 0 0 1-1-1v-4h5v5zM8 3v5H3V4a1 1 0 0 1 1-1h4z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}
@media(max-width:980px){
	.program--search .search_inner{max-width:none;width:100%;}
	.program--search .float-md-left,
	.program--search .search_inner.float-md-right{float:none;text-align:left;}
	.program--search .search_inner.float-md-right{margin-top:20px;width: 100%;}
	.program--search .search--date input[type="date"],
	.program--search .search--date input[type="text"]{min-width:100px}
}
@media(max-width:767px){
	.program--search .search--select select{min-width:70px;}
	.program--search .search--date input[type="date"], .program--search .search--date input[type="text"]{min-width:90px}
}
@media(max-width:640px){
	.program--search .search--select, .program--search .search--text, .program--search .search--btn, .program--search .search--date, .program--search .program--page,.program--search .program--page .search--select{display:block;margin:1px 0;width:100%;}
	.program--search .program--page button,
	.program--search .search--btn{width:100%;}
	.program--search .search--date{width:48%;}
	.program--search .form__split{width:4%;padding:0;text-align:center}
	.program--search .search--date,
	.program--search .form__split{display:inline-block;}
	.program--search .search--btn span, .program--search .search--btn button{display:block;margin:1px 0;width:100%;}

}

.ui.program--search {/* margin-bottom: 0px; */box-sizing: border-box;}
.ui.program--search .search_inner.clearfix {display: block;white-space: normal;}
.ui.program--search .search_inner.clearfix .fieldset {white-space: normal;display: block;text-align: left;}
.ui.program--search .search_inner.clearfix .fieldset .search--select {/* display: inline-block; *//* width: 264px; */}
.ui.program--search .search_inner.clearfix .fieldset .search--select span {/* display: inline-block; *//* width: calc(100% / 2 - 2px); */}
.ui.program--search .search_inner.clearfix .fieldset .search--select span:first-child {/* width: 140px; */}
.ui.program--search .search_inner.clearfix .fieldset .search--select span:last-child {/* width: 120px; */}
.ui.program--search .search_inner.clearfix .fieldset .search--select span select {min-width: 1px;}
.ui.program--search .search_inner.clearfix .fieldset .search--text {/* display: inline-block; *//* width: calc(100% - 342px); *//* margin-left: -3px; */}
.ui.program--search .search_inner.clearfix .fieldset .search--text input {border-radius: 0px !important;min-width: 1px;}
.ui.program--search .search_inner.clearfix .fieldset .search--text input::placeholder {font-size:15px;letter-spacing:-1px}
.ui.program--search .search_inner.clearfix .fieldset .search--btn {/* display: inline-block; *//* margin-left: -3px; */}
.ui.program--search .search_inner.clearfix .fieldset .search--btn .btn--submit {background-color: #277ed0;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: 10px 50%;padding-left: 13px;}
.ui.program--search .search_inner.clearfix .fieldset .search--btn .btn--submit input {background-color: transparent;border: none;line-height: 42px;}

.program--search .float-md-left {padding: 9px 0;}
.program--count:before {background-image: none;background-color: #d2462c;width: 4px;height: 4px;border-radius: 0px;top: 9px;}
.ui.program--count {padding-left: 10px;padding-top: 0px;}
.program--count span strong {color: #d2462c;top: 0px;}

.table-icon.icon--hide {display: none;}

@media (max-width:980px) {
	.program--search .search_inner.float-md-right {margin-top: 0px;}
	.program--search .float-md-left {padding-top: 0px;}
}

@media (max-width:640px) {
	.ui.program--search .search_inner.clearfix .fieldset .search--btn .btn--submit {background-image: none;box-sizing: border-box;}
	.ui.program--search .search_inner.clearfix .fieldset .search--btn {margin: 0;}
	.ui.program--search .search_inner.clearfix .fieldset .search--select {width: 100%;margin-bottom: 4px;}
	.ui.program--search .search_inner.clearfix .fieldset .search--select span:first-child, .ui.program--search .search_inner.clearfix .fieldset .search--select span:last-child {width: calc(100% / 2 - 2px);}
	.ui.program--search .search_inner.clearfix .fieldset .search--text {margin: 0px;width: 100%;margin-bottom: 3px;}

}


.progboard_total {margin:0 0 10px;}
.progbasic_box {position:relative;margin-bottom: 30px;padding: 15px 20px;border: 1px solid #d9d9d9;background: #fff;}
.progbasic_box:after {content:"";position:absolute;bottom:-4px;left:-1px;display:block;width:100%;height:3px;background:#f1f1f1;}
.progbasic_box .basic_search strong {line-height:34px; margin:0 5px 0 0; font-size:16px;}
.progbasic_box .inner:after {display:block; clear:both; visibility:hidden; content:''; }
.progbasic_box .grap {float:left; width:auto; }
.progbasic_box .grap select,
.progbasic_box .grap input {    height: 34px; line-height:34px; border: 1px solid #ddd;}

/* 설문조사 리스트  */
.surveyWrap {margin:0 0 50px;}
.surveyWrap * {box-sizing:border-box; word-break:keep-all;}

.surveyWrap #searchForm {}
.surveyWrap .basic_box {background-color: #f5f6f9;margin-bottom: 30px;position: relative;width: 100%;padding: 20px;border: 1px solid #dfdfdf;}
.surveyWrap .basic_box .inner {}
.surveyWrap .basic_box .inner {}
.surveyWrap .basic_box .inner fieldset {}
.surveyWrap .basic_box .inner fieldset:after {content:'';clear:both;display:block;}
.surveyWrap .basic_box .inner fieldset .board_total {float: left;text-align: left;position: relative;padding-left: 35px;}
.surveyWrap .basic_box .inner fieldset .board_total:before {display:inline-block;position:absolute;top: 0;left:0;width: 28px;height: 28px;content:'';background-color: #394c89;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M20 22H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1zm-1-2V4H5v16h14zM8 7h8v2H8V7zm0 4h8v2H8v-2zm0 4h5v2H8v-2z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: 50%;border-radius: 50%;background-size: 16px;}
.surveyWrap .basic_box .inner fieldset .board_total span {font-size: 14px;font-weight: normal;}
.surveyWrap .basic_box .inner fieldset .board_total .bold.num {color: #394c89;font-weight: 600;}

.surveyWrap .basic_box .inner fieldset .basic_search {float: right;text-align: right;position: relative;max-width: none;width: 70%;margin-left: auto;margin-right: auto;}
.surveyWrap .basic_box .inner fieldset .basic_search .grap {max-width: 140px;width: 100%;display: inline-block;}
.surveyWrap .basic_box .inner fieldset .basic_search .grap select {width: 100%;height: 42px;border: 1px solid #cdcdcd;padding: 0 25px 2px 12px;border-radius: 5px;}

.surveyWrap .basic_box .inner fieldset .searchinput  {display: inline-block;width: calc(100% - 146px);}
.surveyWrap .basic_box .inner fieldset .searchinput input[type='text'] {border-radius: 5px;height: 42px;border: 1px solid #cdcdcd;display: inline-block;width: calc(100% - 81px);padding: 0 0px 2px 12px;}
.surveyWrap .basic_box .inner fieldset .searchinput .btn-submit {background-color: #394c89;height: 42px;width: 75px;color: #fff;border: 1px solid #394c89;font-weight: 600;border-radius: 5px;display: inline-block;vertical-align: top;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: 7px 50%;}
.surveyWrap .basic_box .inner fieldset .searchinput .btn-submit input {width: 100%;height: 100%;display: block;border: none;padding-left: 16px;padding-right: 0px;}

.surveylist {margin:0 -15px; }
.surveylist:after {display:block; clear:both; visibility:hidden; content:'';}
.surveylist .colbox {float:left; width:calc(25% - 20px); margin:0 10px 30px;}
.surveylist .colbox .link {display:block; position:relative; width:100%; border:1px solid #ddd; transition: all 0.3s;}
.surveylist .colbox .cate {position:absolute; left:0; top:0; height:40px; line-height:40px; padding:0 15px; font-size:14px; font-weight:bold; color:#fff; z-index: 10;}
.surveylist .colbox .cate1 {background: #0466b7;}
.surveylist .colbox .cate2 {background: #d63431;}
.surveylist .colbox .cate3 {background: #586270;}
.surveylist .colbox .thumb {position: relative; height:200px; border-bottom:1px solid #ddd; background-position:center; background-size:cover; overflow: hidden;}
.surveylist .colbox .thumb::before {content: ""; position: absolute; z-index: 6; top: -36px; left: 50%; margin-left: -16px; background-color: rgba(0,0,0,0.5); height: 32px; width: 32px; border-radius: 32px; transform: scale(1); transform-origin: 50% 50%; transition: transform 0.25s ease-out;}
.surveylist .colbox .thumb::after {content: ""; position: absolute;z-index: 7; top: 50%; left: 50%; margin-left: -28px; margin-top: -25px; height: 46px; width: 46px; transform: scale(0); transform-origin: 50% 50%; opacity: 0; transition: transform 0.25s ease-out,opacity 0.25s ease-out; transition-delay: 0.25s; background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='46' height='46' rx='23' fill='white'/%3E%3Cpath d='M29.6667 22.5834V18.8334L25.9167 14.6667H17.1667C16.7065 14.6667 16.3334 15.0398 16.3334 15.5001V30.5001C16.3334 30.9603 16.7065 31.3334 17.1667 31.3334H22.1667' stroke='black' stroke-width='1.5' stroke-linecap='square'/%3E%3Cpath d='M28.1562 28.9895L30.5 30.8645M28.625 27.1145C28.625 28.6678 27.3658 29.927 25.8125 29.927C24.2592 29.927 23 28.6678 23 27.1145C23 25.5612 24.2592 24.302 25.8125 24.302C27.3658 24.302 28.625 25.5612 28.625 27.1145Z' stroke='black' stroke-width='1.6875' stroke-linecap='round'/%3E%3C/svg%3E%0A"); border-radius: 50%;}
.surveylist .colbox .info {padding:25px 30px;}
.surveylist .colbox .info strong {display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 50px;line-height: 1.5;text-overflow: ellipsis;white-space: normal;font-size: 17px;font-weight: bold;color: #000;}
.surveylist .colbox .info .box {margin: 15px 0 0;padding: 10px 0 0 !important;border-top:1px solid #ddd;background: none !important;}
.surveylist .colbox .info .box:after {display:block; clear:both; visibility:hidden; content:'';}
.surveylist .colbox .info .box .date {float:left; color:#777; font-size:15px; display: block; width: 100%; text-align: left; height: 48px;}
.surveylist .colbox .info .box .view {float:right; color:#777; font-size:15px; display: block; width: 100%; text-align: right;}
.surveylist .colbox .info .box .view:before {display:inline-block;content:'';width: 20px;height: 20px;margin: -3px 5px 0 0;/* background: url(/images/kor/survey/icon-bbs.png) no-repeat 0 0; *//* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 3c5.392 0 9.878 3.88 10.819 9-.94 5.12-5.427 9-10.819 9-5.392 0-9.878-3.88-10.819-9C2.121 6.88 6.608 3 12 3zm0 16a9.005 9.005 0 0 0 8.777-7 9.005 9.005 0 0 0-17.554 0A9.005 9.005 0 0 0 12 19zm0-2.5a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9zm0-2a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z' fill='rgba(236,240,241,1)'/%3E%3C/svg%3E"); */background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 3c5.392 0 9.878 3.88 10.819 9-.94 5.12-5.427 9-10.819 9-5.392 0-9.878-3.88-10.819-9C2.121 6.88 6.608 3 12 3zm0 16a9.005 9.005 0 0 0 8.777-7 9.005 9.005 0 0 0-17.554 0A9.005 9.005 0 0 0 12 19zm0-2.5a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9zm0-2a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z' fill='rgba(149,164,166,1)'/%3E%3C/svg%3E");vertical-align:middle;background-size: 100%;}


.surveylist .colbox .link:hover,
.surveylist .colbox .link:focus {border: 1px solid #000; box-shadow: 5px 10px 15px 0px rgba(0, 0, 0, 0.05);}
.surveylist .colbox .link:hover .thumb::before,
.surveylist .colbox .link:focus .thumb::before {transform: scale(40);}
.surveylist .colbox .link:hover .thumb::after,
.surveylist .colbox .link:focus .thumb::after {transform: scale(1); opacity: 1;}


@media(max-width:1300px){
	.surveylist .colbox {width:calc(50% - 30px);}
}

@media (max-width:768px) {
.surveyWrap .basic_box .inner fieldset .board_total {float: none;display: block;margin: 0;}
.surveyWrap .basic_box .inner fieldset .basic_search {float: none;display: block;width: 100%;margin-top: 15px;}
}

@media(max-width:640px){
	.surveylist .colbox {width:calc(100% - 30px);}
}

@media (max-width:520px) {
.surveyWrap .basic_box .inner fieldset .basic_search .grap {display: block;width: 100%;max-width: none;margin-bottom: 3px;}
.surveyWrap .basic_box .inner fieldset .searchinput {display: block;width: 100%;}
.surveyWrap .basic_box .inner fieldset .searchinput input[type='text'] {display: block;width: 100%;margin-bottom: 3px;}
.surveyWrap .basic_box .inner fieldset .searchinput .btn-submit {display: block;width: 100%;background-image: none;}
.surveyWrap .basic_box .inner fieldset .searchinput .btn-submit input {padding: 0;}
}

.surveyview {}
.surveyview .toptit {}
.surveyview .toptit .cate {display:block;overflow: hidden;line-height: 1.1; margin:0 0 10px;font-size: 18px;font-weight: bold;}
.surveyview .toptit .cate1 {color: #0466b7;}
.surveyview .toptit .cate2 {color: #d63431;}
.surveyview .toptit .cate3 {color: #586270;}
.surveyview .toptit strong {display:block;overflow: hidden;line-height: 1.1;padding: 0 0 24px;border-bottom: 2px solid #394c89;/* border-top: 1px solid #3a3a3a; */font-size: 20px;font-weight: bold;color: #272727;}
.surveyview .toptit ul {padding:35px 0;margin: 0 0 40px;border-bottom: 1px solid #394c89;}
.surveyview .toptit ul:after {display:block; clear:both; visibility:hidden; content:'';}
.surveyview .toptit ul li {float:left;position:relative;width:50%;margin: 3px 0;padding-left:75px;font-size:15px;color:#333;}
.surveyview .toptit ul li span {display:block;position:absolute;left: 0;top:0;color: #333;font-size: 15px;font-weight: 700;}
.surveyview .toptit ul li .down {line-height: 120%; margin: 0 5px 5px 0; font-size: 15px;}
.surveyview .toptit ul li .down .fa {min-width: 16px; background-repeat: no-repeat;}
.surveyview .editorBox {font-size:15px}
.surveyview .btnbox {margin: 50px 0;text-align:center;}
.surveyview .btnbox .btntype {display:inline-block;min-width:100px;height:40px;line-height:40px;padding:0 20px;border: 1px solid #394c89;color: #394c89;}
.surveyview .btnbox .btntype2 {background: #394c89; color:#fff;}

.tip {position:relative;padding-left: 17px;font-size:15px;color:#272727;}
.tip:before {display:block;position:absolute;content:'※';left:0;top: -1px; }

.satisfaction {min-height:130px;}

@media(max-width:767px){
	.surveyview .toptit ul li {float:none; width:100%;}
}


/* 댓글 */
.commont_tit {margin:100px 0 10px;}
.commont_tit:after {display:block; clear:both; visibility:hidden; content:''; }
.commont_tit strong {display:block; float:left; color: #272727; font-size:18px; font-weight:bold;}
.commont_tit span {display:block; float:right;color: #394c89;}
.comment {padding: 20px 0 0;border-top: 2px solid #394c89;}
.comment .group {}
.comment .group .item {padding: 20px 0;border-bottom: 1px dashed #ddd;}
.comment .group .item:last-child {border-bottom: 1px solid #ddd;}

.comment .group .item p {font-size:15px;}
.comment .group .item .commtop {margin:10px 0 0;}
.comment .group .item .commtop:after {display:block; clear:both; visibility:hidden; content:''; }
.comment .group .item .commtop strong {display:block;float:left;font-size:15px;font-weight:normal;color: #999;vertical-align: top;}
.comment .group .item .commtop strong span {margin-right:10px;font-weight:bold;color: #333;}
.comment .comment_write {position:relative; padding:20px 110px 20px 0;}
.comment .comment_write textarea {width:100%;height:100px;padding: 10px;}
.comment .comment_write a,
.comment .comment_write button {display:block;position:absolute;right:0;top:20px;width:100px;height:100px;line-height:100px;background-color: #394c89;text-align:center;color:#fff;font-weight:bold;padding-right: 0;text-align: center;}
.likebtn {float:right;text-align:right;}
.likebtn .btntype {line-height: 24px;padding: 0 5px;border:1px solid #0466b7;background:#fff;color:#0466b7;vertical-align: top;text-align:center;display: inline-block;}
.likebtn .btntype2 {border:1px solid #d63431; color:#d63431;text-align:center}
.likebtn .btntype span {margin-right: 0;vertical-align: middle;display: block;}

@media(max-width:500px){
	.comment .comment_write {padding:20px 0;}
	.comment .comment_write a,
	.comment .comment_write button {position:static; width:100%; height:50px; line-height:50px;margin:10px 0 0; }
}




.scrollbox {}
.scrollbox > strong {display:block;margin:0 0 10px; font-size:18px;font-weight: bold;color: #272727;}
.scrollbox > div {border:1px solid #ccc;padding:20px; }
.scrollbox > div .inner {overflow-y:auto; height:150px; }

.checklist {}
.checklist .checkbox {padding:0 0 30px; border-bottom:1px dashed #ddd; }
.checklist .checkbox > strong {display:block; margin:30px 0 10px; font-size:18px;font-weight: bold;color: #272727; }
.checklist .checkbox > strong span {margin-right:5px; color:#0466b7; font-weight:bold; }
.checklist .checkbox > div {margin:5px 0 0; }
.checklist .checkbox.type3 > div,
.checklist .checkbox.type4 > div {display:inline-block; margin:5px 15px 0 0; }
.checklist .checkbox > div label {font-size:15px; }
.checklist .checkbox > div input {margin:0 10px 0 0;}
.checklist .checkbox > div textarea {width:100%; height:200px;     border: 1px solid #ccc;}


.survey_imglist {}
.survey_imglist .colbox {margin:0 0 30px; padding:30px 35px; border:1px solid #ddd; }
.survey_imglist .colbox:after{display:block; clear:both; visibility:hidden; content:'';}
.survey_imglist .colbox .thumb {float:left; width:40%; height:200px;background-repeat: no-repeat;background-position: 50%;background-size: cover;}
.survey_imglist .colbox .info {float:left;width:60%;padding:20px 0 0 30px;}
.survey_imglist .colbox .info strong {display:block;margin:0 0 10px;font-size: 17px;color:#272727;font-weight:bold;}
.survey_imglist .colbox .info p {font-size:15px;}
.survey_imglist .colbox label {display: inline-block;width: 100px;margin: 25px auto 0;padding: 10px 15px;border: 1px solid #ddd;text-align: center;font-size: 17px;}
.survey_imglist .colbox label input {}

.surveyWrap .imglist_txt {margin:70px 0 15px;text-align:center;font-size:20px;font-weight:bold;}
.surveyWrap .imglist_txt span {color: #d63431;}


.surveyWrap .opinion {margin: 0 0 60px;padding: 0 0 60px;border-bottom: 1px solid #ddd;text-align:center;}
.surveyWrap .opinion label {display: inline-block;min-width: 100px;padding: 10px 10px;margin: 0;}
.surveyWrap .opinion label.type1 {border:1px solid #0466b7; background:#0466b7; color:#fff;}
.surveyWrap .opinion label.type2 {border:1px solid #d63431; background:#d63431; color:#fff; }
.surveyWrap .opinion label input {margin:0 10px 0 0; }

.surveyWrap .ui-accordion--faq {border-top:1px solid #ddd;}
.surveyWrap .ui-accordion--faq .accordion__item {margin-bottom: 0;}
.surveyWrap .accordion__header {position:relative;padding: 20px 100px 20px 20px;padding-left: 0;padding-right: 0;padding-bottom: 0;}
.surveyWrap .accordion__header:after {display:block; clear:both; visibility:hidden; content:''; }
.surveyWrap .accordion__header label {display: inline-block;position: relative;z-index: 10;font-size:18px;}
.surveyWrap .accordion__header label input {margin:-3px 10px 0 0}
.surveyWrap .accordion__header a {display:block;position:absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 25px 20px 0;border: 1px solid #ddd;border-top: none;text-align: right;font-size: 0;}
.surveyWrap .accordion__body {display:none;}
.surveyWrap .accordion__body .accordion__content {padding:20px;background: #f4f4f4;font-size:15px;display: block;width: 100%;position: relative;}
.surveyWrap .accordion__body .accordion__content p {display: block;width: 100%;word-break: keep-all;white-space: normal;word-wrap: break-word;}


@media(max-width:767px){
	.survey_imglist .colbox {padding:20px 20px;}
	.survey_imglist .colbox .thumb {float:none; width:100%; max-width:500px; margin:0 auto; }
	.survey_imglist .colbox .info {float:none; width:100%; padding:0; margin:20px 0 0;}
}





/* sns */
#tab_wrap {position: relative;}
#tab_wrap * {box-sizing:border-box; }



#tab_wrap .menu_wrap{border:1px solid #cecece;overflow:hidden;}
#tab_wrap .menu_wrap:after {display:block; clear:both; visibility:hidden; content:''; }
#tab_wrap .menu_wrap li{display:block;float:left;width:25%;margin:0 0 -1px -1px;border:dashed #cecece;border-width:0 0 1px 1px;}
#tab_wrap .menu_wrap li a{display:block;padding:7px 15px 7px 35px;background:url(/images/kor/common/bul_tab.png) no-repeat 15px -28px;font-weight:700;text-align:justify;cursor:pointer;}
#tab_wrap .menu_wrap li a.ov,
#tab_wrap .menu_wrap li a:hover,
#tab_wrap .menu_wrap li a:focus,
#tab_wrap .menu_wrap li a:active{background:#66747F url(/images/kor/common/bul_tab.png) no-repeat 15px 13px;color:#fff;}
#tab_wrap .menu_wrap li a[target="_blank"] span{padding-right:15px;background:url(/images/kor/common/ico_window.gif) no-repeat 100% 50%;}


#tab_wrap .sns_list {margin: 15px 0 0;}
#tab_wrap .sns_list ul {margin:0 -14px;}
#tab_wrap .sns_list ul:after {display:block; clear:both; visibility:hidden; content:'';}
#tab_wrap .sns_list ul li {float:left;position:relative;width:calc(33.33% - 28px);height: 330px;margin: 0 14px 30px;padding: 60px 3% 30px;border:1px solid #ddd;}
#tab_wrap .sns_list ul li[data-cnt="9"] {display:none;}
#tab_wrap .sns_list ul li:after {display:block; position:absolute; top:20px; right:20px; content:''; width:52px; height:52px; border-radius:50%; background-image:url(/images/kor/survey/sns_icon.png); }
#tab_wrap .sns_list ul li strong {display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 52px;margin: 0 0 10px;padding-right: 40px;text-overflow: ellipsis;white-space: normal;font-size: 20px;line-height: 1.3;}
#tab_wrap .sns_list ul li p {display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;height: 110px;text-overflow: ellipsis;white-space: normal;}
#tab_wrap .sns_list ul li .btn_wrap {margin:25px 0 0;}
#tab_wrap .sns_list ul li .btn_wrap a {display:block;width:100%;padding: 10px;border: 1px solid #ddd;text-align:center;background-position: 90% center;}
#tab_wrap .sns_list .more{width: 230px;margin: 30px auto 0;}
#tab_wrap .sns_list .more a{width: 100%;text-align: center;}

#tab_wrap .sns_list.n1 ul li:after {background-color:#3f66c7; background-position:0 0 ;}
#tab_wrap .sns_list.n2 ul li:after {background-color:#1babee; background-position:-52px 0 ;}
#tab_wrap .sns_list.bl ul li:after {background-color:#15a949; background-position:-104px 0 ;}
#tab_wrap .sns_list.yt ul li{padding: 0}
#tab_wrap .sns_list.yt ul li a{display: block; width: 100%; height: 100%; padding: 87px 33px 30px}
#tab_wrap .sns_list.yt ul li .thumb{position: relative; height: 129px;background: #000}
#tab_wrap .sns_list.yt ul li .thumb img{position:absolute; top:50%; left:50%; max-width:none; height:100%; max-height:100%; transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);}
#tab_wrap .sns_list.yt ul li strong{display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 43px;margin-top: 13px;padding: 0;font-size: 17px;color: #6d6f7e;line-height: 1.4;font-weight: bold;white-space: normal;}
#tab_wrap .sns_list.yt ul li em{display: block;margin-top: 5px;color: #6d6f7e;}
#tab_wrap .sns_list.yt ul li:after {background-color:#da1a1a; background-position:-208px 0 ;}

#tab_wrap .ui-list__column .inner .item{min-height: 310px;}
#tab_wrap .ui-list__column .inner .ui-summary strong span {font-size: 14px; line-height: 1.2;}

#tab_wrap .ir-icon__line{background-image: url("/images/kor/sub07/sub_sns.png")}
#tab_wrap .circle .ir-icon__line{width: 110px;height: 110px;}
#tab_wrap .ui-list__column{text-align:center;}
#tab_wrap .ir-icon__line.icon1{background-position: 0 -110px;}
#tab_wrap .ir-icon__line.icon2{background-position: -110px -110px;}
#tab_wrap .ir-icon__line.icon3{background-position: -220px -110px;}
#tab_wrap .ir-icon__line.icon4{background-position: -330px -110px;}
#tab_wrap .ir-icon__line.icon5{background-position: -440px -110px;}
#tab_wrap .ir-icon__line.icon6{background-position: -550px -110px;}
#tab_wrap .ui-list__column .inner .ui-summary {min-height: 150px;}
#tab_wrap .ui-list__column .inner .ui-summary strong {min-height: 60px;}
#tab_wrap .ui-list__column .inner .ui-summary p {margin: 5px 0 15px 0;}
#tab_wrap .tab-ul.type2 li a[target="_blank"] span:after,
#tab_wrap .tab-ul.type2 li a[target="_blank"]:hover span:before,
#tab_wrap .tab-ul.type2 li a[target="_blank"]:focus span:before {width: 12px;height: 11px;margin: -5px 0 0;border-radius: 0;background: url(/images/kor/common/target.png)no-repeat;vertical-align:middle;}
@media screen and (max-width:1200px) {
	#tab_wrap .sns_list ul li {width:calc(50% - 28px);}
}
@media screen and (max-width:640px){
	#tab_wrap .menu_wrap li {width:50%;}
	#tab_wrap .sns_list ul {margin:0;}
	#tab_wrap .sns_list ul li {width:100%;margin:0 0 20px;padding: 60px 30px 30px;}
	#tab_wrap .tab-ul.col4 li {width:50%;}
}




.agreebox2 {margin:20px 0 0; text-align:center; }
.agreebox2 label {margin:0 5px; font-size:15px; }