@charset "utf-8";

.pointer { cursor: pointer; }

.customfield select.jwvalid-must {position:relative;margin:0 5px 0 0;padding:5px 20px 5px 10px;width:calc(33.33% - 15px);max-width: 180px;height: 34px;border: 1px solid #ccc;border-radius: 3px;background: #fff url(/_res/kibotb/ktbs/img/board/btn-sel-open01.png) no-repeat right 10px center;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;color: #777;font-size: 14px;vertical-align: middle;} .b-select{position:relative;margin:0 5px 0 0;padding:5px 20px 5px 10px;width:calc(33.33% - 15px);max-width: 180px;height: 34px;border: 1px solid #ccc;border-radius: 3px;background: #fff url(/_res/kibotb/ktbs/img/board/btn-sel-open01.png) no-repeat right 10px center;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;color: #777;font-size: 14px;vertical-align: middle;}

.accordion-style02 .card .card-header button{width: 93%;}

/*갤러리 게시판  view carousel 중앙정렬*/
.b-img-thumb-box .owl-stage-outer .owl-stage {transition: all 0s ease 0s; width: 1790px; transform: translate3d(300px, 0px, 0px);}

/*소개 및 안내 페이지 css 처리*/
img {max-width:100%;}

.vis-titCont {width:100%; height:320px; position:relative; background:url('/_res/kibotb/ktbs/img/task-guide/Task-guide-tit-vis.jpg') no-repeat center center; margin-bottom:30px;}
.vis-titBox {width:500px; height:230px; background:#fff; position:absolute; left:0; bottom:0;}

.vis-titBox .rel-box .vis-tit {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:block; padding:40px 0; box-sizing:border-box;}
.vis-titBox .rel-box .vis-tit .rel-box {padding:40px 0; text-align:center;}
.vis-titBox .rel-box .vis-tit .rel-box .s-tit { font-size:27px; letter-spacing:-0.03em; font-weight:200; color:#000;}
.vis-titBox .rel-box .vis-tit .rel-box .b-tit { font-size:27px; letter-spacing:-0.03em; font-weight:700; color:#000;}
.vis-titBox .rel-box .vis-tit .rel-box .quotation-mark {font-style:normal;  font-size:78px; letter-spacing:-0.03em; font-weight:700; color:#ddd; position:absolute;}
.vis-titBox .rel-box .vis-tit .rel-box .quotation-mark.first {top:0; left:0;}
.vis-titBox .rel-box .vis-tit .rel-box .quotation-mark.last {bottom:-30px; right:0;}

.advantage .advantage-tit { font-size:18px; letter-spacing:-0.03em; font-weight:500; color:#06377b; padding-top:100px; display:block;}
.advantage .advantage-tit.ico01 {background:url('/_res/kibotb/ktbs/img/task-guide/Task-guide-tit-ico01.png') no-repeat center top;}
.advantage .advantage-tit.ico02 {background:url('/_res/kibotb/ktbs/img/task-guide/Task-guide-tit-ico02.png') no-repeat center top;}
.advantage .advantage-tit.ico03 {background:url('/_res/kibotb/ktbs/img/task-guide/Task-guide-tit-ico03.png') no-repeat center top;}
.advantage .advantage-tit.ico04 {background:url('/_res/kibotb/ktbs/img/task-guide/Task-guide-tit-ico04.png') no-repeat center top;}

.tb-ty01 {width:100%;}
.tb-ty01 th, .tb-ty01 td {border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:left;}
.tb-ty01 th {background:#fbfbfb;  font-size:18px; letter-spacing:-0.03em; font-weight:500; color:#000; padding:20px;}
.tb-ty01 td { font-size:18px; letter-spacing:-0.03em; font-weight:500; color:#777; padding:20px;}
.tb-ty01 th.bg-none {background:none;}

.tb-ty01 .blank-btn {padding:0 15px; height:38px; line-height:38px; background:#06377b; border-radius:50px; display:inline-block; text-align:center; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}
.tb-ty01 .blank-btn span { font-size:15px; letter-spacing:-0.03em; font-weight:500; color:#fff; padding-left:22px; position:relative;}
.tb-ty01 .blank-btn span:before {content:''; display:block; width:12px; height:10px; background:url('../img/layout/ico-blank.png') no-repeat center; background-size:cover; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.tb-ty01 .blank-btn:hover {background:#0b53b7;}


.tb-ty01 .ico-file, .tb-ty01 .ico-video {width:38px; height:38px; border:1px solid #777; background:#f0f0f0; border-radius:50px; text-indent:-99999px; position:relative; display: inline-block; vertical-align: middle; margin-left:15px;}
.tb-ty01 .ico-file:before {content:''; width:16px; height:16px; display:block; background:url('../img/sub/ico-file.png') no-repeat center; background-size:cover; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.tb-ty01 .ico-video:before {content:''; width:16px; height:16px; display:block; background:url('../img/sub/ico-video.png') no-repeat center; background-size:cover; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}


.tb-ty02 {width:100%; border-top:2px solid #06377b; table-layout:fixed;}
.tb-ty02 th, .tb-ty02 td {border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; border-left:1px solid #ddd;}
.tb-ty02 th:first-child, .tb-ty02 td:first-child {border-left:none;}
.tb-ty02 th {background:#fbfbfb;  font-size:18px; letter-spacing:-0.03em; font-weight:500; color:#000; padding:20px;}
.tb-ty02 td { font-size:18px; letter-spacing:-0.03em; font-weight:200; color:#777; padding:20px;}
.tb-ty02 .lline {border-left:1px solid #ddd !important;}


.tb-ty02.rel-td-ty td {position:relative;}



.tb-ty03 {width:100%;}
.tb-ty03 th, .tb-ty03 td {border:1px solid #ddd; text-align:center; text-align:left;}
.tb-ty03 th {background:#fbfbfb;  font-size:18px; letter-spacing:-0.03em; font-weight:500; color:#000; padding:20px 25px;}
.tb-ty03 td { font-size:18px; letter-spacing:-0.03em; font-weight:200; color:#777; padding:20px 30px;}
.tb-ty03 th.bg-none {background:none;}



.tb-ty04 {width:100%;}
.tb-ty04 th, .tb-ty04 td {border:1px solid #ddd; border-left:none; border-right:none; text-align:center; text-align:left;}
.tb-ty04 th:first-child, .tb-ty04 td:first-child {border-left:1px solid #ddd;}
.tb-ty04 th:last-child, .tb-ty04 td:last-child {border-right:1px solid #ddd;}
.tb-ty04 th {background:#fbfbfb;  font-size:18px; letter-spacing:-0.03em; font-weight:500; color:#000; padding:20px 25px;}
.tb-ty04 td { font-size:18px; letter-spacing:-0.03em; font-weight:500; color:#777; padding:20px 30px;}
.tb-ty04 th.bg-none {background:none;}

.tb-ty04 .blank-btn {padding:0 22px; height:38px; line-height:38px; background:#06377b; border-radius:50px; display:inline-block; text-align:center; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}
.tb-ty04 .blank-btn span { font-size:15px; letter-spacing:-0.03em; font-weight:500; color:#fff; padding-left:22px; position:relative;}
.tb-ty04 .blank-btn span:before {content:''; display:block; width:12px; height:10px; background:url('../img/layout/ico-blank.png') no-repeat center; background-size:cover; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.tb-ty04 .blank-btn:hover {background:#0b53b7;}



.tb-ty05 {width:100%;}
.tb-ty05 th, .tb-ty05 td {border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:left;}
.tb-ty05 th {background:#fbfbfb;  font-size:18px; letter-spacing:-0.03em; font-weight:500; color:#000; padding:60px;}
.tb-ty05 td {font-size:18px;letter-spacing:-0.03em;line-height: 30px;font-weight:500;color: #333;padding: 60px;}
.tb-ty05 th.bg-none {background:none;}

.tc {text-align:center !important;}

/* 유관기관 안내 이미지 수정*/
.tech-org .col-lg-3 {position: relative; width: 100%; padding-left: 15px; padding-right: 0px;}
.tech-org .img {height: 147.08px;}
.tech-org .img-fluid {height: 130px;} 
.custom-org {height:50%;margin-top: 30px;}

.mt10 { margin-top: 10px !important }
.mt20 { margin-top: 20px !important }
.mt30 { margin-top: 30px !important }
.mt40 { margin-top: 40px !important }

.mb10 { margin-bottom: 10px !important }
.mb20 { margin-bottom: 20px !important }
.mb30 { margin-bottom: 30px !important }
.mb40 { margin-bottom: 40px !important }

.ml10 { margin-left: 10px !important }
.ml20 { margin-left: 20px !important }
.ml30 { margin-left: 30px !important }
.ml40 { margin-left: 40px !important }

.mr10 { margin-right: 10px !important }
.mr20 { margin-right: 20px !important }
.mr30 { margin-right: 30px !important }
.mr40 { margin-right: 40px !important }

.pt10 { padding-top: 10px !important }
.pt20 { padding-top: 20px !important }
.pt30 { padding-top: 30px !important }
.pt40 { padding-top: 40px !important }

.pb10 { padding-bottom: 10px !important }
.pb20 { padding-bottom: 20px !important }
.pb30 { padding-bottom: 30px !important }
.pb40 { padding-bottom: 40px !important }

.pl10 { padding-left: 10px !important }
.pl20 { padding-left: 20px !important }
.pl30 { padding-left: 30px !important }
.pl40 { padding-left: 40px !important }

.pr10 { padding-right: 10px !important }
.pr20 { padding-right: 20px !important }
.pr30 { padding-right: 30px !important }
.pr40 { padding-right: 40px !important }

.TxtCenter { text-align: center !important }
.TxtLeft   { text-align: left   !important }
.TxtRight  { text-align: right  !important }

.box-center { margin: 0 auto }

.p-xlarge {width: 320px !important; max-width:100% !important}

a.file-download-form { display:inline-block; background:#273443; padding:6px 20px; border-radius: 8px; color:#FFF; font-weight:400; cursor:pointer }
a.file-download-form:hover { background:#444 }

/* 결재선 지정 팝업 전용 */
#approvalModal .row { background: #fff }
#approvalModal .row-space { height: 240px; border: 1px solid #ededed; overflow-y: scroll }
#approvalModal .row-space.lg { height: 558px; }

#approvalModal .fixed-header.approval { overflow-y: unset !important }

#approvalModal .table-responsive-lg { background: #fff }

#approvalModal .table { border: none }
#approvalModal .table th { border: none }
#approvalModal .table td { border: none; text-overflow: inherit !important }

#approvalModal .optionArea { margin-top: 80px }
#approvalModal .optionArea li { padding: 0 15px }
#approvalModal .optionArea li label { margin-left: 10px }

#approvalModal .btnAddRemoveArea { margin-top: 60px; text-align: center}
#approvalModal .btnAddRemoveArea li { margin-top: 20px }
#approvalModal .btnAddRemoveArea li button { width: 80% }

#approvalModal .approvalTitleArea { margin: 40px 0 10px }
#approvalModal .approvalButtonArea { margin: 30px 0 10px; text-align: right }

#approvalModal input[type=checkbox]:disabled { background: #ededed }

/* ID 찾기*/
#idSearchArea .blind { width: 1px; height: 1px; overflow: hidden; position: absolute; top: -9999em; left: -9999em; display: block; text-indent: -9999em; font-size: 0px; line-height: 0; }
#idSearchArea .sub-sel { width: 100%; height: 45px; padding: 0 15px; border: 1px solid #ddd; background: url(/_res/kibotb/ktbs/img/ico-search-sel.png) no-repeat center right 15px #fff; background-size: 12px 7px; font-family: 'Noto Sans', sans-serif; font-size: 16px; letter-spacing: -0.03em; font-weight: 500; color: #777; }

#idSearchArea .login-wrap { border: 1px solid #ddd; padding: 50px; }
#idSearchArea .login-wrap .title { text-align: center; margin-bottom: 30px; }
#idSearchArea .login-wrap .title .btxt { font-family: 'Noto Sans', sans-serif; font-size: 20px; font-weight: 500; letter-spacing: -0.03em; margin-bottom: 10px; }
#idSearchArea .login-wrap .title .stxt { font-family: 'Noto Sans', sans-serif; font-size: 16px; font-weight: 500; letter-spacing: -0.03em; color: #555; }

#idSearchArea .find-input-wrap { width: 700px; max-width: 100%; margin: 0 auto 30px; }
#idSearchArea .find-input-wrap .input-box { padding-left: 70px; margin-bottom: 10px; position: relative; }
#idSearchArea .find-input-wrap .input-box:after { content: ""; display: block; clear: both; }
#idSearchArea .find-input-wrap .input-box .tit { display: block; width: 70px; position: absolute; top: 12px; left: 0; }
#idSearchArea .find-input-wrap .input-box input { display: block; width: 100%; height: 50px; padding: 0 10px; float: left; border: 1px solid #ddd; box-sizing: border-box; }
#idSearchArea .find-input-wrap .input-box .find-email-input { width: calc((100% - 190px)/2); }
#idSearchArea .find-input-wrap .input-box .find-email-mdline { width: 30px; margin-top: 13px; text-align: center; display: block; float: left; }
#idSearchArea .find-input-wrap .input-box .find-email-sel { width: 150px; height: 50px; margin-left: 10px; display: block; float: left; }

#idSearchArea .join-big-btn { display: block; width: 230px; height: 50px; line-height: 50px; margin: 0 auto; background: #06377b; border-radius: 3px; text-align: center; }
#idSearchArea .join-big-btn span { color: #fff; font-family: 'Noto Sans', sans-serif; font-size: 18px; font-weight: 500; letter-spacing: -0.03em; }

#idSearchArea .find-bt-txt { border: 1px solid #ddd; border-top: none; background: #f5f5f5; padding: 30px; }
#idSearchArea .find-bt-txt ul { display: inline-block; }
#idSearchArea .find-bt-txt ul li { padding-left: 8px; margin-bottom: 5px; text-align: left; font-family: 'Noto Sans', sans-serif; font-size: 15px; font-weight: 400; letter-spacing: -0.03em; color: #555; position: relative; }

#idSearchArea .tc { text-align: center !important; }

#idSearchArea .tech-infoBox { width: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 30px; background: #fafafa; box-sizing: border-box; text-align: center; margin-bottom: 20px; }
#idSearchArea .tech-infoBox .b-tit { font-family: 'Noto Sans', sans-serif; font-size: 20px; letter-spacing: -0.03em; font-weight: 500; color: #000; line-height: 1.4em; margin-bottom: 15px; }
#idSearchArea .tech-info-list { display: inline-block; }
#idSearchArea .tech-info-list:after { content: ''; display: block; clear: both; }
#idSearchArea .tech-info-list li { display: block; float: left; position: relative; padding-left: 15px; margin-left: 15px; font-family: 'Noto Sans', sans-serif; font-size: 16px; letter-spacing: -0.03em; font-weight: 500; color: #06377b; }
#idSearchArea .tech-info-list li:first-child { padding-left: 0; margin-left: 0; }
#idSearchArea .tech-info-list li .tit { color: #333; }

#idSearchArea .rec-btn { padding: 0 20px; min-width: 140px; height: 50px; line-height: 50px; display: inline-block; text-align: center; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; box-sizing: border-box; }
#idSearchArea .ty-blue { background: #06377b; }
#idSearchArea .rec-btn span { font-family: 'Noto Sans', sans-serif; font-size: 16px; letter-spacing: -0.03em; font-weight: 500; color: #fff; }
#idSearchArea .ico-chat span { padding-left: 22px; background: url(/_res/kibotb/ktbs/img/btn-ico-chat.png) no-repeat left 5px; background-size: 16px auto; }

/* 비밀번호 찾기 */
#pwSearchArea .blind { width: 1px; height: 1px; overflow: hidden; position: absolute; top: -9999em; left: -9999em; display: block; text-indent: -9999em; font-size: 0px; line-height: 0; }
#pwSearchArea .sub-sel { width: 100%; height: 45px; padding: 0 15px; border: 1px solid #ddd; background: url(/_res/kibotb/ktbs/img/ico-search-sel.png) no-repeat center right 15px #fff; background-size: 12px 7px; font-family: 'Noto Sans', sans-serif; font-size: 16px; letter-spacing: -0.03em; font-weight: 500; color: #777; }
 
#pwSearchArea input[type="radio"] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
#pwSearchArea input[type="radio"] + label { padding-top: 1px; background: url(/_res/kibotb/ktbs/img/radio-st01-off.png) no-repeat left bottom; background-size: 20px auto; padding-left: 30px !important; margin-right: 40px; font-size: 15px; font-family: 'Noto sans', sans-serif; letter-spacing: -0.04em; font-weight: 200; color: #323232; }
#pwSearchArea input[type="radio"]:checked + label { padding-top: 1px; background: url(/_res/kibotb/ktbs/img/radio-st01-on.png) no-repeat left bottom; background-size: 20px auto; }
 
#pwSearchArea label::before { content: " "; }
 
#pwSearchArea .login-wrap { border: 1px solid #ddd; padding: 50px; }
#pwSearchArea .login-wrap .title { text-align: center; margin-bottom: 30px; }
#pwSearchArea .login-wrap .title .btxt { font-family: 'Noto Sans', sans-serif; font-size: 20px; font-weight: 500; letter-spacing: -0.03em; margin-bottom: 10px; }
#pwSearchArea .login-wrap .title .stxt { font-family: 'Noto Sans', sans-serif; font-size: 16px; font-weight: 500; letter-spacing: -0.03em; color: #555; }
 
#pwSearchArea .find-cont-wrap { text-align: center; }
#pwSearchArea .find-cont-wrap input[type="radio"] + label { display: inline-block; margin: 10px 0 10px 0px; line-height: 20px; }
#pwSearchArea .find-cont-wrap input[type="radio"]:first-child + label { margin-right: 10px; }
 
#pwSearchArea .find-input-wrap { width: 700px; max-width: 100%; margin: 0 auto 30px; }
#pwSearchArea .find-input-wrap .input-box { padding-left: 70px; margin-bottom: 10px; position: relative; }
#pwSearchArea .find-input-wrap .input-box:after { content: ""; display: block; clear: both; }
#pwSearchArea .find-input-wrap .input-box .tit { display: block; width: 70px; position: absolute; top: 12px; left: 0; }
#pwSearchArea .find-input-wrap .input-box input { display: block; width: 100%; height: 50px; padding: 0 10px; float: left; border: 1px solid #ddd; box-sizing: border-box; }
 
#pwSearchArea .find-input-wrap .input-box .find-phone-sel { width: calc((100% - 30px)/3); height: 50px; float: left; margin-right: 10px; }
#pwSearchArea .find-input-wrap .input-box .find-phone-input { width: calc((100% - 30px)/3); float: left; }
#pwSearchArea .find-input-wrap .input-box .find-phone-mdline { width: 20px; margin-top: 13px; text-align: center; display: block; float: left; }
 
#pwSearchArea .find-input-wrap .input-box .find-email-input { width: calc((100% - 190px)/2); }
#pwSearchArea .find-input-wrap .input-box .find-email-mdline { width: 30px; margin-top: 13px; text-align: center; display: block; float: left; }
#pwSearchArea .find-input-wrap .input-box .find-email-sel { width: 150px; height: 50px; margin-left: 10px; display: block; float: left; }
 
#pwSearchArea .join-big-btn { display: block; width: 230px; height: 50px; line-height: 50px; margin: 0 auto; background: #06377b; border-radius: 3px; text-align: center; }
#pwSearchArea .join-big-btn span { color: #fff; font-family: 'Noto Sans', sans-serif; font-size: 18px; font-weight: 500; letter-spacing: -0.03em; }
 
#pwSearchArea .tc { text-align: center !important; }
 
#pwSearchArea .find-bt-txt { border: 1px solid #ddd; border-top: none; background: #f5f5f5; padding: 30px; }
#pwSearchArea .find-bt-txt ul { display: inline-block; }
#pwSearchArea .find-bt-txt ul li { padding-left: 8px; margin-bottom: 5px; text-align: left; font-family: 'Noto Sans', sans-serif; font-size: 15px; font-weight: 400; letter-spacing: -0.03em; color: #555; position: relative; }


#introHopeTechForm .numCorporate { width: 40% }


/* 팝업창 세로 길이 */
.popup-height {
    height: 355px !important;
}

/* 테이블 기본 배경색 */
.table-line>tbody {
    background-color: #fff;
}

/* 멀티미디어 팝업창 크기 */
.multimedia-popup {
    width: 100%;
    height: 700px;
}

/* 팝업아닌 일반 화면 하단 버튼용 */
.btn-size-m {
    min-width: 100px;
    padding: 11px 16px;
    margin: 0 5px;
}

/* 텍스트 생략부호 설정 */
.text-ellipsis {
    width : 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}

/* 입력폼 보완 */
.b-con-box.no-margin {padding:0 !important;}
.sub-text-title {text-align:right;}
.sub-text-title.custom-padding { padding-left:0; padding-right:0; }
.b-input.p-120 {width:120px !important;}

/* 동적 + 추가/ - 제거 버튼*/
.ba-btn01.add-button {position: absolute; bottom: 10px; width: 30px; right: 10px; text-align: center; height: 30px; line-height: 30px;}

/*파일 다운로드 폼*/
a.file-download-form { display:inline-block; background:#273443; padding:10px 15px; border-radius: 15px; color:#FFF; font-weight:400; cursor:pointer; }
a.file-download-form:hover { background:#444; }

/* 희망이전 유형*/
#v_ynWrap .yn-form { display:inline-block; padding:5px 15px; border-radius:20px; border:1px solid #002E75; font-size:0.9em; margin:0 15px 0 0; letter-spacing: -0.03em; font-weight: 500; color: #002e75; }

/* 모달 팝업 선택시 */
.modal .table .table-primary,
.modal .table .table-primary > th, 
.modal .table .table-primary > td {background-color:#b8daff !important}

/* 모달 그림자 */
.modal .modal-content { box-shadow:0 0 15px black; }

/* width 지정 */
.w-5  { width: 5% !important; }
.w-6  { width: 6% !important; }
.w-10 { width: 10% !important; }
.w-11 { width: 11% !important; }
.w-12 { width: 12% !important; }
.w-15 { width: 15% !important; }
.w-20 { width: 20% !important; }
.w-22 { width: 22% !important; }
.w-25 { width: 25% !important; }
.w-30 { width: 30% !important; }
.w-33 { width: 33% !important; }
.w-35 { width: 35% !important; }
.w-40 { width: 40% !important; }
.w-45 { width: 45% !important; }
.w-49 { width: 49% !important; }
.w-50 { width: 50% !important; }
.w-55 { width: 55% !important; }
.w-60 { width: 60% !important; }
.w-65 { width: 65% !important; }
.w-66 { width: 66% !important; }
.w-70 { width: 70% !important; }

/* 커뮤니티 textarea 크기 조정 */
.chat-write textarea {
    min-height: 0
}

a {
    cursor: pointer;
}
.table thead th {
    line-height: 2.2 !important;
}

.table tbody td {
    line-height: 2.2 !important;
}

#requestStatusListTable .table thead th {
    line-height: 1.2 !important;
}

#requestStatusListTable .table tbody td {
    line-height: 1.2 !important;
}

.ui-autocomplete { max-height:300px; overflow-y:auto; overflow-x:hidden; z-index:1100;}

/* 헬프텍스트(팝오버) */
.popover { max-width:650px !important;}
span.help-popover {
    background-color:#1a469d;
    display:inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    line-height: 20px;
    font-family: "Montserrat";
    cursor:pointer;
}

/* 타이틀박스 중앙정렬 표시 임시저장
   2022-12-09 남광준
*/
.b-title-box {
    vertical-align: middle !important;
}

/* TB 톡톡 ID 중복 제거를 위해 임시로 설정 */
.icon-tbtalktalk-2 {
    transform: translate(-122.46px, -153.01px);
}
.icon-tbtalktalk-3 {
    transform: translate(5308.44px, 160.32px);
}
.icon-tbtalktalk .eye .eyeL {   
    transform: translate(22px, 21px);
}
.icon-tbtalktalk .eye .eyeR1 {
    transform: translate(33px, 21px);
}

.icon-tbtalktalk .cls-1 {
    fill: #fff;
}
.icon-tbtalktalk .cls-2 {
    fill: #4B4B4B;
}
.icon-tbtalktalk .cls-3 {
    fill: #fff;
}
.icon-tbtalktalk .cls-red {
    fill: #ff0000;
}
.icon-tbtalktalk #q-mark {
    transform: translate(1.513px, 0px);
    position: relative;
}

.icon-tbtalktalk .cls-3,
.icon-tbtalktalk .cls-4,
.icon-tbtalktalk .cls-5,
.icon-tbtalktalk .cls-6 {
    fill: #fff;
}
/* animation */
.icon-tbtalktalk #q-mark .cls-red {
    position: absolute;
    animation: q-mark 2s infinite ease-in-out;
    transform: translate(28px, 0px);
}
.icon-tbtalktalk #q-mark .cls-2 {
    position: absolute;
    animation: q-mark 2s infinite ease-in-out;
    transform: translate(28px, 0px);
}
.icon-tbtalktalk #q-mark .cls-3 {
    position: absolute;
    animation: q-mark 2s infinite ease-in-out;
    transform: translate(32px, 3px);
}
.icon-tbtalktalk #q-mark .cls-4 {
    position: absolute;
    animation: q-mark 2s infinite ease-in-out;
    transform: translate(31px, 3px);
}
.icon-tbtalktalk #q-mark .cls-5 {
    position: absolute;
    animation: q-mark 2s infinite ease-in-out;
    transform: translate(32px, 3px);
}

.icon-tbtalktalk .eye { 
    animation: blink 2s infinite ease-in-out;
    transform-origin: 0 50%;
}

/* 메인 영역 디자인 보정 Start */
#mainInlineFormInput {
    font-size: 16px;
    width: calc(100% - 30px);
}

#mainInlineFormInput:focus {
    background-color: transparent !important;
}

#mainBtnMore {
    color: white;
}

#mainBtnPlay {
    display: none;
}

.main-recommend-link {
    border: solid thin chartreuse !important;
    font-size: larger !important;
}

.main-recommend-link > span {
    color: lightskyblue !important;
}

.multimedia-sply-inam {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
/* 메인 영역 디자인 보정 End */

/* 멀티미디어 기술관 Start */
@media(min-width: 1200px) {
    .item:hover #multimediaItemFooter {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 60px;
        height: 60px;
        background-color: #F2F4F5;
        font-size: 20px;
        color: #555555;
    }
    .item #multimediaItemFooter::before,
    .item #multimediaItemFooter::after {
        content: '';
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #555555;
    }
    .item #multimediaItemFooter::before {
        width: 20px;
        height: 3px;
    }
    .item #multimediaItemFooter::after {
        width: 3px;
        height: 20px;
    }
}
/* 멀티미디어 기술관 End */

.reject-detail {
    white-space: pre-wrap;
}

.blind, #blind {font-size:0;width:0;height:0;line-height:0;margin:0;padding:0;background:none;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em}