@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: #fafafa; margin-bottom: 30px; position: relative; width: 100%; padding: 15px 20px; border: 1px solid #ededed; border-radius: 10px; } 
.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: 11px; } 
.surveyWrap .basic_box .inner fieldset .board_total:before { background-repeat: no-repeat; background-position: 50%; border-radius: 50%; background-size: 16px; display: inline-block; position: absolute; top: 9px; left: 0; width: 3px; height: 3px; background-color: #000; content: ''; } 
.surveyWrap .basic_box .inner fieldset .board_total span { font-size: 16px; font-weight: normal; } 
.surveyWrap .basic_box .inner fieldset .board_total .bold.num { color: #E93660; 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: 36px; border: 1px solid #cdcdcd; padding: 0 25px 0 12px; border-radius: 5px; font-size: 15px; color: #666; } 

.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: 36px; border: 1px solid #cdcdcd; display: inline-block; width: calc(100% - 81px); padding: 0 0px 0 12px; font-size: 15px; } 
.surveyWrap .basic_box .inner fieldset .searchinput .btn-submit { background-color: #178E8E; height: 36px; width: 75px; color: #fff; border: 1px solid #178E8E; 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: 47px 50%; } 
.surveyWrap .basic_box .inner fieldset .searchinput .btn-submit input { width: 100%; height: 100%; display: block; border: none;     padding: 5px 34px 3px 14px; color: #FFF;font-size: 15px;font-weight: 400;letter-spacing: -0.3px; } 

.surveylist { display: flex;flex-wrap: wrap;margin:0 -15px; } 
.surveylist:after { display:block; clear:both; visibility:hidden; content:''; } 
.surveylist .colbox { width:calc(33.33% - 30px); margin:0 15px 30px; border:1px solid #ddd; } 
.surveylist .colbox a { display:block; position:relative; width:100%; } 
.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; } 
.surveylist .colbox .cate1 { background: #0466b7; } 
.surveylist .colbox .cate2 { background: #d63431; } 
.surveylist .colbox .cate3 { background: #586270; } 
.surveylist .colbox .thumb { height:200px; border-bottom:1px solid #ddd; background-position:center; background-size:cover; } 
.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 { display: block; min-height: 48px; color:#777; font-size:15px; } 
.surveylist .colbox .info .box .view { display: block; text-align: right; color:#777; font-size:15px; } 
.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%; } 
@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:768px) { 
	.surveylist .colbox .info{padding:15px 20px}
 }
@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:inline-block; overflow: hidden; line-height: 1.1; margin:0 0 10px; font-size: 18px; font-weight: bold; color: #fff; } 
.surveyview .toptit .cate { display: inline-block; overflow: hidden; line-height: 1.1; margin: 0px 0 3px; font-size: 16px; color: #fff; padding: 10px 15px; border-radius: 30px; } 
.surveyview .toptit .cate1 { background-color: #0466b7; } 
.surveyview .toptit .cate2 { background-color: #d63431; } 
.surveyview .toptit .cate3 { background-color: #586270; } 
.surveyview .toptit strong { display:block; overflow: hidden; line-height: 1.1; padding: 0 0 24px; border-bottom: 2px solid rgb(23, 142, 142); /* 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 rgb(23, 142, 142); } 
.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 a { display:inline-block; height:23px; line-height: 21px; margin: 0 5px 5px 0; padding: 0 10px; border: 1px solid #333; font-size: 15px; color: #333; } 
.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 rgb(23, 142, 142); color: rgb(23, 142, 142); } 
.surveyview .btnbox .btntype2 { background: rgb(23, 142, 142); 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:rgb(23, 142, 142); } 
.comment { padding: 20px 0 0; border-top: 2px solid rgb(23, 142, 142); } 
.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:23px; width:100px; height:100px; line-height:100px; background-color: rgb(23, 142, 142); text-align:center; color:#fff; font-weight:bold; padding-right: 0; text-align: center;     font-size: 16px;border-radius: 5px;} 
.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; } 

/* 이미지형 크게보기 버튼 추가 */
.survey_imglist .colbox .thumb {position:relative}
.survey_imglist .colbox .thumb .img-layer {position: absolute; right: 0; bottom: 0; width: 50px; height: 50px;}
.survey_imglist .colbox .thumb .img-layer .fe-btn {display: block; position: relative; width: 100%; height: 100%; margin: 0; border: rgba(0,0,0,0.5); background: rgba(0,0,0,0.5); font-size: 0;}
.survey_imglist .colbox .thumb .img-layer .fe-btn:after {position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; content: ''; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 18C11.775 17.9996 13.4988 17.4054 14.897 16.312L19.293 20.708L20.707 19.294L16.311 14.898C17.405 13.4997 17.9996 11.7754 18 10C18 5.589 14.411 2 10 2C5.589 2 2 5.589 2 10C2 14.411 5.589 18 10 18ZM10 4C13.309 4 16 6.691 16 10C16 13.309 13.309 16 10 16C6.691 16 4 13.309 4 10C4 6.691 6.691 4 10 4Z' fill='white'/%3E%3Cpath d='M11.4121 8.58603C11.7911 8.96603 12.0001 9.46802 12.0001 10H14.0001C14.001 9.47445 13.8977 8.95392 13.6961 8.46851C13.4946 7.9831 13.1989 7.54245 12.8261 7.17202C11.3121 5.66002 8.68707 5.66002 7.17407 7.17202L8.58607 8.58803C9.34607 7.83003 10.6561 7.83203 11.4121 8.58603Z' fill='white'/%3E%3C/svg%3E%0A"); transform: translate(-50%, -50%);}