@charset "utf-8"; @import url(../fonts/Roboto/style.css); @import url(../fonts/scoredream/style.css); @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css'); html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;} table {border-collapse: collapse;border-spacing: 0;} i.fa{font-style:normal !important;} mark {background-color:var(--bg-primary); font-style:italic;font-weight:bold;} del {text-decoration: line-through} abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;} hr {display:block;height:0; border:0;border-top:0; margin:0;padding:0;} input, select {vertical-align:middle;resize:none} caption, th, td {font-weight:normal} table caption {visibility:hidden;width:0;height:0;overflow:hidden} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal} img {border:0;vertical-align:middle; max-width:100%} legend {display:none} .gratxt{ background-image:-webkit-linear-gradient(0deg,var(--primary),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent; } .full_width_bg{position:absolute; top:0; bottom: 0; z-index:-1; left:50%} /* 4. html 루트 크기는 10px 고정 */ html { font-size: 10px; } /* 1. CSS 사용자 지정 속성(변수) 선언 */ body{ /* 기본값(1200px 이상) */ --font-size: 1.5rem; /* 20px */ } /* 2. 750px ~ 1279px : 1280:20 비율 */ @media (min-width: 751px) and (max-width: 1199px) { body { --font-size: calc(15 * 100vw / 1200 ); } } /* 3. 749px 이하 : 375:13 비율 */ @media (max-width: 750px) { body { --font-size: calc(13 * 100vw / 375 ); /* 13 ÷ 375 */ } } body{background-color: var(--bg-body);} body, select,input,textarea,button {font-size:var(--font-size); line-height:160%; font-family: "Pretendard","맑은 고딕","Nanum Gothic","Microsoft Yahei","Gulim", "dotum",Helvetica, sans-serif; color:var(--text-primary); letter-spacing:-.06em; } input, button, select, textarea, input::placeholder, .iconfont{font-size:inherit; outline: none;} iframe#hiddenframe {display:none;width:0;height:0} button{cursor:pointer; border:0} strong{font-weight:700} b{font-weight:800} a{color:var(--text-primary); text-decoration:none} a:hover, a:focus{color:var(--primary);text-decoration:none} *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus { border: 1px solid var(--border-secondary) !important; } .placeholdersjs { color: #aaa !important; } @media (min-width:751px){ .nop{display:none; position:absolute; width:0; height:0; overflow:hidden;} } .clear{display:block; float:none; clear:both; border:0; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;} .wrap{width:1200px; margin:0 auto; position:relative;} @media (max-width:1200px){ .wrap{width:auto; margin:0 2vw; } } /* 팝업레이어 */ #hd_pop {z-index:1000;position:relative;margin:0 auto;left:0; right:0; height:0} #hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .hd_pops {position:fixed; background:#fff; border-radius:1rem; overflow:hidden; box-shadow:var(--box-shadow);} .hd_pops.mobile {display:none;} .hd_pops_con {} .hd_pops_footer {padding:.5em;background:#000;background:var(--primary);color:#fff;display:flex; justify-content:space-between} .hd_pops_footer button {margin-right:0;padding:0 1em;border:0;background:none;color:#fff; font-size:.9em;} #hdTop{ height:4rem; position: sticky; border-bottom:1px solid var(--border-primary);} #hdTop ul{display: flex; justify-content: flex-end; line-height: 4rem;} #hdTop ul li{ position:relative; margin-left:1em; padding-left:1em;} #hdTop ul li a{display:block; font-size:1.4rem; } #hdTop ul li:before{position:absolute; top:50%; margin-top:-.5em; height:1em; width:1px; left:0; background:#ddd; content:"";} #hdTop ul li:first-child:before{display:none;} #btnMobileCall{display:none;} #btnMobileMenu{display:none} #mobileMenu{display:none;} .btn_confirm{margin-top: 2em;} .btn_confirm button{vertical-align: middle;} .btn_confirm .btn_submit{height:3em; line-height:3em; padding:0 2em;border-radius:var(--border-radaus); font-size:1.3em; } .btn_confirm .btn_cancel{height:3em; line-height:3em; padding:0 2em;border-radius:var(--border-radaus); font-size:1.3em; } #bo_w{} #bo_w h4, #bo_v h4{font-size: 2em;} #bo_w h5, #bo_v h5{font-size: 1.5em;} #bo_w .title, #bo_v .title{font-weight: 700; margin-top: 1em; line-height: 1.4; padding:.4em 0;} #bo_w .title small, #bo_v .title small{font-weight: 400; background-color: var(--bg-tertiary); padding:0 .4em; } #selectTech{position:absolute; top:-4em; right:0; background:var(--primary); color:var(--text-anti-primary); padding:0 1em; line-height:2.4em; border-radius: var(--border-radaus);} .write_form{position:relative; background-color: var(--bg-primary); box-shadow:var(--box-shadow); padding:2em; border:1px solid var(--border-primary)} .write_form table{width: 100%; table-layout: fixed;} .write_form table thead th{background-color: var(--bg-secondary);padding:.5em 1em; border: 1px solid var(--border-primary);} .write_form table thead th:nth-child(1){ width: 15em;} .write_form table tbody th{width: 10em; padding:.5em 1em; text-align: left;border: 1px solid var(--border-primary);} .write_form table tbody td{padding:.5em 1em; border: 1px solid var(--border-primary);} .write_form table tbody td.tc{text-align: center;} .write_form table tbody tr th:has(+td input[required], +td select[required], +td textarea[required]):before {content: "* "; color: var(--danger);} .write_form table tbody input.carendar{width: 10em;} .write_form table tbody ol{list-style:none; display: grid; grid-template-columns: repeat(9,1fr);} .write_form table tbody ol li{padding:0} .write_form table tbody ol li label{padding:.2em .5em ; display: block;} .write_form table tbody ol li:has(input:checked ){background: var(--bg-secondary);} .write_form table tbody ol li:before{display: none;} .write_form table tbody ol li p{font-size: .9em; line-height:130%; margin-top:.5em;;} .write_form table tbody .radio_box{display: flex;flex-wrap: wrap; gap: 1rem;} .write_form table tbody .radio_box label{position:relative; border: 1px solid var(--border-input); text-align: center; padding:.5em 1em; cursor: pointer; border-radius: var(--border-radaus); transition: all .3s ease; background-color: var(--bg-input);} .write_form table tbody .radio_box label:hover{background-color: var(--hover-primary); color:var(--text-anti-primary); } .write_form table tbody .radio_box label:has(input[type="radio"]:checked){background-color: var(--active-primary); color:var(--text-anti-primary); } .write_form table tbody .radio_box label::before{margin-right: .5em; opacity: .7;; width: 1em;height: 1em; content:"\ee609"; font-family:'iconfont'; display: none;} .write_form table tbody .radio_box label:has(input[type="radio"]:checked)::before{display: inline-block;} .write_form table tbody .radio_box label input[type="radio"]{display: none;} /* 기술 보기 페이지 */ #wr_header{padding:1.5em 2em; background-color: var(--bg-secondary); border: 1px solid var(--border-primary);position: relative; box-shadow:var(--box-shadow); } #wr_header .logo_img{position:absolute; top:50%; right:2em; width: 12rem; height: 12rem; border-radius: 50%; border: 1px solid var(--border-primary); background-color: var(--bg-primary); transform: translateY(-50%);} #wr_header .logo_img img{ width: 100%; height:100%; object-fit: contain;} #wr_header .tech_cate{position:relative; display: flex;} #wr_header .tech_cate dt{background:var(--primary); color:var(--text-anti-primary); border-radius:var(--border-radaus) 0 0 var(--border-radaus); padding:0 10px; line-height:32px;} #wr_header .tech_cate dd{background:var(--bg-primary); border:1px solid var(--border-primary); font-size:1.1em; color:var(--text-primary); font-weight:600; border-radius: 0 var(--border-radaus) var(--border-radaus) 0; padding:0 10px; line-height:30px;} #wr_header .wr_title{display: block; font-size:2em; font-weight:700; margin:.5em 0; line-height:1.3em;} #wr_header .wr_basic2{} #wr_header .post_info{display: flex; gap: 1em; font-size:.9em; opacity: .7;} #tech_wrap{ margin-top: 2em;} #tech_wrap:has(.tech_image){display:grid; grid-template-columns: 1fr 50rem; gap: 2em; } #tech_wrap .tech_image{order:2;} #tech_wrap .tech_image dt{position:relative; display:block; border:1px solid var(--border-primary);} #tech_wrap .tech_image dt img{width: 100%; height:100%; object-fit: contain;} #tech_wrap .tech_image dd{padding-top:20px; text-align:center; } #tech_wrap .tech_image dd span{position:relative; display:inline-block; width:80px; height:60px; background-size:cover; border:1px solid #DDD; margin:0 3px ; cursor:pointer; background-position:center;} #tech_wrap .tech_image dd span.active:before{position:absolute; top:0; left:0; right:0; bottom:0; border:2px solid #000; content:"";} #tech_wrap .tech_image dd span.active:after{position:absolute; left:50%; margin-left:-5px; top:-10px; border:5px solid transparent; border-bottom-color:#000; content:"";} #tech_wrap .tech_info{position:relative; } #tech_wrap .tech_info h4{font-size:1.5em; font-weight: 700; line-height: 1.3em; padding-bottom:.6em; border-bottom: 1px solid var(--border-primary); margin-bottom: 1em;} #tech_wrap .tech_info p{} #tech_wrap .tech_info .tech_files{margin-top:1em; display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem;} #tech_wrap .tech_info .tech_files a{position:relative; padding:.7em 1em; text-align: center;} #tech_wrap .tech_info .tech_files a{border: 1px solid var(--border-primary); color:var(--disabled); transition: all .3s ease;} #tech_wrap .tech_info .tech_files a.on{border: 1px solid var(--border-secondary); background-color: var(--bg-primary); color:var(--text-primary);} #tech_wrap .tech_info .tech_files a.on:focus {border: 1px solid var(--primary); background-color: var(--primary); color:var(--text-anti-primary);} #tech_wrap .tech_info .tech_files a.on:hover {border: 1px solid var(--primary); background-color: var(--primary); color:var(--text-anti-primary);} #tech_wrap .tech_info .tech_files a:before {display:inline-block; font-family:'fontawesome'; content:"\f019"; margin-right:1em; transform: scale(1.5);} #tech_wrap .tech_info .v_patent{margin-top:2em; display: grid; grid-template-columns: 6em 1fr;} #tech_wrap .tech_info .v_patent dt{font-size:1.3em; font-weight:600; color:var(--primary); line-height:100%;} #tech_wrap .tech_info .v_patent dd{} #tech_wrap .tech_info .v_patent dd ul{border:1px solid var(--border-secondary); padding:1em; background:var(--bg-secondary);} #tech_wrap .tech_info .v_patent dd ul li{position: relative; line-height:1.8em; padding-left:2em;} #tech_wrap .tech_info .v_patent dd ul li:after{display:block;clear:both;content:''} #tech_wrap .tech_info .v_patent dd ul li strong{font-weight:normal; float:left;} #tech_wrap .tech_info .v_patent dd ul li span{float:left; margin-left:10px; color:var(--success);} #tech_wrap .tech_info .v_patent dd ul li i{position:absolute; left:0;} #tech_wrap .tech_info .v_deal{width:50%; float:left; height:54px; border:1px solid #DDD;} #tech_wrap .tech_info .v_deal dt{position:relative; margin:-1px; background:#AAA; color:#FFF; padding:0 20px; float:left; line-height:54px;} #tech_wrap .tech_info .v_deal dd{float:left; line-height:54px; padding-left:20px; font-size:1.3em;} #tech_wrap .tech_info .tech_tail{position:relative; clear:both; margin-top:2em; display: flex; gap: 1rem;} #tech_wrap .tech_info .tech_tail a{ width:8em; background:var(--success); color:var(--text-anti-primary); font-size:1.2em; line-height:54px; text-align:center; } #tech_wrap .tech_info .tech_tail a.btn_meeting{background:var(--primary); color: var(--text-anti-primary); } #tech_wrap .tech_info .tech_tail a.btn_qna{background:var(--success); color: var(--text-anti-primary); } #tech_wrap .tech_info .tech_tail a.off{background:var(--disabled); color:var(--text-anti-primary);} #tech_wrap .tech_info .ino{display: grid; grid-template-columns:repeat(2,1fr); gap:.5rem;} #tech_wrap .tech_info .ino dd{display: grid; grid-template-columns:5em 1fr} #tech_wrap .tech_info .ino dd label{opacity: .7;} .tech_tail_btns{position:relative; clear:both; margin-top:4em; display: flex; justify-content: center; gap: 1rem;} .tech_tail_btns a{ width:8em; background:var(--success); color:var(--text-anti-primary); font-size:1.2em; line-height:54px; text-align:center; } .tech_tail_btns a.btn_meeting{background:var(--primary); color: var(--text-anti-primary); } .tech_tail_btns a.btn_qna{background:var(--success); color: var(--text-anti-primary); } .tech_tail_btns a.off{background:var(--disabled); color:var(--text-anti-primary);} #wr_deal{position: absolute; right:0; bottom:0; font-size:1.3em; background: none;} #btnFinish{padding:0 1em; background-color: var(--bg-tertiary);} #btnFinish span{font-size:1.2em; margin-left: .5em;} #btnFinish span strong{font-size:1.6em; color: var(--primary); } #btnFinish::after{content:"\ee60c"; font-family: "iconfont"; display: inline-block; transform: rotate(90deg) scale(.6); margin-left:.5em; transition: all .3s ease;} #btnFinish.off::after{transform: rotate(-90deg) scale(.6); } #wr_deal{position: absolute; right:0; bottom:0; font-size:1.3em; background: none;font-size:1.2em; margin-left: .5em;} #wr_deal strong{font-size:1.2em; } #wr_deal strong em{font-size:1.2em; color: var(--primary); } #trl_finish{position: absolute; left: 0; right:0; border-radius: 1rem; box-shadow:var(--box-shadow); padding:3rem; visibility: hidden;opacity: 0; transition: all .3s ease; background-color: var(--bg-primary); z-index:4; margin-top:-4em; } #trl_finish dl{display: flex; justify-content: space-between; flex-wrap: wrap; } #trl_finish dl dd{position:relative; width:30%; flex-grow:1; padding:1em; border: 1px solid var(--border-primary); margin-right: -1px; margin-bottom: -1px;} #trl_finish dl dd strong{font-size:1.5em} #trl_finish dl dd p{font-size:1.2em; font-weight: 700;} #trl_finish dl dd ul{padding-top:.5em;} #trl_finish dl dd ul li{padding-left:1.5em; position:relative;} #trl_finish dl dd ul li::before{position: absolute; left:0; content:"\eece6"; font-family: 'iconfont'; transform: scale(.6);} #trl_finish dl dd.on p{color: var(--primary);} #trl_finish dl dd.on:after{position:absolute; top:.3em; right:.6em; width: 2em; height:2em; text-align: center; line-height:2em; content:"\ee609"; font-family: 'iconfont'; font-size:2em; color:var(--primary); opacity: .4;} #trl_finish.on{visibility: visible; opacity: 1; margin-top:0;} .video_player{position: relative;background-color: var(--bg-primary);padding:3em; margin-top: 4em;border-radius: var(--border-radaus2); box-shadow: var(--box-shadow); border:1px solid var(--border-primary)} .video_player section{position: relative; overflow: hidden;;} .video_player section iframe{position:absolute; top: 0; left:0; width: 100%; height: 100%;} .video_player a.btn{position:absolute; left:50%; bottom: -1.4em; transform: translate(-50%);} #techContent{margin-top:4em; position: relative;} #techContent .tech_content{position: relative; padding:2em 0; } #techContent .tech_content > dl{display: grid; grid-template-columns: 15em 1fr; gap: 2em;} #techContent .tech_content > dl > dt{font-size:1.5em; font-weight: 700; border-top: 1px solid var(--border-secondary); line-height:2em } #techContent .tech_content > dl > dd{border-top: 1px solid var(--border-secondary); padding:1.5em 0; } #rese_info{display: grid; grid-template-columns: repeat(2,1fr); gap:1em; margin-top: 2em;} #rese_info dl{padding:1.5em; border:1px solid var(--border-primary); display: grid; grid-template-columns: 10em 1fr; gap:1em; background-color: var(--bg-primary); box-shadow: var(--box-shadow);} #rese_info dl dt{} #rese_info dl dt .bg_img{width:100%; padding-top:110%; background-size:cover; margin-bottom:10px} #rese_info dl dd{overflow:hidden; line-height:30px;} #rese_info dl dd ul{ padding:0; margin:0; margin-bottom:1rem;} #rese_info dl dd ul strong{ display:inline-block; width:4em;} #rese_info dl dd:after {display:block;visibility:hidden;clear:both;content:""} #rese_info dl dd article {overflow:hidden;} #rese_info dl dd article:after {display:block;visibility:hidden;clear:both;content:""} #rese_info dl dd h6{font-weight:bold; font-size:1.2em; line-height:120%; margin-top:10px; color:#000; margin-bottom:10px;} #rese_info dl dd section.yeji{display:none; background:#fafafa; padding:20px;} #rese_info dl.onyeji dd section.yeji{display:block} #rese_info dl dd table{width:100%; background:#FFF; } #rese_info dl dd table th{ border-bottom:1px solid #eee;border-top:1px solid #DDD; background:#FFF;padding:4px;} #rese_info dl dd table td.tc{text-align:center;} #rese_info dl dd table td{ border-bottom:1px solid #eee; padding:4px;} /* 기술 목록 페이지 */ #techSearch{position: relative; border: 1px solid var(--border-primary); background-color: var(--bg-primary); padding:3em; margin-bottom: 2em; display: none; box-shadow: var(--box-shadow);} #techSearch.on{display:block;} #techSearch dl{display:grid; grid-template-columns: repeat(2,1fr); gap:1rem;} #techSearch dl dd{display:grid; grid-template-columns:8em 1fr} #techSearch dl dd.price_range{grid-template-columns:8em 1fr 2em 1fr} #techSearch dl dd.price_range span{line-height: 2.8em; text-align: center;} #techSearch dl dd label{line-height: 2.8em;} #techSearch .btn_confirm .btn_submit{font-size: 1.2em;} #techSearch .btn_confirm .btn_cancel{font-size: 1.2em;} #bo_list_total{display: flex; justify-content: space-between; font-size: .9em; position: relative; top: -1em;} #bo_list_total span{line-height: 2.8em; } #bo_list_total dl{display: flex; gap: 1rem;} #bo_list_total dl button{width: 2.8em; height:2.8em; background-color: var(--primary); color: var(--text-anti-primary); border:0} #changeListMode{display: none;} #tech_list{position: relative; border-radius: var(--border-radaus); } #tech_list dl{position:relative; border-top:1px solid var(--border-primary); margin-top: 1em;} #tech_list.list dl dd{position:relative;} #tech_list.list dl dd > a{position:relative; padding:2rem 0; display: grid; border-bottom:1px solid var(--border-primary); grid-template-columns: 30rem 1fr; gap: 2em;} #tech_list.list dl dd > a:before{position: absolute; top: -1px; left:-2em; right:-2em; bottom: -1px; content: "";background-color: var(--bg-primary); opacity:0; transition: all .3s ease; box-shadow:0;} #tech_list.list dl dd:hover{z-index:2} #tech_list.list dl dd:hover > a{color: var(--text-primary);} #tech_list.list dl dd:hover > a:before{opacity: 1; box-shadow: var(--box-shadow);} #tech_list.list dl dd .tech_img{position:relative;display:block; overflow: hidden; border:1px solid var(--border-primary); aspect-ratio: 16 / 10; border-radius: var(--border-radaus);} #tech_list.list dl dd .tech_img img{width: 100%; height:100%; object-fit: cover;} #tech_list.list dl dd article{position:relative; display: flex; justify-content: center; flex-direction: column;} #tech_list.list dl dd article .ca_name{font-size: .9em; border-bottom: 1px solid var(--border-dark); width: fit-content;} #tech_list.list dl dd article h5{ font-size:1.5em; line-height:120%; font-weight: 700; line-height: 130%; margin:.5em 0;} #tech_list.list dl dd article p{opacity: .7; line-height: 130%;width:80%; margin-top: 1rem; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} #tech_list.list dl dd article ul{display: flex;} #tech_list.list dl dd article ul li{margin-right:1em} #tech_list.list dl dd article ul li:before{content:attr(title)" : "; opacity: .7;} #tech_list.list dl dd input{position:absolute; top:0; right:0;} #tech_list.list dl dd .admin_order{position:absolute; right:0; bottom:2rem;} #tech_list.list dl dd .btn_request{ position: absolute; top: 50%; transform: translateY(-50%); right: 0; display: grid; grid-template-columns: 36px 1fr; box-shadow:var(--box-shadow);background-color: var(--bg-primary); } #tech_list.list dl dd .btn_request label{position:relative; width:38px; height: 38px; background-color: var(--disabled); cursor: pointer;} #tech_list.list dl dd .btn_request label:after{position:absolute; top: 0; left: 0; width: 100%; text-align: center; line-height: 38px; content:"\ee609"; font-family: 'iconfont'; color: var(--text-anti-primary);} #tech_list.list dl dd .btn_request label:hover:after{ background-color: var(--active-primary); opacity: .5;} #tech_list.list dl dd .btn_request:has(input[type="checkbox"]:checked){background-color: var(--active-primary); color:#FFF; border-color: var(--active-primary);} #tech_list.list dl dd .btn_request:has(input[type="checkbox"]:checked) a{color: var(--text-anti-primary);border-color: var(--active-primary);} #tech_list.list dl dd .btn_request label input{display: none;} #tech_list.list dl dd .btn_request a{display:block; line-height:36px; padding:0 1em; text-align:center; border:1px solid var(--border-primary);} #select_tech .section{position:relative; border:1px solid var(--border-primary); padding:20px; background-color: var(--bg-input);} #select_tech .section.no-data{background:var(--bg-secondary); height:120px; } #select_tech .section.no-data:before{position:absolute; text-align:center; top:50%; margin-top:-1em; left:0; right:0; line-height:2em; content:"기술을 선택해 주세요"; } #select_tech .section .it_tech{position:relative; padding:10px 0; min-height:120px} #select_tech .section .it_tech + .it_tech{border-top:1px solid var(--border-primary)} #select_tech .section .it_tech .logo_img{position:relative; width:100px; height:100px; overflow:hidden; float:left; clear:both; margin-right:20px; border-radius:var(--border-radaus); border:1px solid var(--border-primary); background-repeat:no-repeat; background-position:center; background-size:contain;} #select_tech .section .it_tech article{position:relative; overflow:hidden;} #select_tech .section .it_tech h6{font-weight:700; font-size:1.3em;} #select_tech .section .it_tech p{margin:.6em 0; } #select_tech .section .it_tech .btn_del{ position:absolute; bottom:10px; right:0; background:var(--danger); height:24px; padding:0 .5em; font-size:1.2rem; line-height:24px; color:#FFF; } #select_tech .section .it_tech .set_data{position:absolute; top:10px; right:0; z-index:3; border:0; background:var(--primary); color:var(--text-anti-primary); padding:0 1em; height:30px; } #select_tech .section .it_tech .set_data.on{ background:var(--primary); color:var(--text-anti-primary)} #select_tech .section .it_tech .btn_view{position:absolute; right:0; top:0; padding:0 1em; line-height:3rem; background:var(--primary); color:var(--text-anti-primary)} /* 연구자 정보 */ #research_header{position: relative; display: flex; gap: 2em;} #research_header figure{position: relative; width: 20em; order:2} #research_header article{flex-grow:1; } #research_header article h4{ line-height: 130%; padding-bottom:.5em; border-bottom: 1px solid var(--border-secondary);} #research_header article h5{ margin-top:2em; font-weight: 700; margin-bottom: .6em} #research_header article dl{display: ;} #research_header article dl{ } #research_header article dl dd{display: grid; grid-template-columns: 8em 1fr; margin-top:1rem;} #research_header article dl dd label{opacity: .7;} #research_header article table .btn{ height:2em; line-height: 2em;} #researchContent{margin-top:2em; position: relative;} #researchContent .tech_content{position: relative; } #researchContent .tech_content > dl{display: block;} #researchContent .tech_content > dl > dt{font-size:1.5em; font-weight: 700; line-height:2em } #researchContent .tech_content > dl > dd{ padding:1em 0; } #meeting.pop{padding:2em;} #meeting.pop .content_tab{display: none;} /* 상담신청 페이지 */ .content_tab{border-bottom: 1px solid var(--border-secondary); display: flex; position: relative; overflow:hidden;} .content_tab a{position:relative; padding:.8em 1.5em; font-size: 1.1em; margin-bottom: -1px; margin-right:1rem; border:1px solid var(--border-primary); background-color: var(--bg-primary); border-radius: .4em .4em 0 0;} .content_tab a.on{z-index:2; background-color: var(--primary); color: var(--text-anti-primary); border-color: var(--primary);} #preferredTime{position:fixed; left:50%; top:20%; background:var(--bg-secondary); padding:2em; z-index:999; width:800px; transform: translateX(-50%); box-shadow:var(--box-shadow);border:1px solid var(--border-secondary); display: none;} #preferredTime h4{ border-bottom:1px solid #DDD; padding-bottom:.6em; margin-bottom:1em; font-size:2em; line-height:1em; font-weight:700; display: flex; justify-content: space-between;} #preferredTime .btn_close{} #preferredTime section{display: flex; justify-content: space-between;gap: .5rem;} #preferredTime section div{background-color: var(--bg-primary); border:1px solid var(--border-secondary); padding:1rem; } #preferredTime .select_year{width: 6em;} #preferredTime .select_year label{display: block; padding:.4em 0; text-align: center; } #preferredTime .select_year label.active{background-color: var(--primary); color:var(--text-anti-primary); } #preferredTime .select_month{width:5em;} #preferredTime .select_month label{display: block; padding:.2em 0; text-align: center; } #preferredTime .select_month label.active{background-color: var(--primary); color:var(--text-anti-primary); } #preferredTime .select_day{display: grid; grid-template-columns: repeat(7,1fr); gap:.5rem; flex-grow:1;} #preferredTime .select_day label{padding:.6em 0; border:1px solid var(--border-primary); text-align: center; transition: all .3s ease; box-shadow:var(--box-shadow);} #preferredTime .select_day label.disabled{ background-color: var(--bg-secondary); color: var(--disabled); } #preferredTime .select_day label.available{cursor: pointer; background-color: var(--bg-primary); color: var(--text-primary);} #preferredTime .select_day label.available:hover{box-shadow:var(--box-shadow);} #preferredTime .select_day label.space{} #preferredTime .select_day label:nth-child(7n){color:#F44} #preferredTime .select_day label:nth-child(7n + 1 ){color:rgb(42, 52, 184)} #preferredTime .select_day label.active{background-color: var(--primary); color:var(--text-anti-primary); } #preferredTime .select_day label:nth-child(7n).disabled{ color: rgb(221, 175, 175);} #preferredTime .select_day label:nth-child(7n + 1 ).disabled{color:rgb(137, 139, 189)} #preferredTime .select_time{width: 10em; } #preferredTime .select_time label{display: block; padding:.4em; text-align: center; } #preferredTime .select_time label.disabled{background-color: var(--bg-secondary); color: var(--disabled);} #preferredTime .select_time label.active{background-color: var(--primary); color:var(--text-anti-primary); } #property_table {display:none;} #property_table table{width:100%; } #property_table thead th{text-align:center; border:1px solid var(--border-primary); background:var(--bg-secondary); line-height:40px; padding:0; } #property_table tbody th{background:var(--bg-secondary);border:1px solid var(--border-primary); padding:0; text-align: center;} #property_table tbody td{ border:1px solid var(--border-secondary); padding:0} #property_table tbody td .inputbox{width:100%; border:0; height:2.8em; padding-left:1em; background-color: var(--bg-primary);} #property_table tbody td .inputbox:focus{border:0 !important} #apply_private textarea{height:10em;} #apply_private .fregister_agree{margin-top:1em;text-align:right;} /*신청확인*/ .confirm_box{border:1px solid var(--border-primary); margin:5rem auto; width:500px; border-radius:var(--border-radaus2); overflow:hidden; background-color: var(--bg-primary); box-shadow: var(--box-shadow);} .confirm_box header{ padding:2rem 0; background:var(--bg-dark); color:var(--text-anti-primary); } .confirm_box article{ padding:4rem ;} .confirm_box article .btn_submit{width:100%; height:3em;} @media (max-width:736px){ .confirm_box{margin:10vw auto; width:auto; } .confirm_box article{ padding:4vw ;} .confirm_box article .btn_submit{width:100%; height:3em;} } #meeting_confirm.pop{padding:2em;} #meeting_confirm td[class*="state"] span{display:inline-block; background:#090; color:#FFF; padding:0 .5em; border-radius:var(--border-radaus); font-size:.9em} #meeting_confirm td.stateA span{color:var(--success)} #meeting_confirm td.stateD span{color:var(--danger)} #meeting_confirm td.tech_title a{position:relative; width:400px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #meeting_confirm td.tech_title a:before{width:4px; height:4px; display:inline-block ;vertical-align:middle; background:#a5a5a5; content:""; margin-right:8px; } #meeting_confirm table{table-layout: auto;} #event_search{ border:1px solid var(--border-primary); padding:3rem; background:var(--bg-primary); margin-top: 2em; box-shadow: var(--box-shadow);} #event_search dl {display: grid; grid-template-columns: repeat(4,1fr) 6rem; gap: 1rem;} #event_search dl dt{display: flex; justify-content: end; flex-direction: column;} #event_search dl label{display:block;} #event_search dl input[type='date']{width:calc((100% - 1.5em) / 2)} #event_list{margin-top:2em;} #event_list header{display: flex; justify-content: space-between; line-height:4rem;} #event_list header strong{ font-size: 2em;} #event_list header span{display: flex; border:1px solid var(--border-primary); border-radius: var(--border-radaus); overflow:hidden; box-shadow: var(--box-shadow);} #event_list header span a{padding:0 .8em; background-color: var(--bg-primary);} #event_list header span a + a{border-left:1px solid var(--border-primary); } #event_list header span a.active{border-color: var(--primary); background-color: var(--primary); color: var(--text-anti-primary);} #event_list dl{margin-top:3em; position:relative; display:grid; grid-template-columns: repeat(4, 1fr); gap: 1em;} #event_list dl dd{position:relative; border:1px solid var(--border-primary); overflow:hidden; border-radius: var(--border-radaus); box-shadow: var(--box-shadow); background-color: var(--bg-primary);} #event_list dl dd .cf_logo{position:relative; aspect-ratio: 1 / 0.618; display: flex; justify-content: center; align-items: center; border-bottom:1px solid var(--border-primary);} #event_list dl dd .cf_logo img{ width: 70%;height: auto; max-height: 70%;object-fit: contain; } #event_list dl dd article{padding:1em;} #event_list dl dd label{position:absolute; top:20px; left:20px; background:#444; color:#FFF; width:100px; margin-top:-13px; margin-left:-50px; line-height:26px; text-align:center; transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);} #event_list dl dd label.state0{background:#458cff;} #event_list dl dd label.state1{background:#444;} #event_list dl dd label.state2{background:#F44;} #event_list dl dd h6{font-size:1.2em; margin:.4em 0} #event_list dl dd p{font-size: .9em; opacity: .6;;} #event_header{text-align:center; padding:4rem 0; box-shadow:var(--box-shadow);} #event_header .event_logo{height:50px; line-height:50px; font-size:2.4em; font-weight:600; } #event_header .event_logo img{height:50px;} #event_header h5{margin-top:2em; font-size:1.2em;} #event_view{margin-top:2em} #event_view h4{font-size:1.6em; font-weight:700; padding:.8em 0; margin-top: 2em;;} #event_content{position:relative; min-height:300px; margin-top:3em; } #event_partner ul{display: grid; grid-template-columns: repeat(5,1fr); gap: 1em; margin-top:1em;} #event_partner ul li{background-color: var(--bg-primary); border:1px solid var(--border-primary); padding:1em; border-radius: var(--border-radaus);} #event_partner ul figure{position:relative; aspect-ratio: 1 / 0.618; display: flex; justify-content: center; align-items: center; border-bottom:1px solid var(--border-primary);} #event_partner ul figure img{ width: 70%;height: auto; max-height: 70%;object-fit: contain; } #event_partner ul p{margin-top:.5em; text-align: center;} /* 상품리스트 */ .goodsSearch_space1{display: none;} .goodsSearch_space2{height: 11em;} .goodsSearch_space3{height: 11em;} #goodsSearch{position: sticky; top:0; margin-top: -5em; margin-bottom: 3em; z-index: 100; } #goodsSearch section{position: relative; display: flex; align-items: center;padding:1em 2em; gap: 2em; transition: all .3s ease;} #goodsSearch .full_width_bg{ border-bottom: 1px solid var(--border-primary); background-color: var(--bg-body);border-top: 1px solid var(--border-primary);} #goodsSearch figure{position:relative; border-radius: 50%; overflow: hidden; width: 5em; background-color: #FFF; padding:.5em; border: 1px solid var(--border-primary); box-shadow: var(--box-shadow);} #goodsSearch p{ color: var(--primary);} #goodsSearch button.btn_search{border:1px solid var(--text-primary); border-radius:var(--border-radaus); line-height: 2.8em; padding:0 2em; background-color: var(--bg-primary); transition: all .3s ease;} #goodsSearch button.btn_search:hover{border-color: var(--primary); color: var(--text-anti-primary); background-color: var(--primary);} #goodsSearch button.btn_search2{margin-left:auto; border:1px solid var(--bg-dark); border-radius:var(--border-radaus); line-height: 2.8em; padding:0 2em; background-color: var(--bg-dark); color: var(--text-anti-primary); transition: all .3s ease; } #goodsSearch button.btn_search2 i{margin-left: .4em; display: inline-block; transform: scale(1.2);} #goodsSearch button.btn_search2:hover{border-color: var(--primary); color: var(--text-anti-primary); background-color: var(--primary);} #goodsSearch.position2{position:absolute; top: 100%; margin-top: -1px; left:50%; transform: translateX(-50%); } #goodsSearch.position3{position:absolute; top: 100%; margin-top: -1px; left:50%; transform: translateX(-50%); } #goodsSearch.small section{padding:1em 2em} #goodsSearch.small figure{width: 5em;} #goodSearchForm{position: fixed; inset:0; background-color: var(--primary); z-index: 120; color: var(--text-anti-primary); display: flex; justify-content: center; align-items: center; transition: all .3s ease; opacity: 0; visibility: hidden; } #goodSearchForm.show{opacity: 1; visibility: visible;} #goodSearchForm h3{font-size: 2em; font-weight: 700; line-height: 2em;} #goodSearchForm h3 .iconfont{font-size: .7em; margin-left:1em; cursor: pointer;} #goodSearchForm .change_search_type{position:relative; font-size: 2em; font-weight: 700; line-height: 2em; border:0; width: 15em; text-align: left; background: none; color: var(--text-anti-primary);} #goodSearchForm .change_search_type::after{position:absolute; right:0; top: 50%; transform: translateY(-50%); border:1px solid var(--text-anti-primary); font-size: .7em; width: 3em; text-align: center; border-radius: 50%; content:'\eece6'; font-family: 'iconfont';} #goodSearchForm .change_search_type i{display: none;} #goodSearchForm .btn_close{position:absolute; top:0; right:0; font-size: 2em; line-height: 2em; color: var(--text-anti-primary);} #goodSearchForm fieldset{position:relative; margin-top: 1em; } #goodSearchForm fieldset form{position:relative; border-radius: 5em; overflow: hidden;} #goodSearchForm fieldset input{width: 100%; border:0; font-size: 1.2em; height:4em; text-indent: 2em;} #goodSearchForm fieldset input:focus{border:0 !important} #goodSearchForm fieldset button{position:absolute; font-size: 1.2em; height:4em; border:0; right:0; top:0; padding:0 2em; background-color: var(--text-primary);} #goodSearchForm fieldset.search_type2{display: none;} #goodSearchForm fieldset.search_type3{display: none;} #goodSearchForm h5{font-size: 1.5em; font-weight: 500; line-height: 2em; margin-top: 2em;} #goodSearchForm ul{display: flex; flex-wrap: wrap; gap: 1em; margin-top: 1em;} #goodSearchForm ul li a{display: block;background-color: var(--bg-body); color: var(--text-primary); font-size: 1.2em; padding:.7em 2em; border-radius: 2em;} #goodsList dl{display: grid; grid-template-columns: repeat(4,1fr); gap: 4em 1em;} #goodsList dl dd{ position:relative; min-width: 0;} #goodsList dl dd figure{position: relative; aspect-ratio: 1; border-radius: var(--border-radaus2); overflow: hidden; border:1px solid var(--border-primary)} #goodsList dl dd figure img{width: 100%; height: 100%; object-fit: cover; } #goodsList dl dd article{position:relative; padding-top: 1em;} #goodsList dl dd article .ca_name{color: var(--primary); border:1px solid var(--primary); display: block; width: fit-content; padding:0 .5em;} #goodsList dl dd article h5{font-size: 1.1em; font-weight: 500; margin:.5em 0; line-height: 1.3; } #goodsList dl dd article h5{position:relative; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} #goodsList dl dd article ul{display: flex; justify-content: space-between; display: none;} #goodsList dl dd article ul li:before{content:attr(title)" :"} #goodsList dl dd article strong{font-size:1.2em} #goodsList dl dd article strong::before{content:"판매가 : "; opacity: .7; font-size: .85em; margin-right:.5em;} #goodsList dl dd article strong::after{content:"원"; opacity: .7; font-size: .85em;} #goodsList dl dd article p{display: none;} #goodsList dl dd .admin_order{position:absolute; top: 0em; right:0; z-index: 2;} #goodsList dl dd input[name*=chk_wr_id]{position:absolute; top: 0; right:0; z-index: 2;} #goodsList dl dd .btn_request{ position: absolute; top:16.7em; right:0; display: grid; grid-template-columns: 36px 1fr; box-shadow:var(--box-shadow);background-color: var(--bg-primary); opacity: 0;} #goodsList dl dd .btn_request label{position:relative; width:38px; height: 38px; background-color: var(--disabled); cursor: pointer;} #goodsList dl dd .btn_request label:after{position:absolute; top: 0; left: 0; width: 100%; text-align: center; line-height: 38px; content:"\ee609"; font-family: 'iconfont'; color: var(--text-anti-primary);} #goodsList dl dd .btn_request label:hover:after{ background-color: var(--active-primary); opacity: .5;} #goodsList dl dd .btn_request label:has(input[type="checkbox"]:checked){background-color: var(--active-primary); color:#FFF; } #goodsList dl dd .btn_request label input{display: none;} #goodsList dl dd .btn_request a{display:block; line-height:36px; padding:0 1em; text-align:center; border:1px solid var(--border-primary);} #goodsList dl dd:hover{z-index:2} #goodsList dl dd:hover a{color: var(--text-primary);} #goodsList dl dd:before{position:absolute; inset:0; border-radius: 0; background-color: var(--bg-tertiary); content:""; z-index:-1; opacity: 0; transition: all .3s ease;} #goodsList dl dd:hover:before{opacity: 1; inset: -1.5em; border-radius: .5em; box-shadow: var(--box-shadow);} #goodsList dl dd:hover .btn_request{opacity: 1;} #goodsList dl dd:has(input[type="checkbox"]:checked) .btn_request{opacity: 1;} /* 기술 보기 페이지 */ #v_goods_header{padding:1.5em 2em; background-color: var(--bg-secondary); border: 1px solid var(--border-primary);position: relative; } #v_goods_header .basic{} #goods_tab{position:sticky;left:0; right:0;top:0; margin-top:-5em; border-bottom: 1px solid var(--border-primary); background-color: var(--bg-body); z-index:98; transition: all .3s ease;} #goods_tab.position2{position:absolute; top: 100%; margin-top: 0; border-top: 1px solid var(--border-primary); } #goods_tab.position3{position:absolute; top: 100%; margin-top: 0; border-top: 1px solid var(--border-primary); } #goods_tab dl{display: flex; } #goods_tab dl dd{position:relative; flex-grow: 1; width: 0;} #goods_tab dl dd a{display: block;padding:1em; font-size: 1.2em; text-align: center; color: var(--text-primary);} #goods_tab dl dd.active a{ color: var(--primary); } #goods_tab dl dd.active:before{position: absolute; left:0; right:0; bottom:-1px; height:2px; background-color: var(--primary); content:""} #goodsInfo{ margin-top:5em;} #goodsInfo:has(.goods_image){display:grid; grid-template-columns: 65rem 1fr ; gap: 4em; } #goodsInfo .goods_image{position:relative; overflow: hidden;} #goodsInfo .goods_image dt{position:relative; display:block; border:1px solid var(--border-primary);} #goodsInfo .goods_image dt img{width: 100%; height:100%; object-fit: contain;} #goodsInfo .goods_image dd{padding-top:20px; text-align:center; } #goodsInfo .goods_image dd span{position:relative; display:inline-block; width:80px; height:60px; background-size:cover; border:1px solid #DDD; margin:0 3px ; cursor:pointer; background-position:center;} #goodsInfo .goods_image dd span.active:before{position:absolute; top:0; left:0; right:0; bottom:0; border:2px solid #000; content:"";} #goodsInfo .goods_image dd span.active:after{position:absolute; left:50%; margin-left:-5px; top:-10px; border:5px solid transparent; border-bottom-color:#000; content:"";} #goodsInfo .goods_image .swiper-pagination-bullet-active{background-color: var(--primary);} #goodsInfo .goods_info{position:relative; } #goodsInfo .goods_info header{position:relative; padding-bottom: 1em;} #goodsInfo .goods_info header .cate{position:relative; display: flex;} #goodsInfo .goods_info header .cate dt{background:var(--primary); color:var(--text-anti-primary); border-radius:var(--border-radaus) 0 0 var(--border-radaus); padding:0 10px; line-height:32px;} #goodsInfo .goods_info header .cate dd{background:var(--bg-primary); border:1px solid var(--border-primary); font-size:1.1em; color:var(--text-primary); font-weight:600; border-radius: 0 var(--border-radaus) var(--border-radaus) 0; padding:0 10px; line-height:30px;} #goodsInfo .goods_info header .subject{font-size:1.4em; font-weight: 700; line-height: 1.3; margin-top: .5em;} #goodsInfo .goods_info header p{margin-top: 1em; display: flex; flex-wrap: wrap;gap: 1rem;} #goodsInfo .goods_info header p a{background-color: var(--bg-dark); color: var(--text-anti-primary); padding:.1em .7em; transition: all .3s ease;} #goodsInfo .goods_info header p a:before{content:"#";} #goodsInfo .goods_info header p a:hover{background-color: var(--primary);} #goodsInfo .goods_info article{padding:1em 0; } #goodsInfo .goods_info article ul{ } #goodsInfo .goods_info article ul li{display: grid; grid-template-columns: 6em 1fr; line-height: 2em;} #goodsInfo .goods_info article ul li label{position:relative;} #goodsInfo .goods_info article ul li label:after{position:absolute; right:.5em; content:":";} #goodsInfo .goods_info article ul li strong{font-size: 1.4em;} #goodsInfo .goods_info .basic{margin-top:1em; border-top: 1px solid var(--border-primary); padding-top:1em;} #goodsInfo .btn_files{margin-top:1em; display: flex; gap: 1rem;} #goodsInfo .btn_files a{position:relative; padding:.7em 1.5em; text-align: center; border-radius: 2em;} #goodsInfo .btn_files a{border: 1px solid var(--border-primary); color:var(--disabled); transition: all .3s ease;} #goodsInfo .btn_files a.on{border: 1px solid var(--bg-dark); background-color: var(--bg-dark); color:var(--text-anti-primary);} #goodsInfo .btn_files a.on:focus {border: 1px solid var(--primary); background-color: var(--primary); color:var(--text-anti-primary);} #goodsInfo .btn_files a.on:hover {border: 1px solid var(--primary); background-color: var(--primary); color:var(--text-anti-primary);} #goodsInfo .btn_files a:before {display:inline-block; font-family:'fontawesome'; content:"\f019"; margin-right:1em; transform: scale(1.5);} #goodsInfo .goods_info .goods_tail{position:relative; clear:both; margin-top:2em; display: flex; gap: 1rem;} #goodsInfo .goods_info .goods_tail a{ width:12em; background:var(--success); color:var(--text-anti-primary); font-size:1.2em; line-height:54px; text-align:center; border-radius: 2em;} #goodsInfo .goods_info .goods_tail a.btn_qna{background:var(--success); color: var(--text-anti-primary); transition: all .3s ease;} #goodsInfo .goods_info .goods_tail a.btn_qna:hover{background:var(--primary); color: var(--text-anti-primary); } #goodsInfo .goods_info .goods_tail a.off{background:var(--disabled); color:var(--text-anti-primary);} #goods_btn_meeting {position: fixed; top: 50%; left: 50%; margin-left: 640px;z-index: 100; background-color: var(--primary); color: var(--text-anti-primary); width: 8em; height: 8em; border-radius: 1rem; text-align: center; transition: all .3s ease;perspective: 1000px; transform-style: preserve-3d;transform-origin: center center;display: block;text-decoration: none;box-shadow: 0 12px 16px rgba(0,0,0,0.4);} #goods_btn_meeting:not(:hover) {animation: quickMenuAttentionAnim 6s 0.5s infinite ease-in-out;} #goods_btn_meeting:hover {animation: none;transform: scale(1.05);} #goods_btn_meeting .back-face {position: absolute;inset: 0;border-radius: 1rem;background:var(--success);transform: rotateY(180deg); backface-visibility: hidden; display: flex;align-items: center;justify-content: center;color: var(--text-anti-primary);line-height: 1.4;} #goods_btn_meeting .front-face i{display: block; font-size: 2em; line-height: 1; margin-bottom: .3em;} #goods_btn_meeting .front-face {position: absolute;inset: 0;border-radius: 1rem;background:var(--primary);color: var(--text-anti-primary);backface-visibility: hidden;overflow: hidden;display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: 1.2em;} @keyframes quickMenuAttentionAnim { 0% { transform: rotateY(0deg); } 15% { transform: rotateY(540deg); } 30% { transform: rotateY(540deg); } 45% { transform: rotateY(1080deg); } 100% { transform: rotateY(1080deg); } } #goodsContent{margin-top:4em; position: relative;} #goodsContent .goods_content{position: relative; padding:2em 0; } #goodsContent .goods_content > dl{display: grid; grid-template-columns: 15em 1fr; gap: 2em;} #goodsContent .goods_content > dl > dt{font-size:1.5em; font-weight: 700; border-top: 1px solid var(--border-secondary); line-height:3em } #goodsContent .goods_content > dl > dd{border-top: 1px solid var(--border-secondary); padding:1.5em 0; } #fundInfo{ margin-top: 5em;} #fundInfo:has(.logo_img){display:grid; grid-template-columns:30rem 1fr; gap: 4em; } #fundInfo .logo_img{position:relative; background-color: var(--bg-primary); border:1px solid var(--border-primary); border-radius: var(--border-radaus); box-shadow: var(--box-shadow); display: flex; justify-content: center; align-items: center;} #fundInfo .logo_img img{ width: 70%;height: auto; max-height: 70%;object-fit: contain; } #fundInfo .info{position:relative; } #fundInfo .info .cate{position:relative; display: flex;} #fundInfo .info .cate dt{background:var(--primary); color:var(--text-anti-primary); border-radius:var(--border-radaus) 0 0 var(--border-radaus); padding:0 10px; line-height:32px;} #fundInfo .info .cate dd{background:var(--bg-primary); border:1px solid var(--border-primary); font-size:1.1em; color:var(--text-primary); font-weight:600; border-radius: 0 var(--border-radaus) var(--border-radaus) 0; padding:0 10px; line-height:30px;} #fundInfo .info .subject{font-size:2em; font-weight: 700; line-height: 1.3em; padding:.6em 0; border-bottom: 1px solid var(--border-primary); margin-bottom: 1em;} #fundInfo .info ul li{display: grid; grid-template-columns: 6em 1fr;} #fundInfo .info ul li label{position:relative;} #fundInfo .info ul li label:after{position:absolute; right:.5em; content:":";} #fundInfo .info .basic{margin-top:1em; border-top: 1px solid var(--border-primary); padding-top:1em;} #fundInfo .info .fund_tail{position:relative; clear:both; margin-top:2em; display: flex; gap: 1rem;} #fundInfo .info .fund_tail a{ width:12em; background:var(--success); color:var(--text-anti-primary); font-size:1.2em; line-height:3em; text-align:center; border-radius: 2.5em;} #fundInfo .info .fund_tail a.btn_meeting{background:var(--primary); color: var(--text-anti-primary); } #fundInfo .info .fund_tail a.btn_qna{background:var(--success); color: var(--text-anti-primary); } #fundInfo .info .fund_tail a.off{background:var(--disabled); color:var(--text-anti-primary);} #fundInfo .info .ino{display: grid; grid-template-columns:repeat(2,1fr); gap:.5rem;} #fundInfo .info .ino dd{display: grid; grid-template-columns:5em 1fr} #fundInfo .info .ino dd label{opacity: .7;} #fundContent{margin-top:4em; position: relative;} #fundContent .fund_content{position: relative; padding:2em 0; } #fundContent .fund_content > dl{display: grid; grid-template-columns: 15em 1fr; gap: 2em;} #fundContent .fund_content > dl > dt{font-size:1.5em; font-weight: 700; border-top: 1px solid var(--border-secondary); line-height:2em } #fundContent .fund_content > dl > dd{border-top: 1px solid var(--border-secondary); padding:1.5em 0; } #fund_list{position:relative; } #fund_list dl{position:relative; border-top:1px solid var(--border-primary); margin-top: 1em;} #fund_list.list dl dd{position:relative;} #fund_list.list dl dd > a{position:relative; padding:2rem 0; display: grid; border-bottom:1px solid var(--border-primary); grid-template-columns: 30rem 1fr; gap: 2em;} #fund_list.list dl dd > a:before{position: absolute; top: -1px; left:-2em; right:-2em; bottom: -1px;z-index: -1; content: "";background-color: var(--bg-primary); opacity:0; transition: all .3s ease;} #fund_list.list dl dd:hover > a:before{opacity: 1;} #fund_list.list dl dd .fund_img{position:relative;display: flex; justify-content: center; align-items: center; border:1px solid var(--border-primary); background-color: var(--bg-primary); aspect-ratio: 1 / 0.618; border-radius: var(--border-radaus);} #fund_list.list dl dd .fund_img img{width: 70%;height: auto; max-height: 70%;object-fit: contain; } #fund_list.list dl dd article{position:relative; display: flex; justify-content: center; flex-direction: column;} #fund_list.list dl dd article .ca_name{font-size: .9em; border-bottom: 1px solid var(--border-dark); width: fit-content;} #fund_list.list dl dd article h5{ font-size:1.5em; line-height:120%; font-weight: 700; line-height: 130%; margin:.5em 0;} #fund_list.list dl dd article p{opacity: .7; line-height: 130%;width:80%; margin-top: 1rem; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} #fund_list.list dl dd article ul{display: flex;} #fund_list.list dl dd article ul li{margin-right:1em} #fund_list.list dl dd article ul li:before{content:attr(title)" : "; opacity: .7;} #fund_list.list dl dd input{position:absolute; top:0; right:0;} #fund_list.list dl dd .admin_order{position:absolute; right:0; bottom:2rem;} #fund_list.list dl dd .btn_request{ position: absolute; top: 50%; transform: translateY(-50%); right: 0; display: grid; grid-template-columns: 36px 1fr; box-shadow:var(--box-shadow);background-color: var(--bg-primary);} #fund_list.list dl dd .btn_request label{position:relative; width:38px; height: 38px; background-color: var(--disabled); cursor: pointer;} #fund_list.list dl dd .btn_request label:after{position:absolute; top: 0; left: 0; width: 100%; text-align: center; line-height: 38px; content:"\ee609"; font-family: 'iconfont'; color: var(--text-anti-primary);} #fund_list.list dl dd .btn_request label:hover:after{ background-color: var(--active-primary); opacity: .5;} #fund_list.list dl dd .btn_request label:has(input[type="checkbox"]:checked){background-color: var(--active-primary); color:#FFF; } #fund_list.list dl dd .btn_request label input{display: none;} #fund_list.list dl dd .btn_request a{display:block; line-height:36px; padding:0 1em; text-align:center; border:1px solid var(--border-primary);} #footer_links{position:fixed; left:0; bottom:0; z-index:99;} #footer_links ul li{margin:.5em 0} #footer_links ul li a{display:block; background-color: var(--primary); color: var(--text-anti-primary); width: 5em; height:3em; text-align: center; line-height: 3em; border-radius: 0 5em 5em 0; box-shadow: var(--box-shadow); padding-right: 1em;} /* 행사후기 목록 */ #list_review{position: relative; background-color: var(--bg-primary); padding:2em; border-radius: var(--border-radaus); box-shadow: var(--box-shadow);} #list_review ul{padding:0; margin:0; list-style:none;zoom:1; border-top:1px solid var(--border-secondary);} #list_review ul li{position:relative; overflow: hidden;} #list_review ul li a{position:relative; padding:0px; display:grid; grid-template-columns: 20rem 1fr; gap: 2em; padding:2em 0; border-bottom: 1px solid var(--border-primary);} #list_review ul li > label{position:absolute; top:0; right:0; z-index:2;} #list_review ul li figure {position: relative; aspect-ratio: 16 / 10; border-radius: 1rem; overflow: hidden;} #list_review ul li figure img{width:100%; height: 100%; object-fit: cover; display:block; } #list_review ul li input{position:absolute; top:5px; right:5px; z-index:10;} #list_review ul li h5 {position:relative; line-height:1.5; font-size:1.2em; font-weight: 600; max-height:4rem; overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;word-break: break-all;} #list_review ul li p{margin-top: 1em;} #list_review ul li dl {display: flex; justify-content: space-between;} #list_review ul li dl dd{opacity: .7;} #list_review .cf_title{background-color: var(--primary); color: var(--text-anti-primary); padding:0em .5em; border-radius: .3em; display: inline-block; margin-bottom:.5em} #list_review .no_confirm{position:absolute; top: 1em; left: -8em; background-color: var(--danger); text-align: center; color: var(--text-anti-primary); transform: rotate(-45deg); width: 20em;} #bo_list .rating-wrap{display: flex; justify-content: space-between; margin:1em 0;} #bo_list .rating-item { display: flex; flex-wrap: wrap;} #bo_list .rating-item label:after{content:' : '; margin-right:1em;} #bo_list .stars {display: flex;gap: 0;} #bo_list .star {font-size: 1.2em;color: var(--disabled);cursor: pointer;transition: color 0.2s ease;} #bo_list .star.active {color: var(--star);} #bo_list .score-display {font-weight: 700;margin-left: 5px;border:0; width: 1em; padding:0;text-align: center;font-size:1.3em;} #bo_v .rating-wrap{background-color: var(--bg-primary); padding:2em; box-shadow: var(--box-shadow); margin-bottom:2em;} #bo_v .rating-item {display: grid;grid-template-columns: 15em 1fr 5em; } #bo_v .rating-item + .rating-item {margin-top: 1em; border-top: 1px solid var(--border-primary); padding-top:1em;} #bo_v .stars {display: flex;gap: .5em; } #bo_v .star {font-size:2em;color: var(--disabled);cursor: pointer;} #bo_v .star.active {color: var(--star);} #bo_v .score-display {font-weight: 700;margin-left: .5em;border:0; width: 1em; padding:0;text-align: center;font-size:1.3em;} #bo_w .rating-item {display: grid;grid-template-columns: 15em 1fr 5em;} #bo_w .rating-item + .rating-item {margin-top: 1em; border-top: 1px solid var(--border-primary); padding-top:1em;} #bo_w .stars {display: flex;gap: 8px;margin-bottom: 10px;} #bo_w .star {font-size: 30px;color: var(--disabled);cursor: pointer;transition: color 0.2s ease;} #bo_w .star.active {color: var(--primary);} #bo_w .star:hover {color: var(--hover-primary);} #bo_w .score-display {font-weight: 700;margin-left: 5px;border:0; width: 1em; padding:0;text-align: center;font-size:1.3em;} /* 온라인 설명회 */ #list_online{position: relative; background-color: var(--bg-primary); padding:2em; border-radius: var(--border-radaus); box-shadow: var(--box-shadow);} #list_online dl{padding:0; margin:0; list-style:none;zoom:1; border-top:1px solid var(--border-primary); } #list_online dl dd{position:relative; margin:0; z-index:1; border-bottom:1px solid var(--border-primary);} #list_online dl dd a.link{display: flex; position: relative; padding-right:10em; gap: 2em; padding:2rem 10em 2rem 0} #list_online dl dd figure{width:20rem; } #list_online dl dd figure img{width: 100%; height:100%; object-fit: cover;} #list_online dl dd .ck_style{position:absolute; bottom:2rem; right:0; z-index:2;} #list_online dl dd article {position:relative; overflow:hidden;} #list_online dl dd h5 {position:relative; line-height:120%; font-size:1.4em; font-weight:700; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #list_online dl dd ul{margin-top:.5rem;} #list_online dl dd ul li{opacity: .7; } #list_online dl dd ul li:before{content:"- ";} #list_online dl dd a.btn_app{position: absolute; top:2rem; right: 0; text-align: center; background-color: var(--primary); color: var(--text-anti-primary); padding:.5em} #list_online dl dd a.btn_app:before{display: block; font-family: 'iconfont'; content:'\ee6bf'; font-size: 1.8em; line-height: 1em;} #list_online dl dd a.btn_app:hover{ -webkit-filter:brightness(120%);filter:brightness(120%); color:var(--text-anti-primary);} #online_briefing_info{position: absolute; background:var(--bg-primary); text-align: center; width:600px;top:50%; left:50%; border:1px solid var(--border-primary); transform: translate(-50%,-50%); box-shadow:var(--box-shadow)} #online_briefing_info section{ padding:4rem; } #online_briefing_info section h5{ font-weight:700; margin-bottom:1em; padding:1rem 3rem; font-size:2.4rem; line-height:3rem; } #online_briefing_info section table{width:100%; } #online_briefing_info section table th{ width:30%;border:1px solid var(--border-primary); text-align: left; padding-left:1em;} #online_briefing_info section table td{padding:1rem;border:1px solid var(--border-primary)} #online_briefing_info .btn_confirm {margin-top:2rem;} #online_briefing_info .btn_confirm .btn_submit{height:45px;padding:0 20px; font-size:1.1em; } #online_briefing_info .online_briefing_already{padding:5rem 0; text-align:center; } #online_briefing_info .online_briefing_already h4{font-size:1.4em; line-height:100%; } #online_briefing_info .online_briefing_already p{font-size:1.1em; margin-top:1em;} #online_briefing_info section table tr:has(input[required], select[required], textarea[required]) > th:before {content: "* "; color: red;} #online_tech{position:relative; margin:2rem 0; } #online_tech .tech_info{position:relative; background-color: var(--bg-primary); border: 1px solid var(--border-primary); padding:4rem; margin:2rem 0; box-shadow: var(--box-shadow);} #online_tech .tech_info header{position:relative;} #online_tech .tech_info h3{font-size:1.6em; font-weight:600; line-height:120%; padding-bottom:1em; margin:1em 0; border-bottom:1px solid var(--border-primary);} #online_tech .tech_info .tech_cate{width: fit-content; display: block; border-bottom: 1px solid var(--border-dark);} #online_tech .tech_info .addthis_sharing_toolbox{position:absolute; top:0; right:0} #online_tech .tech_info section{position:relative;} #online_tech .tech_info header.wr_subject{clear:both; } #online_tech .tech_info h4{font-size:1.5em; display:block; line-height:130%; font-weight:600; margin-bottom:1em;} #online_tech .tech_info dl{display: flex;} #online_tech .tech_info dl dd{margin-right: 2em;} #online_tech .tech_info p{margin-top:1em;} #online_tech .tech_info .tech_tail{ display: flex; justify-content: end; margin-top:2rem;} #online_tech .tech_info .tech_tail a{ padding:0 1em; margin-left:1rem; background:var(--bg-tertiary); font-size:1em; line-height:40px; text-align:center; border-radius:5px;} #online_tech .tech_info .tech_tail a.btn_meeting{background:var(--primary); color:var(--text-anti-primary); } #online_tech .tech_info .tech_tail a.btn_qna{background:var(--success); color:var(--text-anti-primary); } #online_tech .tech_info .tech_tail a.off{background:var(--disabled); } #board_push{position:relative; padding:3rem; border:1px solid #DDD; background:#F6F6F6; margin-bottom:5rem;} #board_push .board_push_sc{position:relative; overflow:hidden;} #board_push .board_push_sc dd{padding:1rem; border:1px solid #DDD; background:#FFF; } #board_push article {margin-top:2rem;} #board_push h5 {position:relative; line-height:120%; font-size:1.2em; font-weight:500; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #board_push ul{ padding:0; margin:0; margin-top:1rem;} #board_push ul li{} #board_push ul li label{display:inline-block; vertical-align:middle;; width:4em; color:#888; font-size:.9em;} #board_push ul li:before{display:none;} #board_push ul li label:after{content:" : ";} #board_push .push_pn{position:absolute; top:50%; z-index:3; padding:0;height:0; left:0; right:0; } #board_push .push_pn a{position:absolute; top:-5rem; width:5rem; height:10rem; padding:0; margin:0; background:rgba(0,0,0,.0); border:0; cursor:pointer; } #board_push .push_pn a:after{position:absolute; top:50%; width:3rem; height:3rem; border-style:solid; border-color:#FFF; border-width:2px; content:"";} #board_push .push_pn .swiper-button-prev{left:-5rem;} #board_push .push_pn .swiper-button-next{right:-5rem;} #board_push .push_pn .swiper-button-prev:after{left:1rem; border-color:#999 transparent transparent #999; transform-origin:left top;-ms-transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;-o-transform-origin:left top; } #board_push .push_pn .swiper-button-prev:after{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);} #board_push .push_pn .swiper-button-next:after{right:1rem; border-color:#999 #999 transparent transparent ; transform-origin:right top;-ms-transform-origin:right top;-webkit-transform-origin:right top;-moz-transform-origin:right top;-o-transform-origin:right top; } #board_push .push_pn .swiper-button-next:after{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);-o-transform:rotate(45deg);} @media (max-width:736px){ #board_push{padding:1rem; margin-bottom:2rem;} #board_push article {margin-top:2rem;} #board_push h5 {position:relative; line-height:120%; font-size:1.2em; font-weight:500; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #board_push ul{ padding:0; margin:0; margin-top:1rem;} #board_push ul li{} #board_push ul li label{display:inline-block; vertical-align:middle;; width:4em; color:#888; font-size:.9em;} #board_push ul li:before{display:none;} #board_push ul li label:after{content:" : ";} #board_push .push_pn{position:absolute; top:50%; z-index:3; padding:0;height:0; left:0; right:0; } #board_push .push_pn a{position:absolute; top:-5rem; width:5rem; height:10rem; padding:0; margin:0; background:rgba(0,0,0,.0); border:0; cursor:pointer; } #board_push .push_pn a:after{position:absolute; top:50%; width:3rem; height:3rem; border-style:solid; border-color:#FFF; border-width:2px; content:"";} #board_push .push_pn .swiper-button-prev{left:-5rem;} #board_push .push_pn .swiper-button-next{right:-5rem;} #board_push .push_pn .swiper-button-prev:after{left:1rem; border-color:#999 transparent transparent #999; transform-origin:left top;-ms-transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;-o-transform-origin:left top; } #board_push .push_pn .swiper-button-prev:after{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);} #board_push .push_pn .swiper-button-next:after{right:1rem; border-color:#999 #999 transparent transparent ; transform-origin:right top;-ms-transform-origin:right top;-webkit-transform-origin:right top;-moz-transform-origin:right top;-o-transform-origin:right top; } #board_push .push_pn .swiper-button-next:after{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);-o-transform:rotate(45deg);} } /* 정부지원사업 */ #businesInfo{position:relative; margin-top: 5em; border: 1px solid var(--border-primary); padding:3em; background-color: var(--bg-primary);} #businesInfo header{ border-bottom: 1px solid var(--border-primary); padding-bottom: 1em;} #businesInfo header .cate{font-weight: 600; color: var(--primary);} #businesInfo header .subject{font-weight: 600; font-size: 1.5em; margin: .4em 0;} #businesInfo header p{margin-top: 1em; opacity: .7;} #businesInfo .info{margin-top: 1em;} #businesInfo .info dd{display: grid; grid-template-columns: 10em 1fr; padding:.8em 0; border-bottom: 1px solid var(--border-primary);} #businesInfo .info dd label{position:relative; font-weight: 600;} #businesInfo .info dd label:after{position:absolute; height:1.5em; right:0; border-right:1px solid var(--border-primary); content:""} #businesInfo .info dd p{padding-left:2em;} #businesInfo .btn_down{position:absolute; top: 2em; right:2em; display: flex; gap: 1rem;} #businesInfo .btn_down a{width: 10em; padding:1em; border-radius: var(--border-radaus2); border:1px solid var(--border-primary); display: flex; justify-content: center; flex-direction: column; text-align: center;} #businesInfo .btn_down a::before{font-family:'fontawesome'; content:"\f019";font-size: 2em; line-height: 1em;} #businesInfo .btn_down a span{font-size: .9em; display: block;} #pdfViewer{margin-top: 2em; } #pdfViewer iframe{width: 100%; border:0; height: 80vh;} #regionList{position:relative; display: flex; flex-wrap: wrap; gap: 1rem; margin: 2em 0;} #regionList a{position:relative; width: 9em; flex-grow: 1; border-radius: 3em; border:1px solid var(--border-primary); padding:.6em; background-color: var(--bg-primary); text-align: center;} #regionList a.on{border-color: var(--primary); color: var(--primary);} #businesSearch{position:relative; z-index:3; margin-bottom: 2em;} #businesSearch fieldset{display: flex; justify-content: center; gap: 1rem; font-size:1.2em} #businesSearch fieldset dl{position:relative; width: 12em; cursor: pointer;} #businesSearch fieldset dl dt{position:relative; border:.2em solid var(--primary); border-radius: 2em; padding-left:2em; line-height: 3em; background-color: var(--bg-primary); transition: all .3s ease; z-index:2;} #businesSearch fieldset dl dt:after{position:absolute; top:50%; right:1em; transform: translateY(-50%) rotate(90deg) scale(.6); color: var(--primary); content:"\ee60c"; font-family: 'iconfont'; transition: all .3s ease;} #businesSearch fieldset dl dd{position:absolute; top:0; padding-top: 3.5em; left:0; right:0; border:.2em solid var(--primary); border-top: 0; border-radius: 2em; overflow: hidden; background-color: var(--bg-primary); box-shadow: .2em .2em .5em rgba(0,0,0,0.4); visibility: hidden;opacity: 0; transition: all .3s ease;} #businesSearch fieldset dl dd label{display: block; line-height: 2.4em; text-align: center;cursor: pointer; } #businesSearch fieldset dl dd label:hover{background-color: var(--bg-secondary);} #businesSearch fieldset dl:hover dd{visibility: visible; opacity: 1;} #businesSearch fieldset dl:hover dt{border-radius: 2em 2em 0 0; border-bottom-color: transparent;} #businesSearch fieldset dl:hover dt:after{ transform: translateY(-50%) rotate(-90deg) scale(.6); } #businesSearch fieldset input{border:.2em solid var(--primary); border-radius: 2em; padding-left:2em; width: 40em;} #businesSearch fieldset input:focus{border:.2em solid var(--primary) !important} #businesSearch fieldset button{background-color: var(--primary); color: var(--text-anti-primary); border-radius: 2em; width: 4em;} #businesSearch fieldset button i{font-size:1.4em} #busines_list table tbody td{padding:1.5em 0} #list_board dl{padding:0; margin:0; list-style:none;zoom:1; } #list_board dl dd{position:relative; margin:0; z-index:1; border-bottom:1px solid var(--border-primary);} #list_board dl dd a.link{display: flex; position: relative; padding-right:10em; gap: 2em; padding:2rem 10em 2rem 0} #list_board dl dd figure{width:20rem; } #list_board dl dd figure img{width: 100%; height:100%; object-fit: cover;} #list_board dl dd .ck_style{position:absolute; bottom:2rem; right:0; z-index:2;} #list_board dl dd article {position:relative; overflow:hidden;} #list_board dl dd h5 {position:relative; line-height:120%; font-size:1.4em; font-weight:700; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #list_board dl dd ul{margin-top:1rem;} #list_board dl dd ul li{display: flex; } #list_board dl dd ul li label{width:5em; opacity: .7; } #list_board dl dd ul li label:after{content:" : ";} #list_board dl dd a.btn_app{position: absolute; top:2rem; right: 0; text-align: center; background-color: var(--primary); color: var(--text-anti-primary); padding:.5em} #list_board dl dd a.btn_app:before{display: block; font-family: 'iconfont'; content:'\ee6ee'; font-size: 1.8em; line-height: 1em;} #list_board dl dd a.btn_app:hover{ -webkit-filter:brightness(120%);filter:brightness(120%); color:var(--text-anti-primary);} .board_btn_app{position:fixed; right:2em; width: 6em; height:6em; border-radius: 50%; display: flex; justify-content: center; flex-direction: column; background-color: var(--primary); color: var(--text-anti-primary); font-size:1em; text-align: center;z-index: 9;} .board_btn_app:before{display: block; font-family: 'iconfont'; content:'\ee6ee'; font-size: 1.8em; line-height: 1em;} .board_btn_app:after{position:absolute; inset: 0; border:1px solid var(--primary); border-radius: 50%; content:""; animation: any 1s infinite; } .board_btn_app:hover{ -webkit-filter:brightness(120%);filter:brightness(120%); color:var(--text-anti-primary);} @keyframes any { to{inset:-2em; opacity:0;} } #list_data .cnt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle;} #list_data .title_icon{margin-right:2px} #list_data .fa-download{width:16px;height:16px;line-height:16px;background:#e89f31;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle} #list_data .fa-link{width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;font-weight:normal} #list_data .new_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px} #list_data .fa-heart{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px;font-weight:normal} #list_data .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #a2c6ce} #list_data .name_over{position:relative; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* 연구자정보 */ .research_list{position:relative; } .research_list dl{position:relative; display: -webkit-flex; display: flex;flex-flow:wrap; margin:-.5%; } .research_list dl dd{position:relative; width:49%; margin:.5%; border:1px solid var(--border-primary); background-color: var(--bg-primary); padding:2rem; position:relative; display: -webkit-flex; display: flex; justify-content:space-between; box-shadow: var(--box-shadow);} .research_list dl dd aside{width:40%; height: 15em;} .research_list dl dd aside img{width: 100%;height: 100%; object-fit: cover;} .research_list dl dd section{width:55%;} .research_list dl dd section input{position:absolute; top:0; right:0;} .research_list dl dd section h5{font-size:1.3em; border-bottom:1px solid var(--border-primary); padding:.5em 0} .research_list dl dd section ul{margin-top:1em;} .research_list dl dd section ul li{line-height:1.8em } .research_list dl dd section ul li strong{opacity: .7; padding-right:1em;} .research_list dl dd section ul li strong:after{content:" : ";} .research_list dl dd section div{margin-top:1em;} .research_list dl dd section div a{display:inline-block; padding:0 1em; line-height:34px; border:1px solid var(--border-primary); } .research_list dl dd section div a:hover{background-color: var(--primary); color:var(--text-anti-primary); border-color: var(--primary);} @media (max-width:737px){ .research_list dl{ display: block; margin:-.5%; } .research_list dl dd{ width:auto; margin:.5%; padding:1rem; } .research_list dl dd section h5{font-size:1.2em; } .research_list dl dd section div{display: -webkit-flex; display: flex; justify-content:space-between} .research_list dl dd section div a{ padding:0; flex-grow:1; text-align:center; } } /* 동영상 */ #list_video{} #list_video ul{display: grid; grid-template-columns: repeat(3,1fr); gap:2em;} #list_video ul li{position:relative; } #list_video ul li label{position:absolute; top:0; right:0; z-index: 2;} #list_video ul li figure{position:relative;width: 100%;aspect-ratio: 16 / 9;} #list_video ul li figure img{width:100%; height: 100%; object-fit: cover;} #list_video ul li figure::after{position: absolute; top: 50%; left:50%; content:"\a3612"; font-family: "iconfont"; color:#E03327; font-size: 4em; width:1em; height:1em; line-height: 1em; transform: translate(-50%,-50%);} #list_video ul li figure::before{position: absolute; top: 50%; left:50%; content:""; background-color:#fff; width:1.5em; height:1.5em; transform: translate(-50%,-50%);} #list_video ul li input{position:absolute; top:5px; right:5px; z-index:10;} #list_video ul li h6 {position:relative; line-height:120%; margin-top:1em; font-size: 1.2em; display: block; display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;word-break: break-all; } @media (max-width:736px){ #list_video ul{ grid-template-columns: repeat(2,1fr);} } /*기업소개*/ /* .enterprise_info{position: relative; padding:3em; background-color: var(--bg-primary); border: 1px solid var(--border-primary); box-shadow:var(--box-shadow); } .enterprise_info:has(.logo_img){display: grid; grid-template-columns: 15em 1fr;} .enterprise_info:has(.logo_img) section{border-left:1px solid var(--border-primary); padding-left:3em} .enterprise_info header{position:relative; border-bottom: 1px solid var(--border-primary); overflow: hidden; padding-bottom:2em;} .enterprise_info header .tech_cate{position:relative; display: flex;} .enterprise_info header .tech_cate dt{background:var(--primary); color:var(--text-anti-primary); border-radius:var(--border-radaus) 0 0 var(--border-radaus); padding:0 10px; line-height:32px;} .enterprise_info header .tech_cate dd{background:var(--bg-primary); border:1px solid var(--border-primary); font-size:1.1em; color:var(--text-primary); font-weight:600; border-radius: 0 var(--border-radaus) var(--border-radaus) 0; padding:0 10px; line-height:30px;} .enterprise_info header .wr_title{display: block; font-size:2em; font-weight:700; margin:.5em 0; line-height:1.3em;} .enterprise_info header .post_info{display: flex; gap: 1em; font-size:.9em; opacity: .7;} .enterprise_info .logo_img{position:relative; width: 12em; } .enterprise_info .info dd{display: grid; grid-template-columns: 10em 1fr; border-bottom: 1px solid var(--border-primary); padding:.6em 0} */ .enterprise_info header{border:1px solid var(--border-primary); padding:2em; text-align: center;} .enterprise_info header .logo_img{position:relative; width: 8em; aspect-ratio: 1; border-radius: 50%; border: 1px solid var(--border-primary); margin:0 auto; overflow: hidden;} .enterprise_info header .logo_img img{width:100%; height: 100%; object-fit: contain; } .enterprise_info header .wr_title{font-size:1.2em; font-weight: 700; margin-top:1em; line-height:1.3em;} .enterprise_info .info{display: grid; grid-template-columns: repeat(2,1fr); gap: 1em; margin: 2em 0;} .enterprise_info .info dd{display: grid; grid-template-columns: 7em 1fr;} .enterprise_info .info dd label{opacity: .8;} .enterprise_info .info_links{background-color: var(--bg-primary); padding:2em; display: flex; justify-content: space-between;} .enterprise_info .info_links .cunter_items{border:1px solid var(--border-primary); display: flex; justify-content: center; align-items: center; text-align: center; width: 8em; background-color: var(--bg-body); transition: all .3s ease; border-radius: 2em;} .enterprise_info .info_links .cunter_items:hover{background-color: var(--primary); border-color: var(--primary); color: var(--text-anti-primary);} .enterprise_info .info_links .cunter_items span{font-size: 1.1em; margin-left: .3em;} .enterprise_info .btn_files{ display: flex; gap: 1rem;} .enterprise_info .btn_files a{position:relative; padding:.7em 1.5em; text-align: center; border-radius: 2em;} .enterprise_info .btn_files a{border: 1px solid var(--border-primary); color:var(--disabled); transition: all .3s ease;} .enterprise_info .btn_files a.on{border: 1px solid var(--success); background-color: var(--success); color:var(--text-anti-primary);} .enterprise_info .btn_files a.on:focus {border: 1px solid var(--primary); background-color: var(--primary); color:var(--text-anti-primary);} .enterprise_info .btn_files a.on:hover {border: 1px solid var(--primary); background-color: var(--primary); color:var(--text-anti-primary);} .enterprise_info .btn_files a:before {display:inline-block; font-family:'fontawesome'; content:"\f019"; margin-right:1em; transform: scale(1.5);} .enterprise_list dl dd{position:relative;margin-top: 1em;} .enterprise_list dl dd a.company_link{position:relative; display: grid; grid-template-columns: 8rem 1fr; align-items: center; gap:2em; border:1px solid var(--border-primary); padding:1em 2em; border-radius: var(--border-radaus2); padding-right:14em} .enterprise_list dl dd .selec_chk ~label{position:absolute; top:0; right:0;} .enterprise_list dl dd a.company_link figure{ } .enterprise_list dl dd a.company_link article{display: grid; grid-template-columns: 16em 1fr 5em;align-items: center; } .enterprise_list dl dd a.company_link article .title h5{font-size: 1.1em; font-weight: 600; } .enterprise_list dl dd a.company_link article .title h5 span{font-size: .9em; font-weight: 400; opacity: .8; margin-right: .5em;} .enterprise_list dl dd a.company_link article .title .ca_name{opacity: .7;} .enterprise_list dl dd a.company_link article .info{position: relative; height:3em; line-height: 3em; overflow: hidden; font-size: 1.2em;} .enterprise_list dl dd a.company_link article .info p{transition: all .3s ease; position: relative; height:3em; line-height: 3em; overflow: hidden; opacity: .8;} .enterprise_list dl dd a.company_link article .info p:nth-child(2){opacity: 0;} .enterprise_list dl dd:hover a.company_link article .info p {transform: translateY(-100%); opacity: 1;} .enterprise_list dl dd a.company_link .tit{margin-right: 1em;} .enterprise_list dl dd a.company_link .tit:before{content:attr(title)" : "; opacity: .7;} .enterprise_list dl dd a.company_link .wr_hit{text-align: right;} .enterprise_list dl dd a.company_link .wr_hit::before{font-family: 'iconfont'; content:"\ee665"; margin-right:.4em} .enterprise_list dl dd a.cunter_items{position:absolute; right:2em; top:50%; transform: translateY(-50%); z-index:2; border:1px solid var(--border-primary); padding:.6em 1.3em; border-radius: 3px; transition: all .3s ease; border-radius: 2em;} .enterprise_list dl dd a.cunter_items::before{ content:'관련상품 : '; opacity: .7;} .enterprise_list dl dd a.company_link:before{position:absolute; inset: -1px; border-radius: var(--border-radaus2); border:2px solid var(--primary); content:""; transition: all .3s ease; opacity: 0; } .enterprise_list dl dd:hover a.company_link{color: var(--text-primary);} .enterprise_list dl dd:hover a.company_link:before{opacity: 1;} .enterprise_list dl dd a.cunter_items:hover{background-color: var(--primary); border-color: var(--primary); color: var(--text-anti-primary);} #list_basic .cnt_cmt{background:indianred;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle;} #list_basic .title_icon{margin-right:2px} #list_basic .fa-download{width:16px;height:16px;line-height:16px;background:#e89f31;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle} #list_basic .fa-link{width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;font-weight:normal} #list_basic .iconfont{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em; margin-left:.2em;} #list_basic .iconfont[class*="new"] {color:brown;} #list_basic .iconfont[class*="down"] {color:darkcyan;} #list_basic .iconfont[class*="link"] {color:cornflowerblue;} #list_basic .iconfont[class*="hear"] {color:crimson;} #list_basic .iconfont[class*="lock"] {color:forestgreen;} #list_basic .iconfont[class*="chat"] {color:indianred;} @media (max-width:850px){ #list_basic .tb colgroup{display:none;} #list_basic .tb thead{display:none;} #list_basic .tb tbody{border-bottom:1px solid #DDD; } #list_basic .tb tbody tr{position:relative; display:block; border-top:1px solid #DDD; padding:1rem 0; padding-left:3em; } #list_basic .tb tbody tr:after {display:block;visibility:hidden;clear:both;content:""} #list_basic .tb tbody td{display:block; border:0; width:auto; padding:0; height:auto; float:left; margin-right:10px; background:#FFF;} #list_basic .tb tbody td.tit:before{content: attr(title) " : "; color:#aaa} #list_basic .tb tbody td.chk{position:absolute; top: 1rem; right:0; } #list_basic .tb tbody td.chk:before{display:none; } #list_basic .tb tbody td.num{position:absolute; top:1rem; left:0; width:3em; } #list_basic .tb tbody td.num:before{display:none} #list_basic .tb tbody td.subject{float:none; clear:both; padding:0 !important } #list_basic .tb tbody td.subject:before{display: none} } #searchCompany{position:relative; z-index:100; display: none;} #searchCompany::before {content: ''; position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: -1;} #searchCompany section{position:fixed; box-shadow: .1em .1em 1em rgba(0,0,0,.3); width: 50em; padding:2em; background-color: var(--bg-primary); left:50%; top:50%; transform: translate(-50%, -50%);} #searchCompany h5{font-size: 1.3em; line-height: 1.4; padding:1em 0; padding:.5em 0; border-bottom: 1px solid #AAA;} #searchCompany h4{font-size: 2em; line-height: 2; display: flex; justify-content: space-between; padding-bottom:.6em} #searchCompanyForm{display: flex; justify-content: space-between; font-size: 1.3em; } #searchCompanyForm input{flex-grow: 1; } #searchCompany .result{padding:2em 0; } #searchCompany .result article{position:relative; max-height: 30em; overflow:auto;} #searchCompany .result .company_item{cursor: pointer; padding:.5em 1em; background-color: var(--bg-input); display:grid; grid-template-columns: 1fr 15em 5em;} #searchCompany .result .company_item .company_name{position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #searchCompany .result .company_item .company_addr{position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #searchCompany .result .company_item .ceo_name{position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #searchCompany .result .company_item:hover{background-color: var(--bg-secondary);} #searchCompany #add_new_com{background:var(--bg-dark); color: var(--text-anti-primary); font-size: 1.2em; display: block; margin:2em auto 0; width: 10em; height:2.4em;} #searchCompany .loader { width: 50px; aspect-ratio: 1; display: grid; border: 4px solid var(--border-primary); border-radius: 50%; border-right-color: var(--primary); animation: l15 1s infinite linear; margin:6em auto;} #searchCompany .loader::before, #searchCompany .loader::after { content: ""; grid-area: 1/1; margin: 2px; border: inherit; border-radius: 50%; animation: l15 2s infinite;} #searchCompany .loader::after { margin: 8px; animation-duration: 3s;} @keyframes l15{ 100%{transform: rotate(1turn)} } #searchCompany .new_company_form{} #searchCompany .new_company_form h4{font-size: 1.5em; line-height: 1.4; padding:1em 0} #searchCompany .new_company_form table tbody th{width: 10em;} #searchCompany .new_company_form .btn_confirm .btn_submit{font-size: 1.1em;} @page { size: A4; margin: 0; } @media print{ #bodyWrap {width: 210mm;} body, select,input,textarea,button {font-size:8pt; } .wrap{width:auto;} #m_content{width:auto; float:none; } #hdtop{display:none} #header{display:none} #topMenu{display:none} #pageNavi{display:none} #sub_visual{display:none} #bo_v_top{display:none} #bo_v_file{display:none} .cmt_btn{display:none} #bo_vc{display:none} #bo_vc_w{display:none} #footer{display:none} #sub_visual{ height:12rem !important;} #sub_visual section h2{font-size: 3em !important;} #footer_links{display: none;} }