#info_container .search-result-area-wrap.koita-report-wrap {padding:50px 0;border-top: 1px solid #dee3eb;}

/* 마이페이지 */
#info_container { padding-top: 125px; }
/* @media all and (max-width:2000px)
{
	#info_container { padding-top: 125px; }
} */
@media all and (max-width:899px)
{
	#info_container { padding-top: 60px; }
}
#info_container .mypage-gnb-wrap { height: 70px; background: #422c4f; border-bottom: 1px solid #dee3eb; }
#info_container .mypage-gnb-wrap .mypage-gnb { width: 1200px; margin: 0 auto; height: 100%; }
#info_container .mypage-gnb-wrap .mypage-gnb ul { height: 100%; }
#info_container .mypage-gnb-wrap .mypage-gnb ul li { float: left; display: inline-block; margin-right: 30px; }
#info_container .mypage-gnb-wrap .mypage-gnb ul li:last-child { margin-right: 0; }
#info_container .mypage-gnb-wrap .mypage-gnb ul li a { font-size: 1.4rem; display: block; height: 100%; line-height: 70px; font-weight: bold; color: rgba(255,255,255,0.3); position: relative; padding: 0 5px; padding-left: 30px; }
#info_container .mypage-gnb-wrap .mypage-gnb ul li a i {position: absolute; top: 50%; left: 0; margin-top:-9px; font-size: 22px;}

#info_container .mypage-gnb-wrap .mypage-gnb ul li.select a { color: #fff; }
/* #info_container .mypage-gnb-wrap .mypage-gnb ul li.select a:after { position: absolute; content: ''; width: 100%; height: 2px; bottom: 0; left: 0; background: #422c4f; } */
#info_container .mypage-gnb-wrap .mypage-gnb ul li a .ico { display: inline-block; }
#info_container .mypage-gnb-wrap .mypage-gnb ul li.dashboard a .ico { background: url(../../img/mypage/koita_dashboard_ico.png)no-repeat; background-size: 18px 36px; background-position: 0 0; width: 18px; height: 18px; position: absolute; left: 5px; top: 50%; margin-top: -9px; }
#info_container .mypage-gnb-wrap .mypage-gnb ul li.select.dashboard a .ico { background-position: 0 -18px; }
#info_container .mypage-gnb-wrap .mypage-gnb ul li.account a .ico { background: url(../../img/mypage/account_ico.png)no-repeat; background-size: 18px 36px; background-position: 0 0; width: 18px; height: 18px; position: absolute; left: 5px; top: 50%; margin-top: -9px; }
#info_container .mypage-gnb-wrap .mypage-gnb ul li.select.account a .ico { background-position: 0 -18px; }

#info_container .mypage-content-wrap { background: #f8f8f8; }
#info_container .mypage-content-wrap .mypage-content { width: 1200px; margin: 0 auto; padding: 40px 0 100px; }

@media all and (max-width:1259px)
{
	#info_container .mypage-gnb-wrap .mypage-gnb { padding: 0 30px; width: 100%; }
	#info_container .mypage-content-wrap .mypage-content { width: 100%; padding: 50px 30px 100px; }
}
@media all and (max-width:740px)
{
	#info_container .mypage-gnb-wrap { height: 50px; }
	#info_container .mypage-gnb-wrap .mypage-gnb ul li a { height: 50px; line-height: 50px; }
	#info_container .mypage-content-wrap .mypage-content { padding-top: 30px; }
}
@media all and (max-width:540px)
{
	#info_container .mypage-gnb-wrap { height: 40px; }
	#info_container .mypage-gnb-wrap .mypage-gnb { padding: 0 0 0 15px;}
	#info_container .mypage-gnb-wrap .mypage-gnb ul li { margin-right: 20px; }
	#info_container .mypage-gnb-wrap .mypage-gnb ul li a { height: 40px; line-height: 40px; padding-right: 0; padding-left: 18px; font-size: 1.3rem; }
	#info_container .mypage-gnb-wrap .mypage-gnb ul li.account a .ico,
	#info_container .mypage-gnb-wrap .mypage-gnb ul li.dashboard a .ico { left: 0; background-size: 12px 24px; width: 12px; height: 12px; margin-top: -6px; }
	#info_container .mypage-gnb-wrap .mypage-gnb ul li.select.account a .ico,
	#info_container .mypage-gnb-wrap .mypage-gnb ul li.select.dashboard a .ico { background-position: 0 -12px; }
	#info_container .mypage-gnb-wrap .mypage-gnb ul li a i { font-size: 13px; margin-top: -6px; }
}

