@charset "utf-8";

/*TABNAV*/
.userTabWrap{display:flex;align-items:flex-end;}
.userTabWrap li{width:100%;height:50px;margin:2px 2px 0 0;background:#f4f4f4;line-height:1;transition:0.3s;}
.userTabWrap li a{font-size:18px;color:#555;font-family:'Pre Bold';padding:0 20px;width:100%;height:100%;text-align:center;letter-spacing:-1px;display:flex;align-items:center;justify-content:center;}
.userTabWrap li.active{height:60px;background:#8b0029;}
.userTabWrap li.active a{color:#FFF;}
.userTabWrap li:hover{height:60px;}
@media all and (max-width:768px) {
	.userTabWrap{flex-wrap:wrap;}
	.userTabWrap li{width:unset;height:45px;}
	.userTabWrap li.active{height:50px;}
	.userTabWrap li a{font-size:16px;}
}

/*TREE*/
.jstree-node{position:relative;}
.jstree-wholerow{display:none;}
/*
.jstree-wholerow{position:absolute;left:0px;top:0px;width:100%;height:100%;background:transparent;}
.jstree-wholerow:hover{background:rgba(0,0,0,0.1);}
.jstree-wholerow.jstree-wholerow-clicked{background:rgba(124,0,25,0.1);}
*/

/*전체구조*/
._areaWrap{margin-top:60px;display:flex;justify-content:space-between;}
._areaWrap ._areaTree{width:30%;}
._areaWrap ._areaData{width:67.5%;}

._areaTree{border-top:3px solid #000;border-bottom:1px solid #000;}
._areaData{}

.jstree-container-ul{max-height:670px;overflow-y:scroll;}

/* webkit 기반 스크롤바 */
.jstree-container-ul::-webkit-scrollbar {}	/* 스크롤바 전체 기본 꾸미기 */
.jstree-container-ul::-webkit-scrollbar-thumb { background-color: #8b0029; border-radius: 20px; }	/* 스크롤바 막대 꾸미기 */
.jstree-container-ul::-webkit-scrollbar-track { background-color: #f6e3e9; }	/* 스크롤바 트랙 꾸미기 */

 /* firefox 스크롤바 검은색 Thumb 와 흰색 Track */
.jstree-container-ul { scrollbar-width: thin; scrollbar-color: #8b0029 white; }



.jstree-container-ul > li > ul > li.jstree-open > .jstree-ocl,
.jstree-container-ul > li > ul > li > ul > li.jstree-open > .jstree-ocl,
.jstree-container-ul > li > ul > li > ul > li > ul > li.jstree-open > .jstree-ocl,
.jstree-container-ul > li > ul > li > ul > li > ul > li > ul > li.jstree-open > .jstree-ocl,
.jstree-container-ul > li > ul > li > ul > li > ul > li > ul > li > ul > li.jstree-open > .jstree-ocl{transform:rotate(180deg);}

.jstree-container-ul > li > .jstree-ocl{top:15px;}
.jstree-container-ul > li > ul > li > .jstree-ocl{top:12px;}
.jstree-container-ul > li > ul > li > ul > li >.jstree-ocl{top:7px;}
.jstree-container-ul > li > ul > li > ul > li > ul > li > .jstree-ocl{top:6px;}
.jstree-container-ul > li > ul > li > ul > li > ul > li > ul > li > .jstree-ocl{top:3px;}
.jstree-container-ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .jstree-ocl{top:3px;}
.jstree-container-ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .jstree-ocl{top:2px;}

.jstree-ocl{width:30px;height:30px;display:block;background:url(../images/arrowB_up.png) no-repeat center !important;position:absolute;right:20px;z-index:1;cursor:pointer;}
.jstree-leaf .jstree-ocl{display:none;}
.jstree-ocl:hover{border-bottom:1px solid #000;}

.jstree-anchor{color:#272727;font-family:'Pre Bold';display:block;position:relative;line-height:1;}
.jstree-anchor:hover,
.jstree-anchor.jstree-clicked{color:#7c0019;}
.jstree-anchor:hover{background:rgba(0,0,0,0.05);}
.jstree-anchor.jstree-clicked{background:rgba(124,0,25,0.05);}
.jstree-container-ul > li > .jstree-anchor{}
.jstree-container-ul > li > ul > li > .jstree-anchor{}
.jstree-container-ul > li > ul > li > ul > li >.jstree-anchor{}
.jstree-container-ul > li > ul > li > ul > li > ul > li > .jstree-anchor{}
.jstree-container-ul > li > ul > li > ul > li > ul > li > ul > li > .jstree-anchor{}
.jstree-container-ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .jstree-anchor{}
.jstree-container-ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .jstree-anchor{}

.jstree-container-ul > li > .jstree-anchor{font-size:26px;border-bottom:1px solid #dadbdf;padding:17px 20px;}
.jstree-container-ul > li > ul > li > .jstree-anchor{font-size:20px;border-bottom:1px solid #dadbdf;padding:17px 20px;}
.jstree-container-ul > li > ul > li > ul > li >.jstree-anchor{font-size:19px;padding:13px 20px 13px 35px;}
.jstree-container-ul > li > ul > li > ul > li > ul > li > .jstree-anchor{font-size:18px;padding:12px 20px 12px 35px;}
.jstree-container-ul > li > ul > li > ul > li > ul > li > ul > li > .jstree-anchor{font-size:16px;padding:11px 20px 11px 50px;}
.jstree-container-ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .jstree-anchor{font-size:16px;padding:10px 20px 10px 25px;}
.jstree-container-ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .jstree-anchor{font-size:15px;padding:9px 20px 9px 27px;}

.jstree-container-ul > li > ul > li > ul{border-bottom:1px solid #dadbdf;}
.jstree-container-ul > li > ul > li > ul > li > ul{background:#f8f8f8;}
.jstree-container-ul > li > ul > li > ul > li > ul > li > ul > li > ul{margin:0 50px;background:#FFF;}
.jstree-container-ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul{background:#EEE;}

.jstree-container-ul > li > ul > li > ul > li >.jstree-anchor::before,
.jstree-container-ul > li > ul > li > ul > li > ul > li > ul > li > .jstree-anchor::before,
.jstree-container-ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .jstree-anchor::before{content:"";display:block;background:#000;position:absolute;}
.jstree-anchor:hover::before,
.jstree-anchor.jstree-clicked::before{background:#7c0019 !important;}
.jstree-container-ul > li > ul > li > ul > li >.jstree-anchor::before{width:4px;height:4px;left:20px;top:20px;}
.jstree-container-ul > li > ul > li > ul > li > ul > li > ul > li > .jstree-anchor::before{width:5px;height:2px;left:37px;top:17px;}
.jstree-container-ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .jstree-anchor::before{width:2px;height:2px;left:15px;top:16px;}


@media all and (max-width:1280px) {
	._areaWrap{margin-top:40px;flex-wrap:wrap;}
	._areaWrap ._areaTree,
	._areaWrap ._areaData{width:100%;}
	._areaWrap ._areaData{margin-top:30px;}
	.jstree-container-ul{max-height:500px;}

	.jstree-container-ul > li > .jstree-anchor{font-size:22px;}
	.jstree-container-ul > li > ul > li > .jstree-anchor{font-size:19px;}
	.jstree-container-ul > li > ul > li > ul > li >.jstree-anchor{font-size:18px;}
	.jstree-container-ul > li > ul > li > ul > li > ul > li > .jstree-anchor{font-size:17px;}
	.jstree-container-ul > li > ul > li > ul > li > ul > li > ul > li > .jstree-anchor{font-size:15px;}
	.jstree-container-ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .jstree-anchor{font-size:15px;}
	.jstree-container-ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .jstree-anchor{font-size:14px;}
}
@media all and (max-width:768px) {
	.jstree-container-ul{max-height:300px;}
}



.tableBoard{border-top:1px solid #272727;border-bottom:1px solid #272727; position:relative;margin-bottom:30px;}
.tableBoard:after {content:''; position: absolute; right:-2px; top:0px; width:3px; height:100%; background:#fff;}
.tableBoard thead th{background:#f6f7f9;border-top:2px solid #272727;border-left:1px solid #dadbdf;padding:15px 20px;}
.tableBoard tbody th,
.tableBoard tbody td{padding:15px 30px;text-align:center;border-bottom:1px solid #dadbdf;border-left:1px solid #dadbdf;border-top:1px solid #272727;}
.tableBoard tbody th{border-top:1px solid #272727;}
.tableBoard tbody th.bg1, .tableBoard tbody td.bg1{background:#f6f7f9;}
.tableBoard tbody td.bdrLnone{ border-left:none; }
.tableBoard tbody td.left{text-align:left;}
.tableBoard tbody td.right{text-align:right;}
.tableBoard th.bdrLeft, .tableBoard td.bdrLeft{ border-left:1px solid #dadbdf !important; }
.tableBoard thead th:first-child,
.tableBoard tbody th:first-child,
.tableBoard tbody td:first-child{border-left:0;}
@media all and (max-width:768px) {
}

.boxTitle{background:#f2eee7;padding:50px;border-top:3px solid #272727;text-align:center;position:relative;min-height:204px;}
.boxTitle p{color:#272727;font-family:'Pre Bold';font-size:40px;line-height:1.3;}
.boxTitle span{font-size:18px;}
.boxTitle p::after{content:"";display:block;width:60px;height:4px;background:#7c0019;margin:20px auto;}
.boxTitle::before{content:"고려대학교 상징 호랑이 이미지"; text-indent:-99999px; font-size:0; display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:url(/sites/ko/images/guide/tiger_1.png) no-repeat right center;opacity:0.3;background-size:21%;}
._areaData h3{color:#272727;font-family:'Pre Bold';font-size:20px;line-height:1;margin:20px 0;}
._areaData .con{padding:15px 0;border-top:2px solid #272727;}
._areaData .info{display:flex;flex-wrap:wrap;background:#f4f4f4;padding:30px;}
._areaData .info .item{display:flex;width:50%;font-size:18px;line-height:1.2;padding:10px 0;}
._areaData .info .item strong{width:80px;font-family:'Pre Bold';}
._areaData .info .item span{width:calc(100% - 80px);}
._areaData .info a{color:#7c0019;}
@media all and (min-width:1921px) {
}
@media all and (max-width:768px) {
	.boxTitle{padding:30px;min-height:unset;}
	.boxTitle p{font-size:30px;}
}