<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* 議곗쭅�� */
.tree-table{}
.tree-table p{width:210px;margin:0 auto;padding:20px;font-size:18px;border-radius:5px;text-align:center;background:#fff;border:1px solid #ddd;box-sizing:border-box;}
.tree-table .tree-top{margin:0 auto 30px;text-align:center;position:relative;}
.tree-table .tree-top:after{content:"";position:absolute;top:50%;left:50%;width:1px;height:80px;background:#ddd;}
.tree-table .tree-top p{display:inline-block;margin:0 30px;background:#347E52 url(/_res/kookmin/crf/img/content/img-organ-bg01.png) no-repeat center / cover;color:#fff;border:6px solid #efefef;position:relative;}
.tree-table .tree-top p &gt; span{display:block;margin:0 0 10px;}
.tree-table .tree-top p:first-of-type:after{content:"";position:absolute;left:calc(100% + 6px);top:50%;height:1px;width:65px;background:#ddd;}

.tree-table .branch{text-align:center;position:relative;}
.tree-table .branch .bottom-line{height:35px;position:relative;}
.tree-table .branch .bottom-line:after{content:"";position:absolute;top:0;left:0;right:0;width:calc(72% + 45px);height:1px;margin:0 auto;background:#ddd;}
.tree-table .branch .part{display:inline-block;width:18%;margin:0 4px;vertical-align:top;position:relative;}
.tree-table .branch .part.first{margin-left:0;}
.tree-table .branch .part.last{margin-right:0;}
.tree-table .branch .part:after{content:"";position:absolute;bottom:100%;left:50%;width:1px;height:35px;background:#ddd;}
.tree-table .branch .part p{width:100%;padding:10px 0;font-weight:500;color:#000;background:#FDDC8B url(/_res/kookmin/crf/img/content/img-organ-bg04.png) no-repeat center / cover;border:6px solid #efefef;box-sizing:border-box;}
.tree-table .branch .part p span{display:block;margin:0 0 10px;}
.tree-table .branch .part ul li{padding:10px 0;background:#f7f7f7;border-bottom:2px solid #fcab00;}

.sns-box{border: 1px solid #cdcdcd;padding: 30px;}
.sns-box ul{text-align: center;width: 100%;overflow: hidden;}
.sns-box ul li{display: inline-block;width: 33%;box-sizing: border-box;float: left;}
.sns-box ul li a{display: block;text-align: center;position:relative}
.sns-box ul li a p{padding:0 0 20px 0;max-width: 70px;width: 100%;box-sizing: border-box;display: inline-block;}
.sns-box ul li a:after{content:"";clear:both;display: block;width: 1px;height: 62px;position: absolute;right: 0px;top: 18px;background-color: #949494;}
.sns-box ul li a p img{width: 100%;}
.sns-box ul li a span{display:block}
.sns-box ul li:last-child a:after{display:none;}


@media screen and (max-width:1024px){
	.tree-table .tree-bottom{width:100%;}
	.tree-table .tree-bottom:after{width:calc(50% - 210px);}
}

@media screen and (max-width:768px){
	.tree-table p{padding:10px 20px;font-size:14px;}
	.tree-table .tree-top p{display:block;width:80%;min-width:200px;margin:0 0 20px 60px;}
	.tree-table .tree-top p:after{content:"";position:absolute;left:auto;right:calc(100% + 6px);top:50%;height:1px;width:60px;background:#ddd;}
	.tree-table .tree-top p:first-of-type:after{left:auto;right:calc(100% + 6px);width:60px;}
	.tree-table .tree-top:after{top:35px;left:0;height:90px;z-index:-1;}
	.tree-table .tree-top.first p{width:160px;height:160px;padding:55px 0;font-size:18px;}
	.tree-table .branch:before{content:"";position:absolute;top:-65px;left:30px;width:1px;height:calc(100% - 125px);background:#ddd;}
	.tree-table .branch:after{content:"";display:block;clear:both;}
	.tree-table .branch .part{display:block;width:80%;min-width:200px;margin:0 0 20px 60px;}
	.tree-table .branch .part p a{padding:10px;}
	.tree-table .branch .part:after{left:auto;right:100%;bottom:auto;top:23px;height:1px;width:30px;}
	.tree-table .branch .part.first,.tree-table .branch .part.last{margin:0 0 20px 60px;}
	.tree-table .branch .bottom-line{display:none;}
	.tree-table .branch .part ul li{font-size:14px;}
}
@media screen and (max-width:480px){
	.sns-box ul li a p {padding: 0 0 20px 0;max-width: 50px;}
	.sns-box ul li a:after {height: 25px;}
}</pre></body></html>