@charset "utf-8";

/* 좌측 네비 영역  */
.premium-apply-wrap .left-nav { position: relative; float: left; width: 230px; height: 600px; padding: 30px 20px; background: #f8f8f8; border-top: 1px solid #cfcfcf; }
.premium-apply-wrap .left-nav ul.nav > li { margin-bottom: 40px; }
.premium-apply-wrap .left-nav ul.nav > li > a { color: #3a3f44; font-weight: 600; font-size: 1.5rem; margin-bottom: 10px; display: inline-block;}
.premium-apply-wrap .left-nav ul.nav > li > a img { width: 14px; height: 12px; position: relative; top: 5px; margin-right: 7px; }
.premium-apply-wrap .left-nav ul.nav > li > ul { padding-left: 15px; }
.premium-apply-wrap .left-nav ul.nav > li > ul li { margin-bottom: 7px; }
.premium-apply-wrap .left-nav ul.nav > li > ul li a { position: relative; display: inline-block; }
.premium-apply-wrap .left-nav ul.nav > li > ul li a:hover,
.premium-apply-wrap .left-nav ul.nav > li > ul li.select a { font-weight: 600; color: #000; }
.premium-apply-wrap .left-nav ul.nav > li > ul li a:hover:after,
.premium-apply-wrap .left-nav ul.nav > li > ul li.select a:after { content: ''; position: absolute; bottom:0; left: 0; width: 100%; height: 1px; background: #000; }
.premium-apply-wrap .left-nav ul.nav > li > ul li a { color: #73787d; font-size: 1.4rem; }
.premium-apply-wrap .left-nav ul.nav > li > ul li img { width: 11px; height: 14px; position: relative; top: 3px; margin-right: 7px; }


/* 우측 신청 영역 */
.premium-apply-wrap .right .premium-apply { height: 100%; }
.premium-apply-wrap .right { float: left; position: relative; height: 600px; width: calc(100% - 230px); padding-left: 30px; border: 0; }
.premium-apply-wrap .right .cont-title { position: relative; width: 100%; line-height: 23px; margin-bottom: 20px;}
.premium-apply-wrap .right .cont-title h2 { display: inline-block; color: #333; font-size: 2.3rem; font-weight: 900; }
.premium-apply-wrap .right .cont-title p { display: inline-block; color: #868686; font-size: 1.4rem; padding-left: 10px;}
.premium-apply-wrap .right .cont-title .sample-btn { margin:0; position: absolute; top:0; right:0; border:0; padding: 0; }

.premium-apply-wrap .right .box-group { height: calc(100% - 98px); overflow: hidden;}
.premium-apply-wrap .right .box-group > .box-wrap { float: left; height: 100%; }
.premium-apply-wrap .right .box-group > .box-wrap.step-wrap { width: calc(100% - 445px); margin-right: 15px; }
.premium-apply-wrap .right .box-group > .box-wrap.selected-wrap { width: 430px; border: 0; }
.premium-apply-wrap .right .box-group > .box-wrap .title { background: #ff8b23; padding: 15px 20px; color: #fff; font-size: 1.5rem; letter-spacing: -0.2px; font-weight: 500; text-align: left;}
.premium-apply-wrap .right .box-group > .box-wrap .title .bold { font-weight: 900; margin-right: 5px;}
.premium-apply-wrap .right .box-group > .box-wrap .title img { width: 20px; height: 16px; position: relative; top: 3px; margin-right: 5px;}
.premium-apply-wrap .right .box-group > .box-wrap .cont { height: calc(100% - 52px); padding: 15px; border: 1px solid #dcdcdc; border-top:0; }
.premium-apply-wrap .right .box-group > .box-wrap .cont.cont-01 { padding: 0; position: relative; overflow-y: hidden; }
.premium-apply-wrap .right .box-group > .box-wrap .cont.cont-01 .wrap.browsing { overflow-y: auto; height: 100%; }
.premium-apply-wrap .right .box-group > .box-wrap.selected-wrap .cont { padding: 0; position: relative;}
.premium-apply-wrap .right .box-group > .box-wrap.selected-wrap .cont .empty { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #bbb; font-size: 1.4rem; }


/* 기업 검색 결과 영역 */
.premium-apply-wrap .report-apply-wrap .right .cont .result.result02 ul li:hover { background: #fff3e9; }
.premium-apply-wrap .right .cont .result.result02 ul li .com-n p:hover,
.premium-apply-wrap .right .cont .result.result02 ul li .com-n p:hover .patent { color: #ff8b23; }
.premium-apply-wrap .right .cont .result.result02 ul li .com-n p:hover .patent:after { background: #ff8b23; }

/* 기술 검색 결과 영역 */
.report-apply-wrap .right .step-wrap .cont .result ul.category-list li { padding: 10px 35px 10px 0; margin-top: 0; word-break: break-all;}
.report-apply-wrap .right .step-wrap .cont .result ul.category-list li .open-depth { position: absolute; top: 20px; left: 10px; z-index: 10; }
.report-apply-wrap .right .step-wrap .cont .result ul.category-list li .no-open-depth .category:last-of-type { margin: 0; font-weight: 400;}
.report-apply-wrap .right .step-wrap .cont .result ul.category-list li .no-open-depth .category:last-of-type a { color: #444; font-size: 1.4rem;}
.report-apply-wrap .right .step-wrap .cont .result ul.category-list li .no-open-depth .category:last-of-type a .patent { font-size: 12px; color: #999; position: relative; display: inline-block; padding-left: 16px; font-weight: 500;}
.report-apply-wrap .right .step-wrap .cont .result ul.category-list li .no-open-depth .category:last-of-type a .patent:after { content: ''; position: absolute; top: 4px; left: 8px; width:1px; height: 10px; background: #CBCBCB; }
.report-apply-wrap .right .step-wrap .cont .result ul.category-list li:hover { background: #fff3e9; }
.report-apply-wrap .right .step-wrap .cont .result ul.category-list li .no-open-depth .category:last-of-type a:hover { color: #ff8b23; }
.report-apply-wrap .right .step-wrap .cont .result ul.category-list li .no-open-depth .category:last-of-type a:hover .patent { color: #ff8b23; }
.report-apply-wrap .right .step-wrap .cont .result ul.category-list li .no-open-depth .category:last-of-type a:hover .patent:after { background: #ff8b23; }
.report-apply-wrap .right .step-wrap .cont .result ul.category-list li .depth-close { position: absolute; top: 100%; left: 0; width: 100%; padding: 7px 0; text-align: center; background: #fff; box-shadow: 0 3px 5px #e5e5e5; border-top: 1px solid #eee; cursor: pointer; font-weight: 900;}
.report-apply-wrap .right .step-wrap .cont .result ul.category-list li .depth-close:hover { background: #f8f8f8; }

/* 선택 영역 */
.report-apply-wrap .right .selected-wrap .cont .report-statis { position: relative; background: #f4f4f4; height: 48px; overflow: hidden; border-bottom: 1px solid #dcdcdc;}
.report-apply-wrap .right .selected-wrap .cont .report-statis ul { padding: 0 12px; overflow: hidden; overflow-x: auto; white-space: nowrap; height: 60px; }
.report-apply-wrap .right .selected-wrap .cont .report-statis ul li { display: inline-block; position: relative; padding: 15px 0; padding-right: 12px; font-size: 1.2rem; color: #73787d; }
.report-apply-wrap .right .selected-wrap .cont .report-statis ul li span { font-weight: 900; color: #ff8b23; }
.report-apply-wrap .right .selected-wrap .cont .report-statis ul li.select a,
.report-apply-wrap .right .selected-wrap .cont .report-statis ul li:hover a { color: #ff8b23; text-decoration: underline; }

.report-apply-wrap .right .selected-wrap .cont .result ul.category-list li { padding: 9px 25px 9px 5px; margin-top: 0;}
.report-apply-wrap .right .selected-wrap .cont .result ul.category-list li .open-depth { top: 30px; left:15px; }
.report-apply-wrap .right .selected-wrap .cont .result ul.category-list li .no-open-depth .category:last-of-type { margin: 0; }
.report-apply-wrap .right .selected-wrap .cont .result ul.category-list li .no-open-depth .category:last-of-type a { color: #444; font-size: 1.4rem; word-break: break-all;}

.report-apply-wrap .right .selected-wrap .cont .result ul.category-list li .no-open-depth .category:last-of-type a .patent { font-size: 12px; color: #999; position: relative; display: inline-block; padding-left: 16px; font-weight: 500;}
.report-apply-wrap .right .selected-wrap .cont .result ul.category-list li .no-open-depth .category:last-of-type a .patent:after { content: ''; position: absolute; top: 4px; left: 8px; width:1px; height: 10px; background: #CBCBCB; }
.report-apply-wrap .right .selected-wrap .cont .result ul.category-list li:hover { background: #fff3e9; }
.report-apply-wrap .right .selected-wrap .cont .result ul.category-list li .no-open-depth .category:last-of-type a:hover { color: #ff8b23; }
.report-apply-wrap .right .selected-wrap .cont .result ul.category-list li .no-open-depth .category:last-of-type a:hover .patent { color: #ff8b23; }
.report-apply-wrap .right .selected-wrap .cont .result ul.category-list li .no-open-depth .category:last-of-type a:hover .patent:after { background: #ff8b23; }
.report-apply-wrap .right .selected-wrap .cont .result ul.category-list li .no-open-depth .category:last-of-type .label { top: 1px; }
.report-apply-wrap .right .selected-wrap .cont .result ul li .label { font-size: 1.1rem; background: #989eab; color: #fff; padding: 0 8px; display: inline-block; line-height: 16px; text-align: center; font-weight: bold; letter-spacing: -1px; margin-right: 5px; border-radius: 3px; margin-left: 0; margin-right: 0;}
.report-apply-wrap .right .selected-wrap .cont .result ul li .com-n { float: left; width:100%; }
.report-apply-wrap .right .selected-wrap .cont .result ul li i.del { right: 10px; top: 50%; transform: translateY(-50%); }
.report-apply-wrap .right .selected-wrap .cont .result.result02 ul li { padding-left: 15px; min-height: inherit; display: block;}
.report-apply-wrap .right .selected-wrap .cont .result.result02 ul li .label { float: left; margin-right: 5px; width: 30px; position: relative; top: 17px;}

/* 리포트신청 버튼 */
.report-apply-wrap .right .report-btn { right: 0; left: auto; bottom: auto; top: calc(100% + 20px); background: none; border: 0; padding: 0; width: auto; }
.report-apply-wrap .right .report-btn button {
background: #ff7d00;
background: -moz-linear-gradient(left, #ff7d00 -1%, #ff7d00 0%, #ffa912 100%);
background: -webkit-linear-gradient(left, #ff7d00 -1%,#ff7d00 0%,#ffa912 100%);
background: linear-gradient(to right, #ff7d00 -1%,#ff7d00 0%,#ffa912 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7d00', endColorstr='#ffa912',GradientType=1 );
}


/* 자유 선택  */
.premium-apply-wrap .right .premium-type03 .box-group { height: calc(100% - 212px); }
.premium-apply-wrap .right .box-group > .box-wrap.step-wrap .cont .result.result02 ul li .label { float: left; width: 53px; position: relative; font-weight: bold; color: #666; display: inline-block; top: 17px; }
.premium-apply-wrap .right .box-group > .box-wrap.step-wrap .cont .result.result02 ul li .label img { width: 16px; height: 16px; display: inline-block; margin-right: 8px; }
.premium-apply-wrap .right .box-group > .box-wrap.step-wrap .step-group { transition: height .5s ease; }
.premium-apply-wrap .right .box-group > .box-wrap.step-wrap .step-group .title { position: relative; }
.premium-apply-wrap .right .box-group > .box-wrap.step-wrap .step-group .title img.bg { position: absolute; top: 0; right: 15px; width: 120px; height: 47px; }

/* 보고서 타입 */
.report-type-wrap { position: relative; width: 100%; margin-bottom: 20px;}
.report-type-wrap ul li { float: left; width: calc(25% - 15px); cursor: pointer; border-radius: 15px; background: #f1f1f1; padding: 15px 20px;}
.report-type-wrap ul li:not(:last-child) { margin-right: 15px; }
.report-type-wrap ul li h4 { font-size: 1.5rem; color: #333; padding-bottom: 10px; border-bottom: 1px solid #dcdcdc;}
.report-type-wrap ul li h4 img { width: auto; height: 13px; position: relative; top: 5px; margin-right: 5px;}
.report-type-wrap ul li button { border: 0; background: 0; padding: 0; color: #7f82c4; padding-top: 10px; }
.report-type-wrap ul li button i { margin-right: 4px; }
.report-type-wrap ul li:hover { background: #e8e8e8; transition: background .3s ease; }
.report-type-wrap ul li.select:hover,
.report-type-wrap ul li.select { background: #fff; border: 1px solid #ff8b23;  }

/* step1 on */
.premium-apply-wrap .right .box-group > .box-wrap.step-wrap.step-01-on .step-01 { height: calc(100% - 52px); }
.premium-apply-wrap .right .box-group > .box-wrap.step-wrap.step-01-on .step-01 .cont { border-bottom: 0; }
.premium-apply-wrap .right .box-group > .box-wrap.step-wrap.step-01-on .step-02 .cont { height: 0; padding: 0; } 
.premium-apply-wrap .right .box-group > .box-wrap.step-wrap.step-01-on .step-02 .title { opacity: .5; }
.premium-apply-wrap .right .box-group > .box-wrap.step-wrap.step-01-on .step-01 .cont .selectbox,
.premium-apply-wrap .right .box-group > .box-wrap.step-wrap.step-01-on .step-01 .cont .searchbox { display: inline-block; }

/* step2 on */
.premium-apply-wrap .right .box-group > .box-wrap.step-wrap.step-02-on .step-01 { height: 113px; }
.premium-apply-wrap .right .box-group > .box-wrap.step-wrap.step-02-on .step-02 { height: calc(100% - 113px); }
.premium-apply-wrap .right .box-group > .box-wrap.step-wrap.step-02-on .step-01 .title { opacity: .5; }
.premium-apply-wrap .right .box-group > .box-wrap.step-wrap.step-02-on .step-01 .cont { padding: 0; }
.premium-apply-wrap .right .box-group > .box-wrap.step-wrap.step-02-on .step-01 .cont .result.result02 ul li { padding: 5px 35px 5px 5px; border-bottom: 0; min-height: inherit;}
.premium-apply-wrap .right .box-group > .box-wrap.step-wrap.step-02-on .step-01 .cont .result.result02 ul li:hover { background: #fff; }
.premium-apply-wrap .right .box-group > .box-wrap.step-wrap.step-02-on .step-01 .cont .result.result02 ul li .com-n img.add { display: block; }
.premium-apply-wrap .right .box-group > .box-wrap.step-wrap.step-02-on .step-01 .cont .result.result02 ul li .com-n p:hover { color: #444; }
.premium-apply-wrap .right .box-group > .box-wrap.step-wrap.step-02-on .step-01 .cont .result.result02 ul li .com-n p:hover .patent { color: #999; }
.premium-apply-wrap .right .box-group > .box-wrap.step-wrap.step-02-on .step-01 .cont .result.result02 ul li .com-n p:hover .patent:after { background: #cbcbcb; }
.premium-apply-wrap .right .box-group > .box-wrap.step-wrap.step-02-on .step-01 .cont .selectbox,
.premium-apply-wrap .right .box-group > .box-wrap.step-wrap.step-02-on .step-01 .cont .searchbox { display: none; }


/* 보고서 타입 선택페이지 */
.premium-type-select .row:not(:last-child) { margin-bottom: 30px; }
.premium-type-select .row .bn-area { float: left; width: 470px; height: 175px; position: relative; padding: 30px; }
.premium-type-select .row .bn-area h2 { color: #fff; font-size: 2.6rem; line-height: 35px; padding-bottom: 10px; }
.premium-type-select .row .bn-area p { color: #fff; font-size: 1.5rem; }
.premium-type-select .row.row01 .bn-area { background: url("../../img/koita/type_bg01.png") no-repeat center; background-size: cover; }
.premium-type-select .row.row02 .bn-area { background: url("../../img/koita/type_bg02.png") no-repeat center; background-size: cover; }
.premium-type-select .row.row03 .bn-area { background: url("../../img/koita/type_bg03.png") no-repeat center; background-size: cover; height: 210px; }

.premium-type-select .row .type-area { float: left; width: calc(100% - 470px); padding-left: 30px; position: relative; padding-top: 10px;}
.premium-type-select .row .type-area > h1 { font-size: 2.5rem; font-weight: 900; margin-bottom: 20px; }
.premium-type-select .row .type-area ul li { float: left; width: calc(50% - 15px); border-radius: 15px; background: #f1f1f1; padding: 15px 20px;}
.premium-type-select .row .type-area ul li:hover { background: #e8e8e8; transition: background .3s ease; }
.premium-type-select .row .type-area ul li:not(:nth-child(1), :nth-child(2)) {margin-top: 15px;}
.premium-type-select .row .type-area ul li:not(:nth-child(2n)) { margin-right: 20px; }
.premium-type-select .row .type-area ul li h4 a { display: block; position: relative; font-size: 1.5rem; color: #333; padding-bottom: 10px; border-bottom: 1px solid #dcdcdc;}
.premium-type-select .row .type-area ul li h4 a img.icons { width: auto; height: 13px; position: relative; top: 5px; margin-right: 5px;}
.premium-type-select .row .type-area ul li h4 a img.more { position: absolute; top: 5px; right: 0; width: 6px; height: 11px; }
.premium-type-select .row .type-area ul li button { border: 0; background: 0; padding: 0; color: #7f82c4; padding-top: 10px; float: right;}
.premium-type-select .row .type-area ul li button i { margin-right: 4px; }
.premium-type-select .row .type-area ul li button:hover { text-decoration: underline; }
.premium-type-select .row.row03 .type-area ul li h4 a {border-bottom: 0; padding-bottom: 0;}
.premium-type-select .row.row03 .type-area h1 .sample-btn { margin:0; position: absolute; top:5px; right:0; border:0; padding: 0; margin-right: 15px}
.premium-type-select .row.row03 .type-area h1 .sample-btn button { background: #f1f1f1;  color: #7f82c4}
.premium-type-select .row.row03 .type-area h1 .sample-btn button:hover { background: #E5E5E5; text-decoration:underline }
.premium-type-select .row.row03 .type-area h1 .sample-btn button span {font-weight: 500}

@media (max-width: 1024px) {
	.premium-type-select .row .bn-area { width: 40%; }
	.premium-type-select .row .type-area { width: 60%; }
}
@media (max-width: 830px) {
	.premium-type-select .row .bn-area { width: 100%; height: auto; text-align: center; word-break: keep-all;}
	.premium-type-select .row .bn-area br { display: none; }
	.premium-type-select .row.row03 .bn-area { height: auto; }
	.premium-type-select .row.row03 .type-area h1 .sample-btn { position: static; }
	.premium-type-select .row .type-area { width: 100%; padding: 20px 15px 30px; border-bottom: 1px solid #dcdcdc;}	
	.premium-type-select .row .type-area > h1 { text-align: center; }
}
@media (max-width: 540px) {
	.premium-type-select .row .type-area ul li { padding: 15px; text-align: center; }
	.premium-type-select .row .type-area ul li h4 a img.more { display: none; }
	.premium-type-select .row .type-area ul li h4 a img.icons { margin-right: 0; }
	.premium-type-select .row .type-area ul li button { float: none; }
}
@media (max-width: 430px) {
	.premium-type-select .row .type-area ul li { padding: 10px; border-radius: 10px; }
	.premium-type-select .row .type-area ul li h4 a img.icons { margin-right: 0; }
}

.report-apply-wrap .right .selected-wrap.free-selected-wrap .cont .result.result02 ul li .com-n {min-height: 40px;}
.report-apply-wrap .right .selected-wrap.free-selected-wrap .cont .result.result02 ul li .category { min-height: 40px;padding:10px 0}
.report-apply-wrap .right .selected-wrap.free-selected-wrap .cont .result ul li .logo {margin-right:5px;}
.report-apply-wrap .right .selected-wrap.free-selected-wrap .cont .result.result02 ul li .logo-txt{position:relative; padding:10px 0}
.report-apply-wrap .right .selected-wrap.free-selected-wrap .cont .result.result02 ul li .logo-txt .logo-label-wrap {position: absolute; top:50%; transform: translateY(-50%);}
.report-apply-wrap .right .selected-wrap.free-selected-wrap .cont .result.result02 ul li .logo-txt .logo-label-wrap .label {top:16px}

.report-apply-wrap .right .selected-wrap.free-selected-wrap .cont .result.result02 ul li .com-n p {padding:12px 0 12px 5px}
.report-apply-wrap .right .selected-wrap.free-selected-wrap .cont .result.result02 ul li .logo-txt p {margin-left:95px; padding:0}
.report-apply-wrap .right .selected-wrap.free-selected-wrap .cont .result.result02 ul li .label {top:12px}

.report-apply-wrap .right .selected-wrap.free-selected-wrap .cont .result.result02 ul li .category.clearfix > .label {float:left}

.report-apply-wrap .right .selected-wrap.free-selected-wrap .cont .result.result02 ul li .category.clearfix > .dot-wrap {float:left}

.report-apply-wrap .right .selected-wrap.free-selected-wrap .cont .result.result02 ul li .category.clearfix > p {float:left; width: calc(100% - 105px);  padding-top: 0; padding-bottom: 0;}


.koita #info_container .search-result-area-wrap .search-result-area .info-box-wrap .premium-apply-width { min-width: 1100px; overflow-x: auto; }


/* 새 디자인 적용 css */
.premium-style .premium-type-select .row { margin: 40px 0; border-bottom: 1px solid #e0e0e0; padding-bottom: 25px;}
.premium-style .premium-type-select .row .bn-area { width: 300px; height: 150px; }
.premium-style .premium-type-select .row .type-area { width: calc(100% - 300px); }
.premium-style .premium-type-select .row .bn-area { background: none; padding: 0; }
.premium-style .premium-type-select .row .bn-area h2 { padding: 15px; font-size: 2.3rem; line-height: 30px;}
.premium-style .premium-type-select .row.row01 .bn-area h2 { background: url(../../img/koita/type_bg01.png) no-repeat center; background-size: cover;}
.premium-style .premium-type-select .row.row02 .bn-area h2 { background: url(../../img/koita/type_bg02.png) no-repeat center; background-size: cover;}
.premium-style .premium-type-select .row.row03 .bn-area h2 { background: url(../../img/koita/type_bg03.png) no-repeat center; background-size: cover;}
.premium-style .premium-type-select .row .bn-area p {font-size: 1.3rem; padding: 10px; background-color: #f1f1f1;}
.premium-style .premium-type-select .row01 .bn-area p {color: #3956bf}
.premium-style .premium-type-select .row02 .bn-area p {color: #08834a}
.premium-style .premium-type-select .row03 .bn-area p {color: #fa7044}
.premium-style .premium-type-select .row .type-area { padding-top: 0; }
.premium-style .premium-type-select .row .type-area > h1 { line-height: 25px; }
.premium-type-select .row02.zigzag .type-area {padding-left: 0; padding-right: 30px}