@charset "utf-8";
/* CSS Document */



/* Header 메뉴 클릭시 css */
#spobee_container .header-container .header .gnb ul.depth-01>li>h2 a.select {color:#2ea7e0;}

/* Header 배너영역 */
#spobee_container .header-banner-container { width:100%; height: 410px; position: relative; background:url("../../../img/sub/patent/company-bg.png") no-repeat center; display:table; background-size:cover}
#spobee_container .header-banner-container .title {width:1100px; height:330px;padding-top:80px; text-align: center; display: table-cell; vertical-align: middle;}
#spobee_container .header-banner-container .title .text-area {margin:0 auto; color: #fff;}
#spobee_container .header-banner-container .title .text-area p:nth-child(1) {font-size:1.4rem; letter-spacing: 0.86em; color: #b6b6b6; font-weight: lighter; text-shadow:2px 2px 5px rgba(0, 0, 0, 0.43);padding-left:9px;}
#spobee_container .header-banner-container .title .text-area p:nth-child(2) {font-size:4rem; letter-spacing: -0.02em; color: #fff;text-shadow:2px 2px 5px rgba(0, 0, 0, 0.43);padding-top:10px;}

@media (max-width: 480px) {
  #spobee_container .header-banner-container .title .text-area p:nth-child(1) { letter-spacing: 0.5em;}
}

/* 영역 공통 */
#spobee_container .main-contents-area-wrap .contents-area-container { overflow: hidden; }
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area { padding: 80px 0; width: 1100px; margin: 0 auto; }
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .title-area { display: block; text-align: center; height: 90px; width: 550px; margin: 0 auto 40px; position: relative; padding: 10px; }
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .title-area h4 {position:relative; font-size:2.7rem; letter-spacing: -0.015em;color:#222;padding:25px 0; margin:0;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .title-area h4:after {display:block;content:""; position:absolute; top:0; left:50%; margin-left:-15px;width:30px; height:3px; background:#2ea7e0;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area  .title-area p {letter-spacing: -0.015em; font-size: 1.7rem; color: #939393; }
@media all and (max-width: 1100px)
{
	#spobee_container .main-contents-area-wrap .contents-area-container .contents-area { width: 100%; padding: 80px 20px; }
}
@media all and (max-width: 640px)
{
	#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .title-area { width: 100%; padding: 15px; height: auto; }
	#spobee_container .header-banner-container .title .text-area p:nth-child(3) {font-size:1.8rem; width:85%;}
}
@media all and (max-width: 540px)
{
	#spobee_container .header-banner-container .title .text-area p:nth-child(2) {font-size:3rem;}	
	#spobee_container .header-banner-container .title .text-area p:nth-child(3) {font-size:1.6rem;}
}

/* 지식재산권 */
.info-txt-area { position: relative; text-align: center; word-break: keep-all; }
.info-txt-area .top { padding-bottom: 40px; margin: 0 55px 55px; border-bottom: 1px solid #c5ccd3; }
.info-txt-area .top .tit { font-size: 2.2rem; line-height: 1.8; letter-spacing: -1.5px; }
.info-txt-area .top .tit .line { position: relative; }
.info-txt-area .top .tit .line:after { content: ''; display: block; width: calc(100% + 4px); height: 10px; background:rgba(34,90,116,0.2); position: absolute; bottom: 1px; left: -2px;}
.info-txt-area .top .label { font-size: 1.4rem; padding-bottom: 20px; letter-spacing: 0; color: #8a9ca5; }
.info-txt-area .bottom { padding-bottom: 40px; }
.info-txt-area .bottom .txt { font-size: 1.7rem; line-height: 1.8; letter-spacing: -1px; font-weight: 300; }
.info-txt-area .bottom .txt:not(:last-child) { padding-bottom: 20px; }
.info-txt-area .bottom .txt .pot { font-weight: 500; }
.info-txt-area .bottom .txt .red { display: inline-block; padding: 0 5px 2px; background: #f7e7e7; border-radius: 3px; color: #c31515; line-height: 24px; }

@media (max-width: 1100px) {
  .info-txt-area { width: 100%; }
}

@media (max-width: 550px) {
  .info-txt-area .top { margin-bottom: 25px; padding-bottom: 25px; }
  .info-txt-area .top .tit { font-size: 1.8rem; }
  .info-txt-area .top .tit br { display: none; }
  .info-txt-area .bottom .txt { font-size: 1.5rem; display: inline-block; }
  .info-txt-area .bottom .txt .pot { display: inline-block; }
}

.patent-list { margin: 30px auto 0; position: relative; padding-top: 60px; }
.patent-list .list-title { position: absolute; top: 10px; left: 50%; transform: translateX(-50%); font-size: 2.2rem;}
.patent-list .box-wrap .item { position: relative; float: left; padding: 5px; overflow: hidden; display: block; }
.patent-list .box-wrap .item img { max-width: 100%; border: 5px solid #dee3eb; }
.patent-list .box-wrap .item .download-layer { position: absolute; top: 5px; left: 5px; z-index: 1; background: rgba(0,0,0,0.6); width: calc(100% - 10px); height: calc(100% - 10px); opacity: 0; transition: opacity .5s; text-align: center; }
.patent-list .box-wrap .item:hover .download-layer { opacity: 1; }
.patent-list .box-wrap .item .download-layer .download-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border:0; background: transparent; color: #fff; padding: 5px 10px 7px; border: 1px solid #fff; font-size: 1.2rem; transition: background .3s; }
.patent-list .box-wrap .item .download-layer .download-btn:hover { background: rgba(255,255,255,0.18); }
.patent-list .box-wrap .item .download-layer .download-btn .pdf { color: #fff; font-size: 1rem; font-weight: 600; display: inline-block; padding: 0 7px 1px; background: #ef4867; border-radius: 3px; letter-spacing: 0.5px; margin-right: 5px; position: relative; top: -1px; }
.patent-list .box-wrap .slick-arr { position: absolute; width: 30px; height: 30px; cursor: pointer; top: 15px; }
.patent-list .box-wrap .slick-arr.slick-prev { left: 55px; }
.patent-list .box-wrap .slick-arr.slick-next { right: 55px; }

@media (max-width: 1100px) {
  .patent-list .box-wrap .slick-arr.slick-prev { left: 0; }
  .patent-list .box-wrap .slick-arr.slick-next { right: 0; }
  .patent-list .box-wrap .item .download-layer .download-btn { width: 70%; }
}
@media (max-width: 630px) {
  .patent-list .list-title { font-size: 1.8rem; }
  .patent-list .box-wrap .item .download-layer .download-btn { padding: 9px 10px 7px; }
  .patent-list .box-wrap .item .download-layer .download-btn .pdf { display: block; margin: 0; }
}