@charset "UTF-8";

/*직무발명지식재산권*/
.know .struc ul{position: relative;display: flex;align-items: center;width: 635px;height: 700px;margin: 100px auto 0;background:url(/nanum/site/builder/dir/faculty/img/menu6272/bg_struc.gif) no-repeat center;}
.know .struc ul li.center{display: flex;width: 260px;height: 260px;border:1px solid #f4646d;border-radius: 100%;margin: 0 auto;}
.know .struc ul li.center .cir{display: flex;flex-direction: column;justify-content: center;width: 260px;align-items: center;height: 260px;border:12px solid #fff4f4;border-radius: 100%;box-sizing: border-box;}
.know .struc ul li p{font-weight:700;}
.know .struc ul li.center p.tit{font-size:2.4rem;color:#db2b35;}
.know .struc ul li.center p.stit{font-size:2.5rem;color:#fff;line-height:1;padding:8px 15px;margin: 10px 0;background:#db2b35;}
.know .struc ul li span{font-size:1.7rem;}
.know .struc ul li[class^="out"]{position:absolute;display: flex;justify-content:center;align-items:center;width:160px;height:160px;font-weight:700;font-size:2rem;text-align:center;background:#fff;border:2px solid #ddd;border-radius:100%;margin:0 auto;}
.know .struc ul li.out1{top:0;left:50%;margin-left:-80px;}
.know .struc ul li.out2{left: 0;bottom:125px;}
.know .struc ul li.out3{right: 0;bottom:125px;}
.know .struc ul li.otype2{position:absolute;left:50%;top:50%;width:735px;height: 670px;transform: translate(-50%, -50%);}
.know .struc ul li.otype2 span{position:absolute;}
.know .struc ul li.otype2 span.txt1{left:0;top: 160px;}
.know .struc ul li.otype2 span.txt2{left:50%;bottom:0;transform: translateX(-50%);}
.know .struc ul li.otype2 span.txt3{right: 20px;top: 160px;}

.know .job > ul{display:flex;gap:3vw;margin-top:50px;}
.know .job > ul > li{flex: 1;text-align: center;border:1px solid #ddd;border-radius:10px;padding:45px;}
.know .job > ul > li p.tit{font-size:2.2rem;font-weight:700;color:#eb0000;line-height: 1;}
.know .job > ul > li p.point_txt{text-align:left;margin-top:30px;}
.know .job > ul > li span{display:block;font-size:1.7rem;padding-top:25px;}
.know .job > ul > li dl.ex_cont{border-top:1px dashed #ccc;margin-top:25px;padding-top:25px;}
.know .job > ul > li ul li{text-align:left;}
.know .kind{border-top:2px solid #000;}
.know .kind dl{position:relative;border-bottom:1px solid #ccc;padding:40px 315px 40px 20px;}
.know .kind dl:before{content:"";position:absolute;right: 50px;top: 40px;width:66px;height:63px;background-size:cover;}
.know .kind dl.icon01:before{background-image:url(/nanum/site/builder/dir/faculty/img/menu6272/icon_kind01.gif);}
.know .kind dl.icon02:before{background-image:url(/nanum/site/builder/dir/faculty/img/menu6272/icon_kind02.gif);}
.know .kind dl.icon03:before{background-image:url(/nanum/site/builder/dir/faculty/img/menu6272/icon_kind03.gif);}
.know .kind dl dt{font-size:2.2rem;font-weight:700;color:#eb0000;margin-bottom:25px;}
.know .kind dl dd strong{display:inline-block;font-weight:600;margin-top:7px;}

/*지식재산권-연구자 지원제도*/
.inven .interview{border-top:2px solid #000;}
.inven .interview dl{position:relative;border-bottom:1px  solid #ccc;padding: 40px 20px;}
.inven .interview dl:before{content:"";position:absolute;right: 43px;top: 53px;width:60px;height:71px;background: url(/nanum/site/builder/dir/faculty/img/menu6272/bg_inter.gif) no-repeat 50% / cover;}
.inven .interview dl dt{display:flex;align-items:center;font-size:2.2rem;font-weight: 700;color:#db2b35;}
.inven .interview dl dt span{display:block;width:100px;line-height: 35px;font-size:1.4rem;font-weight:400;color:#fff;text-align:center;letter-spacing:0;margin-right:20px;background:#db2b35;}
.inven .interview dl dt span em{font-size:1.8rem;font-weight:700;padding-left:5px;}
.inven .interview dl dd{margin-top:30px;}

.inven .process{display:flex;flex-direction:column;width:1020px;margin:90px auto;background: url(/nanum/site/builder/dir/faculty/img/menu6272/bg_process.gif) no-repeat 0 0;}
.inven .process .bx{display:flex;text-align:center;}
.inven .process .bx ul{display:flex;align-items: center;}
.inven .process .bx > ul{margin:115px 50px 0 0;}
.inven .process .bx ul li p{font-size:1.6rem;}
.inven .process .bx ul li p span{display:block;font-size:1.6rem;font-weight:400;letter-spacing:0;color:#777;}
.inven .process .bx ul li p span.red{color:#d21010;font-size:1.9rem;font-weight:700;}
.inven .process .bx .bx2{display:flex;align-items: end;gap: 30px;}
.inven .process .bx .bx2:last-child{margin-left:100px;}
.inven .process .bx .bx2 ul{display:flex;flex-direction: column;gap: 35px;}
.inven .process .bx .bx2 ul li{position:relative;display: flex;align-items: center;justify-content: center;width: 205px;border:2px solid #000;border-radius:15px;padding: 15px 0;box-sizing: border-box;}
.inven .process .bx .bx2 ul li:not(:first-child):before{content:"";position:absolute;left: 50%;top: -23px;width: 0;height: 0;border-style: solid;border-width: 8px 8px 0px 8px;border-color: #888 transparent transparent transparent;transform: translateX(-50%);}
.inven .process .bx .bx2:last-child ul li:before{rotate:180deg;transform: translateX(50%);}
.inven .process .bx .bx2 ul li:nth-last-child(-n+2){height: 85px;}
.inven .process .bx .bx2 ul.gline li{width: 145px;border-color:#ccc;background-color:#efefef;}
.inven .process .bx .bx2 ul li p{font-size:1.9rem;}
.inven .process ul.point{position:relative;display:flex;align-items:center;justify-content:center;width:205px;font-size:1.9rem;text-align: center;color:#fff;padding: 15px 0;margin:40px 0 0 155px;border-radius:15px;background:#db2b35;box-sizing: border-box;}
.inven .process ul.point:before{content:"";position:absolute;left: 50%;top: -25px;width: 0;height: 0;border-style: solid;border-width: 8px 8px 0px 8px;border-color: #888 transparent transparent transparent;transform: translateX(-50%);}
.inven .process ul.point.type2{height: 90px;border:2px solid #db2b35;color:#db2b35;margin: 25px 0 0 330px;background:#fff;}
.inven .process ul.point.type2:before{display:none;}
.inven .process ul.point.type2 span{display:block;font-size:1.6rem;color:#777;}
.inven .process ul.point br{display:none;}

.inven .support > ul{display:flex;flex-wrap:wrap;gap:30px;margin-top:40px;}
.inven .support > ul > li{width:calc(33.333% - 20px);text-align:center;border:1px solid #ddd;border-radius:10px;padding:40px 30px;box-sizing:border-box;}
.inven .support > ul > li p{font-size:2.4rem;font-weight:700;}
.inven .support > ul > li p span{display: block;font-size:1.7rem;font-weight:500;margin-top:12px;}
.inven .support > ul > li dl{border-top:1px dashed #ccc;padding-top:20px;margin-top:17px;}
.inven .support > ul > li dl dt{font-size:1.5rem;font-weight:700;}
.inven .support > ul > li dl dd ul{display:flex;justify-content:center;gap:8px;margin-top:15px;}
.inven .support > ul > li dl dd ul li{width:auto;font-size:1.5rem;font-weight:700;color:#db2b35;border:2px solid #db2b35;border-radius:30px;padding:7px 15px;margin-top: 0;}

/*지식재산권-전담특허사무소*/
.patent .table1 td ul.list li span{display:inline-block;width:100px;font-weight:700;}
.patent .table1 td ul.list li span.w_type{width:150px;}
.patent .office_qa{display:flex;flex-wrap:wrap;justify-content:space-between;gap:50px;}
.patent .office_qa dl{overflow:hidden;width: calc(50% - 25px);border:1px solid #000;border-radius:15px;box-sizing:border-box;}
.patent .office_qa dl dt{position:relative;color:#fff;font-size:1.7rem;padding: 30px 50px;background-color:#000;}
.patent .office_qa dl dt:before{content:"Q";bottom: -21px;}
.patent .office_qa dl dt:before,
.patent .office_qa dl dd:before{position:absolute;left:12px;font-size:4.8rem;font-weight:700;opacity: .25;}
.patent .office_qa dl dd{position:relative;padding:30px 50px;}
.patent .office_qa dl dd:before{content:"A";top:-23px;}

/*지식재산권-교원업적평가반영기준*/
.crite .red_bx{border:2px solid #f8909f;border-radius:15px;padding:40px 0;background:#fdf6f7;}
.crite .red_bx p{font-size:2.3rem;font-weight:700;color:#d75467;text-align:center;}

/*기술이전-연구자 지원제도*/
.system{display:flex;flex-wrap:wrap;gap:50px;}
.system .bx{width: calc(50% - 25px);border:1px solid #ddd;border-radius:15px;box-sizing: border-box;padding: 45px 50px;}
.system .bx p{color:#eb0000;font-size: 2.2rem;font-weight: 700;text-align: center;}
.system .bx p + ul.list{margin-top:20px;}
.system .bx .provision{display:flex;justify-content: space-between;gap: 15px;margin: 20px 0;}
.system .bx .provision dl{width: 50%;text-align:center;border-radius:10px;padding:15px 0;background-color:#f9f9f9;}
.system .bx .provision dl dt{font-size:1.7rem;font-weight:600;}
.system .bx .provision dl dd{font-size:2.2rem;font-weight:700;}

/********************1400********************/
@media(max-width:1400px){

/*지식재산권-연구자 지원제도*/	
.inven .process{width:975px;background-size:100% 517px;}
.inven .process .bx .bx2 ul li,
.inven .process ul.point{width:188px;}
.inven .process ul.point{margin-left:148px;}
.inven .process ul.point.type2{margin-left:313px;}

table.table1 th, table.table1 td{word-break: break-all;}

}

/********************1280********************/
@media(max-width:1280px){
	
/*지식재산권-연구자 지원제도*/	
.inven .process{position:relative;align-items:center;width:720px;background-size:100% 450px;}
.inven .process:before{content:"";position:absolute;width:30px;height:3px;left:240px;bottom:131px;background:#0650c9;}
.inven .process .bx > ul{margin-right:5px;}
.inven .process .bx .bx2{gap:20px;}
.inven .process .bx .bx2:last-child{margin-left:50px;}	
.inven .process .bx .bx2 ul li,
.inven .process ul.point{width:130px;}
.inven .process ul.point{margin-left:-370px;}
.inven .process ul.point.type2{margin:7px 0 0 -68px;}
.inven .process .bx .bx2 ul li{padding:10px 0;border-radius:10px;}
.inven .process .bx .bx2 ul li:nth-last-child(-n+2){width:130px;height:70px;}

.inven .interview dl{padding-right:120px;}

	
}


/********************태블릿********************/
@media(max-width:1024px){
	
/*직무발명지식재산권*/
.know .job > ul{flex-direction:column;gap:30px;}
.know .job > ul > li{padding:25px;}
.know .job > ul > li span{padding-top:12px;}	
.know .job > ul > li dl.ex_cont{margin-top:15px;padding-top:15px;}

.know .kind dl{padding-right:130px;}

/*지식재산권-연구자 지원제도*/
.inven .interview dl{padding-right:20px;}
.inven .interview dl:before{top:30px;right:30px;width:44px;height:51px;}
	
.inven .support > ul{gap:20px;}
.inven .support > ul > li{width:calc(33.333% - 14px);padding:20px 30px;}
.inven .support > ul > li p{height:110px;}
.inven .support > ul > li dl dd ul li{padding:1px 5px;}

/*지식재산권-전담특허사무소*/
.patent .office_qa{gap:30px;}    
.patent .office_qa dl{width: calc(50% - 15px);}

/*지식재산권-교원업적평가반영기준*/
.crite .red_bx{padding:40px 60px;}

/*기술이전-연구자 지원제도*/
.system{flex-direction:column;gap:30px;}
.system .bx{width:100%;}


}

/********************모바일********************/
@media(max-width:767px){

/*직무발명지식재산권*/
.know .job > ul{gap:20px;}	

.know .struc ul{width:500px;height:629px;background-size:100%;}
.know .struc ul li.center{width:200px;height:200px;}
.know .struc ul li.center .cir{height:200px;}
.know .struc ul li[class^="out"]{width:120px;height:120px;}
.know .struc ul li.out1{margin-left:-65px;}
.know .struc ul li.out2{left:-10px;bottom:128px;}
.know .struc ul li.out3{right:-19px;bottom:133px;}
.know .struc ul li.otype2{width:600px;height:580px;}

.know .kind dl{padding-right:0;padding:20px 50px 20px 15px;}
.know .kind dl:before{right:10px;top:20px;width:35px;height:33px;}
.know .kind dl dt{margin-bottom:10px;}

/*지식재산권-연구자 지원제도*/
.mscr{overflow-y:hidden;}
.inven .process{margin:30px auto;}
.inven .process:before{bottom:124px}
.inven .process .bx .bx2{gap:15px}
.inven .process .bx .bx2:last-child{margin-left:30px;}
/*.inven .process{width: 450px;background-size:100% 313px;}
.inven .process:before{display:none;}
.inven .process .bx > ul{margin-top:65px;}
.inven .process .bx .bx2{gap: 5px;}
.inven .process .bx .bx2:last-child{margin-left:20px;}
.inven .process .bx .bx2 ul{gap:20px;}
.inven .process .bx .bx2 ul li:not(:first-child):before{top: -16px;}
.inven .process .bx .bx2 ul li, .inven .process ul.point{width:100px;}
.inven .process ul.point{height: 45px;margin: 18px 0 0 -212px;border-radius: 10px;}
.inven .process ul.point:before{top:-13px;}
.inven .process ul.point.type2{height: 55px;margin: 13px 0 0 -60px;}
.inven .process .bx .bx2 ul li:nth-last-child(-n+2){width:100px;height:50px;}
.inven .process .bx .bx2 ul.gline li{width:80px;}
.inven .process .bx .bx2 ul li p{line-height:1.3;}*/

.inven .interview dl{padding:20px 10px;}
.inven .interview dl:before{top:10px;right:10px;width:34px;height:41px;}
.inven .interview dl dt span{width:70px;line-height:30px;margin-right:10px;}

.inven .support > ul{flex-direction:column;margin-top:20px;}
.inven .support > ul li{width:100%;}
.inven .support > ul > li p{height:auto;}
.inven .support > ul > li dl{padding-top:12px;margin-top:10px;}

/*지식재산권-전담특허사무소*/
.patent > p,
.patent > p.mt40{margin-top:20px;}

.patent .office_qa{flex-direction:column;gap:15px;}
.patent .office_qa dl{width:100%;}
.patent .office_qa dl dt,
.patent .office_qa dl dd{padding:15px 40px;}
.patent .office_qa dl dt:before{bottom:-18px;}
.patent .office_qa dl dd:before{top:-20px;}

/*지식재산권-교원업적평가반영기준*/
.crite .red_bx{padding:20px;}
.crite .red_bx p{font-size: 2rem;}

/*기술이전-연구자 지원제도*/
.system .bx{padding:20px;}

}
/********************모바일********************/
@media(max-width:640px){

/*직무발명지식재산권*/
.know .struc ul{width:240px;height:280px;margin-top: 40px;background-size:100%;}
.know .struc ul li.center{width:120px;height:120px;}
.know .struc ul li.center .cir{width:100%;height:120px;border-width:7px;}
.know .struc ul li.center p.tit{font-size:1.7rem;}
.know .struc ul li.center p.stit{font-size:2rem;padding:5px 7px;margin:5px 0;}
.know .struc ul li span{font-size:1.5rem;}
.know .struc ul li[class^="out"]{width:70px;height:70px;font-size:1.5rem;line-height:1.3;}
.know .struc ul li.out1{top:-10px;margin-left:-31px;}
.know .struc ul li.out2{left:-10px;bottom:51px;}
.know .struc ul li.out3{right:-14px;bottom:37px;}
.know .struc ul li.otype2{width:270px;height:300px;}
.know .struc ul li.otype2 span.txt1{left:-16px;top:63px;}	
.know .struc ul li.otype2 span.txt3{right:-18px;top:80px;}

/*.inven .process{width: 300px;margin: 35px auto;!i;!;background-position: 29px 50%;background: url(/nanum/site/builder/dir/faculty/img/menu6272/bg_process_mo.gif) no-repeat 4px 17px;}
.inven .process:before{display:block;height: 1px;left: 120px;bottom: 61px;}
.inven .process .bx > ul{margin:0;}
.inven .process .bx > ul > li{text-align:left}
.inven .process .bx ul li p{line-height:1.1;font-size:1.4rem;}
.inven .process .bx ul li p span.red{font-size:1.6rem;}
.inven .process .bx .bx2:last-child{margin-left:15px;}
.inven .process .bx .bx2 ul li, .inven .process ul.point{width:50px;}
.inven .process .bx .bx2 ul{gap:12px;}
.inven .process .bx .bx2 ul li p{font-size:1.5rem;}
.inven .process .bx .bx2 ul li:not(:first-child):before{border-width:5px 5px 0px 5px;top:-10px;}
.inven .process .bx .bx2 ul li:nth-last-child(-n+2){width:50px;height:100px;word-break:break-all;padding:5px;border-radius: 5px;}
.inven .process .bx ul li p span{font-size:1.3rem}
.inven .process ul li{font-size:1.5rem;}
.inven .process ul.point{height:auto;margin: 12px 0 0 -110px;border-radius: 5px;}
.inven .process ul.point br{display:block;}
.inven .process ul.point:before{top: -8px;border-width: 5px;}
.inven .process ul.point.type2{width: 100px;height: auto;margin: 4px 0 0 46px;padding: 0;}*/

}




/********************웹********************/
@media(min-width:1025px){


}