/* 타이틀 옵션 */
.contents-group .cont-title .option-set .original-text-view { font-size: 1.1rem; color: #808692; text-decoration: underline; margin-top: 6px; display: inline-block; }
.contents-group .cont-title .option-set { float: right; }
.contents-group .cont-title .lang-select-wrap { display: inline-block; vertical-align: top; margin-left: 10px; }
.contents-group .cont-title .lang-select-wrap .title { display: inline-block; vertical-align: top; color: #999; font-family: 'Arial','Malgun Gothic'; font-size: 1.1rem; line-height: 30px; margin-right: 5px; cursor: default; }

.selectbox { width: 80px; height: 20px; line-height: 18px; border: 1px solid #dcdcdc; border-radius: 2px; cursor: pointer; position: relative; background: #fff; display: inline-block; vertical-align: top; margin-top: 5px; }
.selectbox:hover { border-color: #BCBCBC; }
.selectbox select { height: 18px; vertical-align: top; font-size: 1.1rem; width: 100%; width: 100%; line-height: normal; font-family: inherit; border: 0; opacity: 0; filter: alpha(opacity=0); -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-left: 0; cursor: pointer; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; }
.selectbox option { font-size: 1.1rem; }
.selectbox:before { content: "";  position: absolute; top: 8px; border-top: 3px solid #dcdcdc; border-left: 3px solid transparent; border-right: 3px solid transparent; right: 5px; }
.selectbox:hover:before { border-top: 3px solid #BCBCBC; }


/* 도면 썸네일 */
.patent-thumbnail-area { position: relative; }
.patent-thumbnail-area .main-thumbnail-area { height: 200px; overflow: hidden; position: relative; border: 1px solid var(--line-color); }
.patent-thumbnail-area .main-thumbnail-area .detail-view-btn { position: absolute; z-index: 3; width: 35px; height: 35px; background: #fff; border: 1px solid #ccc; border-radius: 50%; bottom: 10px; right: 10px; box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.1); transition: border-color .25s ease; outline: 0; }
.patent-thumbnail-area .main-thumbnail-area .detail-view-btn img { width: 17px; margin-top: 1px; opacity: 0.7; transition: opacity .25s ease; }
.patent-thumbnail-area .main-thumbnail-area .detail-view-btn:hover { border-color: #aaa; }
.patent-thumbnail-area .main-thumbnail-area .detail-view-btn:hover img { opacity: 1; }

.patent-thumbnail-area .thumbnail { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); width: 100%; height: 100%; z-index: 1; }
.patent-thumbnail-area .thumbnail img { position: absolute; top: 0; left: 0; width:100%; -webkit-transform: translate(-50%,-50%) scale3d(1,1,1) rotate3d(0,0,0,0.01deg); -ms-transform: translate(-50%,-50%) scale3d(1,1,1) rotate3d(0,0,0,0.01deg); transform: translate(-50%,-50%) scale3d(1,1,1) rotate3d(0,0,0,0.01deg); z-index: 1; }

/* 도면 크게보기 */
.expand-image-wrap { position: fixed; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 9999; display: none; text-align:center; padding: 20px 50px;}
.expand-image-wrap.custom { position: fixed; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 9999; display: none; text-align:center; padding: 50px 50px;}
.expand-image-wrap.on { display: block; overflow-y:auto;}
.expand-image-wrap img { width:inherit; max-width: 100%; max-height: 100%; width: auto; height: auto;}
.expand-image-wrap .drawings-tag { position: absolute; z-index: 2; background: #1DB53D; border-radius: 3px; padding: 2px 5px; font-weight: bold; color: #fff; opacity: .5; font-size: 1.1rem; font-family: 'dotum,Arial'; cursor: move; }
.expand-image-wrap .drawings-tag i { font-size: 15px; cursor: pointer; }
.expand-image-wrap .drawings-tag i.fa-link { font-size: 12px; margin-left: 5px; } /* 태그 링크 아이콘 */
.expand-image-wrap .drawings-tag .link { cursor: pointer; margin-left: 4px; }
.expand-image-wrap .drawings-tag .link img { width: 15px; height: 15px; }
.expand-image-wrap .close-btn-wrap {width:100%;position:relative; }
.expand-image-wrap .close-btn-wrap .pop-close-btn { width: 50px; height: 50px; border-radius: 50%; border-style: none; background: rgba(28,45,95,0.5); position: absolute; right: 0; top: 0; transition: background .25s ease; outline: 0; color:white;}
.expand-image-wrap .close-btn-wrap .pop-close-btn:hover { background: rgba(28,45,95,0.8); }
.expand-image-wrap .close-btn-wrap .pop-close-btn img { width: 100%; }
.expand-image-wrap .close-btn-wrap span.image-name {position:absolute; top:0; left:0;color:white;display:block;}
.expand-image-wrap .image-navi { background: #fff; position: absolute; width: 30px; height: 30px; border: 1px solid #BFC7D5; top: 100%; z-index: 20; opacity: 1; outline: 0; top: 50%;}
.expand-image-wrap .image-navi.left { left: 10px; }
.expand-image-wrap .image-navi.right { right: 10px; }
.expand-image-wrap .image-navi img { width: 70%; height: 70%; display: inline-block; opacity: .5; }
.expand-image-wrap .image-navi:hover img { width: 70%; height: 70%; display: inline-block; opacity: .8; }

/* 로더 */
.loader-box { display: table; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.loader { text-align: center; display: table-cell; vertical-align: middle; }
.loader span { display: inline-block; width: 10px; height: 10px; border-radius: 100%; background-color: #3498db; margin: 0 5px; opacity: 0; }
.loader span:nth-child(1){ animation: opacitychange 1.5s ease-in-out infinite; }
.loader span:nth-child(2){ animation: opacitychange 1.5s ease-in-out 0.5s infinite; }
.loader span:nth-child(3){ animation: opacitychange 1.5s ease-in-out 1.0s infinite; }
@keyframes opacitychange { 0%, 100%{ opacity: 0; } 60% { opacity: 1; } }

/* 차트 타입 */
.chart-area-wrap { position: relative; border: 1px solid var(--line-color); padding: 10px; height: 350px; background: #fff; }
.chart-area-wrap .chart-area { width: 100%; height: 100%; }
.chart-area-wrap.no-data { background: #f9f9f9; padding: 30px 0; height: 180px; }
.chart-area-wrap.no-data .chart-area .no-data-txt { font-size: 2rem; font-weight: 900; color: #c5c5c5; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

/* 체크박스 커스텀 */
.checkbox { display: none; }
.checkbox-label { min-width: 15px; height: 15px; display: inline-block; background: url(../../../img/smk/common/checkbox.png)no-repeat; background-size: 15px 30px; background-position: 0 0; padding-left: 15px; line-height: 15px; color: #555; font-size: 1.3rem; letter-spacing: 0; font-weight: 500; }
.checkbox:checked + .checkbox-label { background-position: 0 -15px; }

/* 라디오 커스텀 */
.radio { display: none; }
.radio-label { min-width: 15px; height: 15px; display: inline-block; background: url(../../../img/smk/common/radio.png)no-repeat; background-size: 15px 30px; background-position: 0 0; padding-left: 15px; line-height: 15px; color: #555; font-size: 1.3rem; letter-spacing: 0; font-weight: 500; }
.radio:checked + .radio-label { background-position: 0 -15px; }