.skillbar-area { border-top:0 !important; padding-top: 0 !important; }
.skillbar {  position: relative; margin-bottom: 15px; width: 100%; height: 30px; background: #eee; overflow: hidden; border-radius: 3px; -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s;}
.skillbar .title { position: absolute; top: 0; left: 0; width: 100px; font: 13px bold; color: #fff; border-top-left-radius: 3px; border-bottom-left-radius: 3px;background: #422c4f;}
.skillbar .title span { padding: 0 20px; height: 30px; line-height: 30px; background: rgba(0, 0, 0, 0.1); border-top-left-radius: 3px; border-bottom-left-radius: 3px; display: block;}
.skillbar .bar { width: 0px; height: 30px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;background: #8863a0; padding-left: 100px;}
.skillbar .percent { position: absolute; top: 0; right: 10px; height: 30px; color: rgba(0, 0, 0, 0.4); font: 12px; line-height: 30px; color:#fff;}

/* 리포트 신청 */
.btn-wrap {margin-top: 15px; padding-top: 15px; border-top:1px solid #ddd;}
.report-apply-wrap .left {float: left; width: calc(50% - 15px); margin-right: 15px;}
.report-apply-wrap .right {float: right; width: 50%;}
.report-apply-wrap .left ul li { padding:36px 20px; background:#fff; border: 1px solid #dcdcdc; margin-bottom:15px; cursor: pointer; position: relative;}
.report-apply-wrap .left ul li:first-child { border-top:1px solid #dcdcdc; }
.report-apply-wrap .left ul li.select,
.report-apply-wrap .left ul li:hover {border:1px solid #422c4f; background: #f8f8f8;}
.report-apply-wrap .left ul li.select:after {position: absolute; content: ''; top:50%; right:-7px; margin-top:-7px; width:0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; z-index: 1; border-left: 7px solid #422c4f}
.report-apply-wrap .left ul li h3 span {font-size: 1.6rem; font-weight: 500;}
.report-apply-wrap .left ul li h3 .po { color: #ed9200; font-weight: 600;}
.report-apply-wrap .left ul li i.fa-dot-circle {font-size: 17px; color: #cacaca; margin-right: 7px;}
.report-apply-wrap .left ul li.select i.fa-dot-circle {color: #fda313;}
.report-apply-wrap .right {float: right; width: 50%; height: 430px; border:1px solid #dcdcdc; position: relative; margin-bottom: 50px;}
.report-apply-wrap .right .title {text-align: center; padding: 10px; font-size: 1.6rem; font-weight: 400; background: #422c4f; color:#fff;}
.report-apply-wrap .right .title .po {font-weight: 600; color:#fff;}
.report-apply-wrap .right .report-btn {position: absolute; bottom:-46px; left:0; width:100%; padding-top:10px; border-top:1px solid #dcdcdc; background: #fff;}
.report-apply-wrap .right .report-btn button {border:0; height:35px; padding:0 25px; border-radius: 3px; margin-left:10px; float: right; color: #fff;}
.report-apply-wrap .right .report-btn button.blue-btn {background: #422c4f;}
.report-apply-wrap .right .report-btn button.white-btn {background: #b7b7b7;}
.report-apply-wrap .right .cont {padding: 15px; height: calc(100% - 45px); overflow-y: auto;}
.report-apply-wrap .right .cont .wrap.browsing {display: none;}
.report-apply-wrap .right .cont .wrap.searching {display: block;}
.report-apply-wrap .right .cont.cont-01 {padding:0;}
.report-apply-wrap .right .cont.cont-01 .wrap.browsing {display: block;}
.report-apply-wrap .right .cont.cont-01 .wrap.searching {display: none;}
.report-apply-wrap .right .cont .wrap:after {clear: both; display: block; content: '';}
.report-apply-wrap .right .cont.cont-emp {margin-top: 50px; text-align: center; font-size: 1.5rem; color:#999;}
.report-apply-wrap .right .cont .selectbox { display: inline-block; width: 100px; margin-right:6px; background:#fff; border:1px solid #dcdcdc; } 
.report-apply-wrap .right .cont .selectbox label {color:#222; } 
.report-apply-wrap .right .cont .selectbox:before { background: url(../../img/svg/down_b_ico.svg) no-repeat; width:13px; height:13px; opacity: 0.5;} 
.report-apply-wrap .right .cont .searchbox { position: relative; display: inline-block;  width: calc(100% - 110px);}
.report-apply-wrap .right .cont .searchbox input {width:100%; border:0; border:1px solid #dcdcdc; border-radius: 3px; height:35px; padding:0 10px; font-size: 1.3rem; color:#222;}
.report-apply-wrap .right .cont .result {position: relative; width: 100%; }
.report-apply-wrap .right .cont .result ul li { width: 100%; height: auto; margin-top: 10px; position: relative; }
.report-apply-wrap .right .cont .result.result02 ul li { width: 100%; height: auto; padding:7px; border:1px solid #eee; background:#f8f8f8; margin-top: 10px; position: relative; }

.report-apply-wrap .right .cont .result ul li .no-open-depth {display: block;}
.report-apply-wrap .right .cont .result ul li .open-depth {display: none;}
.report-apply-wrap .right .cont .result ul li.on-depth .no-open-depth {display: none;}
.report-apply-wrap .right .cont .result ul li.on-depth .open-depth {display: block;}
.report-apply-wrap .right .cont .result ul li .box-wrap {max-width: 100%;}
.report-apply-wrap .right .cont .result ul li .logo { float: left; position: relative; height: 98px; text-align: center;padding-right: 10px;}
.report-apply-wrap .right .cont .result ul li .logo img {height:100%; border: 1px solid #dee3eb; background: #fff;} 
.report-apply-wrap .right .cont .result ul li .com-n { width: 100%;}
.report-apply-wrap .right .cont .result ul li .com-n p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: 500; font-size: 1.4rem; padding-bottom:5px;padding-right: 20px;}
.report-apply-wrap .right .cont .result ul li .com-n p.company-num { color: #5e5f96; border: 1px solid #dee3eb;border-radius: 3px;font-size: 1.1rem;display: inline-block; background: #f2f2ff; margin-bottom: 5px;padding: 2px 8px;}
.report-apply-wrap .right .cont .result ul li .app-btn {margin-top: 10px;}
.report-apply-wrap .right .cont .result ul li i.del {position: absolute; font-size:16px; top:40%; right:10px; color: #777; cursor: pointer}
.report-apply-wrap .right .cont .result ul li i.del:hover {color: #555;}


.report-apply-wrap .right .cont .list-layer {position: absolute; top:calc(100% + 5px); left:0; z-index: 20; width:100%; height: 200px; border-radius: 3px; border:1px solid #dcdcdc;background:#fff; overflow-y: auto; }
.report-apply-wrap .right .cont .list-layer ul li {padding:6px 12px; border-bottom: 1px solid #eee; font-weight: 500;}
.report-apply-wrap .right .cont .list-layer ul li:last-child {border:0;}
.report-apply-wrap .right .cont .list-layer ul li:hover {background:#f8f8f8;}
.report-apply-wrap .right .cont .list-layer ul li a { font-weight: 500;}
.report-apply-wrap .right .cont .list-layer ul li:hover a {color: #422c4f; font-weight: 500;}
.report-apply-wrap .right .cont .list-layer ul li a {display: block; width:100%; height:100%;}
.report-apply-wrap .right .cont .list-layer ul li .breadcrumb { font-size: 1.1rem; cursor: pointer; color: #999}
.report-apply-wrap .right .cont .list-layer ul li .breadcrumb span i {font-size: 1.2rem; margin-right: 4px; }
.report-apply-wrap .right .cont .list-layer ul li .breadcrumb span.arrow i {font-size: 1rem; position: relative; margin: 0 0 0 1px; color: #333;}
.report-apply-wrap .right .cont .list-layer ul li.more-li .more {text-align: center; font-size: 1.2rem;}
.report-apply-wrap .right .cont .list-layer ul li.more-li .more a {display: block; width: 80px; font-size: 1.1rem; border:1px solid #ccc; border-radius: 50px; padding:3px 0; margin:10px auto; color:#777;}
.report-apply-wrap .right .cont .list-layer ul li.more-li .more a:hover {background:#f8f8f8;}
.report-apply-wrap .right .cont .list-layer ul li.more-li:hover {background: #fff;}

.report-apply-wrap .right .cont .search-more {position: absolute; top:calc(100% + 203px); left:0; z-index: 20; width:100%; text-align: center; border:1px solid #dcdcdc; border-top:0;}
.report-apply-wrap .right .cont .search-more a {display: block; width: 100%; height: 100%; padding: 10px 0; color:#422c4f; font-weight: 500; background: #fff;}
.report-apply-wrap .right .cont .search-more a i {color:#422c4f; font-size: 1.2rem; margin-right: 2px;}
.report-apply-wrap .right .cont .search-more a:hover {background:#f8f8f8;}

.report-apply-wrap .top {position: relative; margin-bottom:30px; line-height: 65px; padding:0 20px; border:1px solid #d9dae4; border-top:2px solid #422c4f; background:#f3f3ff;}
.report-apply-wrap .top .btn-wrap {position: absolute; top:0; right:20px; margin-top: 0; border:0; padding: 0;}
.report-apply-wrap .top .po {color: #422c4f; font-weight: 600;}


.report-apply-wrap .right .cont.cont-01 .bt-box { position:absolute; bottom:0; left:0; width:100%; padding:10px; background:#f8f8f8; border-top:2px solid #eee; z-index: 10; }
.report-apply-wrap .right .cont.cont-01 .bt-box .txt {color:#422c4f;float: left; position: relative; top:6px; font-weight: 500;}
.report-apply-wrap .right .cont.cont-01 .bt-box .txt i { margin-right:5px;}
.report-apply-wrap .right .cont.cont-01 .bt-box .btn-wrap {margin:0;padding:0; float:right;}
.report-apply-wrap .right .cont.cont-01 .bt-box .btn-wrap button {border:none; color:#fff; letter-spacing: 0; font-size:1.2rem; font-weight: 300; padding:4px 15px; border-radius: 3px; outline: 0; transition: background .25s ease; line-height: 22px; background: #422c4f;}
.report-apply-wrap .right .cont.cont-01 .bt-box .btn-wrap button:hover {background: #2e0e42}

@media all and (max-width: 540px) {
	.report-apply-wrap .right,
	.report-apply-wrap .left {width: 100%;}
	.report-apply-wrap .top {line-height: normal; padding:20px;}
	.report-apply-wrap .top .btn-wrap {position: static;}
	.report-apply-wrap .top .btn-wrap button { margin-top:15px;}
}





.report-apply-wrap .right .comment { position: absolute; bottom: 0; left: 0; padding: 5px 15px; width: 100%; background: #f8f8f8; word-break: break-all; border-top: 1px solid #dcdcdc; font-size: 1.2rem; }
.report-apply-wrap .right .comment a { color:#422c4f; text-decoration: underline;}

/* open depth UI */
ul.category-list li { display: inline-block; margin-right: 0; margin-bottom: 0; cursor: default; letter-spacing: 0; font-size: 1.25rem; color: #555; position: relative; line-height: 15px; font-weight: 500; transition: color .25s ease; }
ul.category-list li .dot { display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #999; margin-right: 2px; margin-bottom: 3px; transition: background .25s ease; }
/* ul.category-list li:hover .dot { background: #555; } */

.category-list li { display: block; padding-bottom: 15px; border-bottom: 1px dotted #dee3eb; margin-bottom: 20px; letter-spacing: 0; }
/* .category-list li:last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0; } */
.category-list li .big-category { margin: 10px 0 5px; display: block; }
.category-list li .big-category h6 { font-size: 1.5rem; font-weight: bold; display: inline-block; line-height: 18px; color: #422c4f; }
/* .category-list li .big-category:hover h6 { color: #1652f0; }
.category-list li .big-category:hover h6 { color: #422c4f; } */
.category-list li .big-category img { width: 19px; height: 19px; margin-right: 3px; }
.category-list li .category { display: inline-block; margin-bottom: 5px; font-size: 1.1rem;}
.category-list li .no-open-depth .category { display: inline-block; margin-bottom:5px;}
.category-list li .no-open-depth .category:last-of-type { display: block; margin:5px 0 10px;}
.category-list li .no-open-depth .category:last-of-type a { color: #422c4f; font-size: 1.5rem;font-weight: bold;line-height: 18px;}

/* .category-list li .category:last-of-type a { color: #422c4f; } */
.category-list li .category .label { font-family: 'Arial','Malgun Gothic','Dotum'; font-size: 1.1rem; background: #F2F2F7; padding: 0 8px; height: 16px; line-height: 16px; display: inline-block; border-radius: 12px; color: #222; margin-left: 3px; }
.category-list li .dot-wrap { display: inline-block; cursor: pointer; padding: 0 6px; transition: background .25s ease; border-radius: 3px; }
.category-list li .dot-wrap:hover { background: #EFEFEF; }
.category-list li .dot { cursor: pointer; margin-right: 3px; margin-bottom: 3px; background: #DDDDDD; }
.category-list li .dot:last-child { margin-right: 0; }
.category-list li .dot.on { background: #30D46B; }
/* .category-list li .no-open-depth .dot.on { background: #4AE280; } */
/* .category-list li .no-open-depth .category:last-of-type .dot.on { background: #1652f0; } */
/* .category-list li .dot-wrap:hover .dot { background: #C9C9C9; } */
/* .category-list li .no-open-depth .dot-wrap:hover .dot.on { background: #30D46B; } */
/* .category-list li .no-open-depth .category:last-of-type .dot-wrap:hover .dot.on { background: #1652f0; } */
/* .category-list li .dot-wrap:hover .dot.on { background: #1652f0; } */
.category-list li .arrow { width: 15px; height: 15px; display: inline-block; position: relative; top:1px; opacity: 0.3; }
.category-list li .arrow img { width: 100%; }


.category-list li .open-depth.position01 {width: 95%;}
.category-list li .open-depth { margin-top: 5px; margin-bottom: 10px; padding: 5px 0; box-shadow: 0 3px 5px #e5e5e5; border-top: 1px solid #efefef; background: #fff;}
.category-list li .open-depth .category { display: block; margin-left: 35px; }
.category-list li .open-depth .category:nth-child(1) { margin-left: 5px; }
.category-list li .open-depth .category:nth-child(2) { margin-left: 15px; }
.category-list li .open-depth .category:nth-child(3) { margin-left: 25px; }
.category-list li .category:last-of-type a { color: #fda313; font-weight: bold; }
.category-list li .category .label { font-family: 'Arial','Malgun Gothic','Dotum'; font-size: 1.1rem; background: #F2F2F7; padding: 0 8px; height: 16px; line-height: 16px; display: inline-block; border-radius: 12px; color: #222; margin-left: 3px; }
.category-list li .dot-wrap { display: inline-block; cursor: pointer; padding: 0 6px; transition: background .25s ease; border-radius: 3px; }
.category-list li .dot-wrap:hover { background: #EFEFEF; }
.category-list li .dot { cursor: pointer; margin-right: 3px; margin-bottom: 3px; background: #DDDDDD; }
.category-list li .dot:last-child { margin-right: 0; }
.category-list li .dot.on { background: #fda313; }
.category-list li .open-depth .dot.on { background: #b361ff; }
.category-list li .open-depth .category:last-of-type .dot.on { background: #fda313; }
.category-list li .dot-wrap:hover .dot { background: #C9C9C9; }
.category-list li .open-depth .dot-wrap:hover .dot.on { background: #b361ff; }
.category-list li .open-depth .category:last-of-type .dot-wrap:hover .dot.on { background: #fda313; }
.category-list li .dot-wrap:hover .dot.on { background: #fda313; }
.category-list li .arrow { width: 17px; height: 17px; display: inline-block; opacity: 0.6; }
.category-list li .arrow img { width: 100%; }

.searchbox .open-depth.position02 {position: absolute; top:55px; left:6px; z-index: 30;}
.searchbox .open-depth { margin-top: 5px; margin-bottom: 10px; padding: 5px 0; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3); border-top: 1px solid #efefef; background: #fff;}
.searchbox .open-depth .category { display: block; margin-left: 35px; font-size: 1.2rem}
.searchbox .open-depth .category:nth-child(1) { margin-left: 5px; }
.searchbox .open-depth .category:nth-child(2) { margin-left: 15px; }
.searchbox .open-depth .category:nth-child(3) { margin-left: 25px; }
.searchbox .category:last-of-type a { color: #1652f0; font-weight: bold; }
.searchbox .category .label { font-family: 'Arial','Malgun Gothic','Dotum'; font-size: 1.1rem; background: #F2F2F7; padding: 0 8px; height: 16px; line-height: 16px; display: inline-block; border-radius: 12px; color: #222; margin-left: 3px; }
.searchbox .dot-wrap { display: inline-block; cursor: pointer; padding: 0 6px; transition: background .25s ease; border-radius: 3px; }
.searchbox .dot-wrap:hover { background: #EFEFEF; }
.searchbox .dot { cursor: pointer; margin-right: 3px; margin-bottom: 3px; background: #DDDDDD; display: inline-block; width: 4px; height: 4px; border-radius: 10px; background:#999; margin-right: 2px; margin-bottom: 3px; transition:background .25s ease;}
.searchbox .dot:last-child { margin-right: 0; }
.searchbox .dot.on { background: #1652f0; }
.searchbox .open-depth .dot.on { background: #4AE280; }
.searchbox .open-depth .category:last-of-type .dot.on { background: #1652f0; }
.searchbox .dot-wrap:hover .dot { background: #C9C9C9; }
.searchbox .open-depth .dot-wrap:hover .dot.on { background: #30D46B; }
.searchbox .open-depth .category:last-of-type .dot-wrap:hover .dot.on { background: #1652f0; }
.searchbox .dot-wrap:hover .dot.on { background: #1652f0; }
.searchbox .arrow { width: auto; height: 17px; display: inline-block; margin: 0 3px; opacity: 0.3; }
.searchbox .arrow img { width: 100%; }


.browsing-area { position: relative; margin-bottom: 30px; }
.browsing-area .header { background: #fff; height: 40px; padding: 0 15px; transition: height .25s ease; border-bottom: 1px solid #dee3eb; }
.browsing-area .header .type-select { display: inline-block; float: left; height: 100%; }
.browsing-area .header .search-box { display: inline-block; float: left; }
.browsing-area .header .type-select a { display: inline-block; height: 100%; font-size: 1.2rem; color: #999; line-height: 38px; padding: 0 10px; position: relative; }
.browsing-area .header .type-select a.select { font-weight: bold; color: #1652f0; }
.browsing-area .header .type-select a.select:after { position: absolute; content: ''; left: 0; bottom: 0; left: 0; width: 100%; height: 2px; background: #1652f0; }
.browsing-area .header .search-box { height: 35px; background: #f8f8f8; position: relative; border-radius: 3px; width: 250px; margin-top: 7px; margin-left: 20px; cursor: pointer; transition: box-shadow .25s ease; transition: width .25s ease; }
.browsing-area .header .search-box input[type=text] { width: 100%; height: 100%; border: none; background: transparent; outline: 0; padding-left: 10px; letter-spacing: 0; cursor: pointer; border-radius: 3px; }
.browsing-area .header .search-box input[type=text]:hover,
.browsing-area .header .search-box input[type=text]:active,
.browsing-area .header .search-box input[type=text]:focus { box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.1) inset; } 
.browsing-area .header .search-box .search-btn { position: absolute; top: 50%; margin-top: -10px; right: 10px; width: 20px; height: 20px; border: none; background: none; outline: 0; }
.browsing-area .header .array-btn-wrap { float: right; }
.browsing-area .header .array-btn-wrap a { font-size: 1.2rem; height: 100%; display: inline-block; line-height: 38px; opacity: .4; font-weight: 500; margin-right: 10px; transition: opacity .25s ease; padding-right: 18px; background: url(/web/img/svg/up_down_normal_ico.svg) no-repeat; background-position: right center; background-size: 15px 15px; }
.browsing-area .header .array-btn-wrap a.up { background: url(/web/img/svg/up_down_up_ico.svg) no-repeat; background-position: right center; background-size: 15px 15px; }
.browsing-area .header .array-btn-wrap a.down { background: url(/web/img/svg/up_down_down_ico.svg) no-repeat; background-position: right center; background-size: 15px 15px; }
.browsing-area .header .array-btn-wrap a.reset { background: url(/web/img/svg/reset_ico.svg) no-repeat; background-position: right center; background-size: 15px 15px; }
.browsing-area .header .array-btn-wrap a:hover { opacity: 0.9; }
.browsing-area .header .array-btn-wrap a:last-child { margin-right: 0; }
.browsing-area .header .array-btn-wrap a.select { opacity: 1; color: #2b3245; font-weight: bold; }
.browsing-area .header .content-type-select { float: right; margin-left: 20px; }
.browsing-area .header .content-type-select a { font-size: 1.2rem; height: 100%; line-height: 38px; font-weight: 500; opacity: .4; padding: 0 5px; transition: opacity .25s ease; }
.browsing-area .header .content-type-select a.select { opacity: 1; }
.browsing-area .header .content-type-select a:hover { opacity: 0.9; }
.browsing-area .header .content-type-select a img { width: 17px; margin-top: 11px; margin-right: 4px; }
.browsing-area .body { background: #fff; overflow: hidden; max-height: 40px; padding-bottom:30px; }
.browsing-area .body ul.category-list li:last-child { margin-left: 0; }
.browsing-area .body ul.category-list li.end {cursor: default;}
.browsing-area .body ul.category-list li.end label {color:#a5a5a5; cursor: default; font-weight: 400;}
.browsing-area .body ul.category-list li.end label:hover {color:#a5a5a5; cursor: default;}
.browsing-area .body ul.category-list li.end .label-wrap img {cursor: pointer;}
.browsing-area .body ul.category-list li.end .label-wrap i {cursor: default;}
.browsing-area .body ul.category-list li.end .label-wrap i:hover { color: #999 }
.browsing-area .body ul.category-list li { display: inline-block; margin-right: 4px; margin-bottom: 4px; cursor: default; letter-spacing: 0; font-size: 1.1rem; color: #555; position: relative; line-height: 15px; font-weight: 500; transition: color .25s ease; padding:10px;}
.browsing-area .body ul.category-list li label:hover { color: #1652f0; }
.browsing-area .body ul.category-list li .dot { display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #999; margin-right: 5px; margin-bottom: 3px; transition: background .25s ease; display: none;}
.browsing-area .body ul.category-list li:hover .dot { background: #555; }
.browsing-area .body ul.category-list li .label-wrap { display: inline-block; margin-left: 1px; }
.browsing-area .body ul.category-list li .label-wrap .label { font-family: 'Arial','Malgun Gothic','Dotum'; font-size: 1.1rem; background: #F2F2F7; padding: 0 8px; height: 16px; line-height: 16px; display: inline-block; border-radius: 12px; color: #222; display: none;}
.browsing-area .body ul.category-list li .view-btn { display: inline-block; margin-right: 3px; opacity: 0.4; transition: opacity .25s ease; }
.browsing-area .body ul.category-list li .view-btn:hover { opacity: 1; }
.browsing-area .body ul.category-list li .view-btn img { width: 14px; height: 14px; margin-top: 2px; }
.browsing-area .body ul.category-list li .label-wrap i { color: #999; cursor: pointer; transition:color .3s;}
.browsing-area .body ul.category-list li .label-wrap i:hover { color: #444;}
.browsing-area .body ul.category-list li.disable { cursor: not-allowed; opacity: 0.3; }
.browsing-area .body ul.category-list li.disable a { cursor: not-allowed; font-weight: 300; letter-spacing: 0; }
.browsing-area .body ul.category-list li.disable a:hover { color: #2b3245; }
.browsing-area .body ul.category-list li.disable:hover .dot { background: #999; }
.browsing-area .body ul.category-list li.disable .label-wrap { display: none; }
.browsing-area .body .breadcrumb { width: 100%; min-height: 30px; background: #f8f8f8; border-bottom: 1px solid #eee; padding: 10px 10px 10px 70px; }
.browsing-area .body .breadcrumb ul li { display: inline-block; font-family: 'Arial'; }
.browsing-area .body .breadcrumb ul li a { font-size: 1.2rem; letter-spacing: 0; color: #555; transition: color .25s ease;  }
.browsing-area .body .breadcrumb ul li a:hover { color: #222; text-decoration: underline; }
.browsing-area .body .breadcrumb ul li.arrow { margin: 0 5px; cursor: default; }
.browsing-area .body table { width: 100%; border: 1px solid #ddd; font-size: 1.2rem; }
.browsing-area .body table th { background: #eee; padding: 10px; text-align: center; font-weight: bold; border-right: 1px solid #ddd; position: relative; }
.browsing-area .body table th.check-col { width: 35px; }
.browsing-area .body table th.check-col { width: 35px; }
.browsing-area .body .list-table table th { padding: 7px; }
.browsing-area .body .list-table table th.has-order { padding: 7px 23px; }
.browsing-area .body table th:last-child { border-right: none; }
.browsing-area .body table td { text-align: center; padding: 10px; border-right: 1px solid #ddd; }
.browsing-area .body table td.category { text-align: left; }
.browsing-area .body table td.category .plus img { width: 14px; height: 14px; margin-top: 2px; margin-right: 2px; opacity: 0.4; transition: opacity .25s ease; }
.browsing-area .body table td.category .plus:hover img { opacity: 1; }
.browsing-area .body .list-table table td { padding: 7px; }
.browsing-area .body table td:last-child { border-right: none; }
.browsing-area .body table td a:hover { color: #1652f0; text-decoration: underline; }
.browsing-area .body table tr { border-bottom: 1px solid #ddd; }
.browsing-area .body table tbody tr { transition: background .25s ease; }
.browsing-area .body table tbody tr:hover { background: #f2f2f7; }
.browsing-area .body table tbody tr.top-result { background-color: #e8eeff; }
.browsing-area .body table tr:last-child { border-bottom: none; }
.browsing-area .body table thead tr:last-child { border-bottom: 1px solid #ddd; }
.browsing-area .body table tbody tr .view-btn { display: inline-block; margin-left: 3px; opacity: 0.4; transition: opacity .25s ease; }
.browsing-area .body table tbody tr .view-btn:hover { opacity: 1; }
.browsing-area .body table tbody tr .view-btn img { width: 14px; height: 14px; margin-top: 2px; }
.browsing-area .on-off-btn { position: absolute; z-index: 2; width: 50px; height: 15px; background: #fff; text-align: center; border-left: 1px solid #dee3eb; bottom: -15px; border-right: 1px solid #dee3eb; border-bottom: 1px solid #dee3eb; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; left: 50%; margin-left: -25px; overflow: hidden; }
.browsing-area .on-off-btn img { width: 30%; }
.browsing-area #body_on_off_toggle:checked ~ .body { max-height: none; }
.browsing-area .body .breadcrumb .back {position: absolute; top:7px; left:18px;}
.browsing-area .body .breadcrumb .back a {font-size: 1.1rem; position: relative; line-height: 24px; display: block; background:#422c4f; padding:0 10px;color:#fff;}
.browsing-area .body .breadcrumb .back a:after { position: absolute; top: 0; left:-12px; content: ''; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; z-index: 1;border-right: 12px solid #422c4f;}
.browsing-area .body .breadcrumb .back a:hover {background:#2e0e42 }
.browsing-area .body .breadcrumb .back a:hover:after {border-right-color:#2e0e42 }

/* 인풋 라디오 커스텀 */
input[type=radio]:not(old) { margin:0; padding:0; opacity:0; background:url("../../img/common/radio_box_off.png") no-repeat 0 9px; width:0; } 
input[type=radio]:not(old) + label { display: inline-block; text-align: left; padding-left: 20px; background: url("../../img/common/radio_box_off.png") no-repeat 0 9px;  position: relative; top:0; line-height: 32px;}
input[type=radio]:not(old):checked + label { background: url("../../img/common/radio_box_on.png") no-repeat 0 9px; position: relative; top:0; }




/* R&D용 css */
.rnd-apply-wrap .category-list li .dot.on,
.rnd-apply-wrap .category-list li .dot-wrap:hover .dot.on { background: #4985FF; }
.rnd-apply-wrap .category-list li .open-depth .dot.on { background: #30D46B; }
.rnd-apply-wrap .category-list li .open-depth .category:last-of-type .dot.on { background: #4985FF; }
.rnd-apply-wrap .category-list li .category:last-of-type a { color: #4985FF; }