@charset "utf-8";

/* 서지 페이지 공통 스타일 */
*,*:after,*:before { box-sizing: border-box; }
html { text-shadow: 1px 1px 1px rgba(0,0,0,0.004);font-size: 62.5%; scroll-behavior: smooth; }
html, body { width:100%; height:100%; background: #fff; color: #272a31; }
body { font-family: 'Noto Sans KR','Sans-serif'; font-size: 1.4rem; letter-spacing: 0.1px; background-color: #fff; text-rendering: auto; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
a { text-decoration:none; color: #272a31; }
::selection {background:#1652f0; color:#FFF; text-shadow:none; }
::-moz-selection {background:#1652f0; color:#FFF; text-shadow:none; }
::-webkit-selection {background:#1652f0; color:#FFF; text-shadow:none; }

/*폼 요소*/
input, textarea,option, button { font-family: 'Noto Sans KR','Sans-serif'; font-size: 1.3rem; letter-spacing: -0.5px; }
input[type=text],input[type=password],textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; }
select { font-family: 'Nanum Square','Sans-serif'; font-size: 1.3rem; letter-spacing: -1px; width: 150px; height: 30px; padding-left: 5px; padding-right: 5px; }

input::-ms-input-placeholder { color: #ccc; }
input::-webkit-input-placeholder { color: #ccc; } 
input::-moz-placeholder { color: #ccc; }

/*숨김처리*/
.blind { position:absolute; font-size:0; line-height:0; height:0; }

/*테스트*/
.testBorder { border:1px solid red !important; }
.testBg { background-color:yellow !important; }

/*클리어픽스*/
.clearfix:after { display: block; clear: both; height: 0; content: ''; }

/* 헤더 */
#header_container { min-height: 100px; background: #3e62d9; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.12); position: fixed; z-index: 998; top: 0; right: 0; left: 160px; transition: left .25s ease; }
#tab_view_toggle:checked ~ .report-container #header_container { left: 0; }


/* 헤더 */
#header_container .header .ipoffice-logo { position: absolute; left: 30px; top: 30px; }
#header_container .header .ipoffice-logo a { display: block; }
#header_container .header .ipoffice-logo a img { height: 22px; }
#header_container .header { position: relative; height: 100%; overflow: hidden; padding: 17px 25px ; display: flex; display: -ms-flexbox; }
#header_container .gnb-area { background: #152f85; height: 35px; padding: 0 25px;  }
#header_container .gnb-area ul { height: 100%; float: left; }
#header_container .gnb-area ul li { float: left; height: 100%; }
#header_container .gnb-area ul li a { height: 100%; padding: 0 25px; line-height: 35px; color: #fff; font-size: 1.4rem; display: block; }
#header_container .gnb-area ul li.select a { background: #2956ce; }
#header_container .gnb-area .tab-view-toggle-wrap { float: right; padding-top: 5px; }
#header_container .gnb-area .tab-view-toggle-wrap .view-toggle { float: left; margin-right: 10px; }
#header_container .gnb-area .tab-view-toggle-wrap .view-toggle:last-child { margin-right: 0; }
.view-toggle input[type=checkbox] { display: none; }
.view-toggle input[type=checkbox] + label { font-size: 1.1rem; color: #fff; position: relative; padding-right: 27px; }
.view-toggle input[type=checkbox] + label:after { height: 15px; display: block; position: absolute; content: 'on'; font-family: 'Arial'; right: 0; padding: 0 5px; line-height: 13px; background: #1DB53D; border-radius: 3px; top: 50%; margin-top: -7px; font-size: 1rem; font-weight: bold; }
.view-toggle input[type=checkbox] + label:hover:after { background: #28C549; }
.view-toggle input[type=checkbox]:checked + label:after { height: 15px; display: block; position: absolute; content: 'off'; font-family: 'Arial'; right: 0; padding: 0 5px; line-height: 13px; background: #CC3D30; border-radius: 3px; top: 50%; margin-top: -7px; font-size: 1rem; font-weight: bold; }
.view-toggle input[type=checkbox]:checked + label:hover:after { background: #DB4B3D; }


#header_container .header .number-area { position: relative; margin-right: 30px; white-space: nowrap; }
#header_container .header .number-area:after { position: absolute; content: ''; width: 1px; height: 20px; background: #fff; opacity: .2; right: -15px; top: 7px; }
#header_container .header .number-area .patent-number { color: #fff; font-size: 1.8rem; display: inline-block; line-height: 35px; margin-right: 10px; white-space: nowrap; }
#header_container .header .number-area .down-btn { width: 35px; height: 35px; border: 1px solid #a1b3e2; display: inline-block; border-radius: 5px; text-align: center; vertical-align: top; transition: background .25s ease, border-color .25s ease; }
#header_container .header .number-area .down-btn img { width: 16px; margin-top: 8px; opacity: 0.7; transition: opacity .25s ease; }
#header_container .header .number-area .down-btn:hover { border-color: #fff; }
#header_container .header .number-area .down-btn:hover img { opacity: 1; }
#header_container .header .patent-name { color: #fff; font-weight: 300; padding: 5px 0; font-size: 1.8rem; overflow-y: auto; -ms-overflow-style: none; line-height:20px; white-space: normal;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; max-height:88px}
#header_container .header .patent-name::-webkit-scrollbar { display: none; }
#header_container .header .patent-name .translation { display: block; font-size: 1.4rem; margin-top: 5px; }
#header_container .header .patent-name .translation .ico { display: inline-block; font-size: 0.9rem; font-family: 'Arial'; font-weight: bold; height: 18px; border: 1px solid #fff; border-radius: 9px; line-height: 16px; padding: 0 7px; cursor: default; opacity: .7; margin-right: 3px; vertical-align: top; }
#header_container .header .patent-name .translation .ico img { margin-right: 3px; margin-top: 4px; }

#header_container .header .patent-info { position: absolute; right: 20px; }
#header_container .header .patent-info .info-section { float: left; margin-right: 10px; }
#header_container .header .patent-info .info-section:last-child { margin-right: 0; }
#header_container .header .patent-info .info-section .round { display: table; width: 36px; height: 36px; border-radius: 50%; background: rgba(0,0,0,0.2); text-align: center; float: left; margin-right: 5px; }
#header_container .header .patent-info .info-section .round .txt { color: #fff; font-size: 1.1rem; display: table-cell; vertical-align: middle; }
#header_container .header .patent-info .info-section .numb { float: right; color: #fff; font-size: 1.4rem; line-height: 36px; }

#info_container { padding: 30px 210px 30px 40px; }

@media all and (max-width: 1200px)
{
	#info_container { padding: 30px 90px 30px 40px; }
}



/* 담기 토글 */
.star-toggle {display:inline-block; position:relative; top:7px; padding-left:12px;}
.star-toggle .star-toggle-input { display: none; }
.star-toggle .star-toggle-btn { width: 18px; height: 18px; background: url(../../img/common/toggle_heart.png) no-repeat; display: block; background-size: 18px 36px; background-position: 0 0; }
.star-toggle .star-toggle-input:checked + .star-toggle-btn { background: url(../../img/common/toggle_heart.png) no-repeat; background-size: 18px 36px; background-position: 0 -18px; }



@media (max-width: 1200px) {
  #header_container .gnb-area ul li a { font-size: 1.2rem; }
  #header_container .header .patent-name { font-size: 1.5rem; }
  #header_container .header .patent-name .translation { font-size: 1.2rem; }
  #header_container .header .patent-info .info-section .numb { font-size: 1.2rem; }
}

@media (max-width: 768px) {
  #header_container .header .patent-name { font-size: 1.4rem; }
}


@media(max-width:550px) {
	#header_container .header .patent-name {font-size:1.43rem;}
}