@charset "UTF-8";


.organ-pc-box .organ-box{position:relative; overflow:hidden;}
.organ-pc-box .organ-box ul li a{display:block;position:relative;text-align:center;}

.organ-pc-box .organ-dep01 > li > a{padding:18px 0;width:25%;font-weight:500;font-size:20px;color:#fff;border-radius:6px;}
.organ-pc-box .organ-dep01 > li.chief > a{margin:0 auto 45px;background-color:#1fb4a9;border-radius:150px;}
.organ-pc-box .organ-dep01 > li.audit > a{position:absolute;top:10px;right:14.1%;margin:10 0 10px 0;background-color:#e68200;}
.organ-pc-box .organ-dep01 > li.audit01 > a{position:absolute;top:80px;right:14.1%;margin:10 0 10px 0;background-color:#e68200;}
.organ-pc-box .organ-dep01 > li.executive > a{margin:0 auto 80px;background-color:#5a88c6;}

.organ-pc-box .organ-dep02{display:inline-block;position:relative; width:100%;}
.organ-pc-box .organ-dep02 > li{float:left;padding:0 1% 0 1%; width:40%; margin:0 5%;vertical-align:top;box-sizing:border-box;}
/*.organ-pc-box .organ-dep02 > li:last-of-type{padding:0;}*/
.organ-pc-box .organ-dep02 > li > a{position:relative;margin:0 0 20px 0;padding:15px 0;font-size:18px; background-color:#555;color:#fff;border-radius:6px;}
.organ-pc-box .organ-dep02 > li > a.f01{position:relative;margin:0 0 20px 0;padding:19px 0;font-size:18px; background:url('../images/com/line01.png') center repeat-y; /*background-color:#fff;*/color:#fff;border-radius:6px;}

.organ-pc-box .organ-dep02 > li.center{margin:75px 0 0 0;border:1px solid #eee;border-radius:6px;}
.organ-pc-box .organ-dep02 > li.center > a{margin:0;padding:18px 0;background-color:#eee;color:#333;}
.organ-pc-box .organ-dep02 > li.center > a:before{top:-120px;height:120px;}/* 연수원 상단 line */

.organ-pc-box .organ-dep03{border:1px solid #eee;border-radius:6px;padding:20px 0;background-color:#eee;}

.organ-pc-box .organ-dep03 > li > a{padding:3px 0;background-color:#eee; font-size:16px;}
.organ-pc-box .organ-dep01 > li.audit .organ-dep03{position:absolute;top:350px;right:0;}

.organ-pc-box .organ-dep04{padding:20px 0 0 0;min-height:140px;background-color:#fff;border-radius:0 0 5px 5px;}
.organ-pc-box .organ-dep04 > li{padding:0 15px 18px;}

.organ-m-box{display:none;}


/* 조직도 line */
.organ-pc-box .organ-dep01 > li > a:before{content:'';position:absolute;top:88%;z-index:-10;width:1px;background-color:#ccc;}/* 최상단 공통 line css */
.organ-pc-box .organ-dep01 > li.chief > a:before{left:50%;height:100%;} /* 관장 하단 line */
.organ-pc-box .organ-dep01 > li.executive > a:before{left:50%;height:50%;}/* 사무장 하단 line */

.organ-pc-box .organ-dep01 > li.audit > a:before{top:50%;width:100%;height:0px; left:45%} /* 감사 우측 line */
.organ-pc-box .organ-box.row02 .organ-dep01 > li.audit > a:before{left:45%;}
.organ-pc-box .organ-box.row06 .organ-dep01 > li.audit > a:before{left:45%;}
.organ-pc-box .organ-box.row07 .organ-dep01 > li.audit > a:before{left:53%;}
.organ-pc-box .organ-box.row08 .organ-dep01 > li.audit > a:before{left:59%;}
.organ-pc-box .organ-box.row09 .organ-dep01 > li.audit > a:before{left:63.5%;}

.organ-pc-box .organ-dep02:before{content:'';position:absolute;top:-45px;left:50%;width:100%;height:1px;background-color:#ccc;transform:translateX(-50%);-ms-transform:translateX(-50%);}/* 사무장 ul 상단 line */
.organ-pc-box .organ-box.row02 .organ-dep02:before{width:calc(100% - 50%);}
.organ-pc-box .organ-box.row06 .organ-dep02:before{width:calc(100% - 20%);}
.organ-pc-box .organ-box.row07 .organ-dep02:before{width:calc(100% - 153px);}
.organ-pc-box .organ-box.row08 .organ-dep02:before{width:calc(100% - 132px);}
.organ-pc-box .organ-box.row09 .organ-dep02:before{width:calc(100% - 115px);}

.organ-pc-box .organ-dep02 > li > a:before{content:'';position:absolute;top:-45px;left:50%;z-index:-10;width:1px;height:250%;background-color:#ccc;}/* 사무장 li 상단 line */
/*.organ-pc-box .organ-dep02 > li:first-of-type > a:before{height:100%}*/
/*
.organ-pc-box .organ-dep02 > li:last-of-type > a:before{height:100%}
*/
.organ-pc-box .organ-dep01 > li.audit .organ-dep03 > li > a:before{content:'';position:absolute;top:-255px;left:50%;z-index:-10;width:1px;height:260px;background-color:#ccc;}/* 감사실 싱단 line */

/* 조직도 지점/보상센터 */
.organ-center-box .organ-center > li{display:inline-block;margin:0 -4px 0 0;padding:0 7px 0 0;width:calc(14.28571% - 6px);}
.organ-center-box .organ-center > li:nth-of-type(7n){padding:0 0 10px 0;}
.organ-center-box .organ-center > li > a{display:block;position:relative;padding:10px 15px;border:1px solid #dbdbdb;text-align:center;}
.organ-center-box .organ-center > li > a:hover{background-color:#282b3a;color:#fff;}


@media screen and (max-width:480px) {
	
	.organ-pc-box{display:none;}
	.organ-m-box{display:block;}

	.organ-m-box .organ-box{position:relative;}
	.organ-m-box .organ-box:before{content:'';position:absolute;top:0;left:65px;width:1px;height:calc(100% - 235px);background-color:#ccc;z-index:-1;}
	.organ-m-box.center .organ-box:before{display:none;}
	.organ-m-box .organ-box:after{content:'';position:absolute;top:157px;left:-20px;width:200px;height:80%;background-color:#fff;}
	.organ-m-box.center .organ-box:after{display:none;}
	.organ-m-box .organ-box ul li a{display:block;position:relative;font-size: 15px;text-align:center;line-height:19px;}

	.organ-m-box .organ-box:after{width:85px;}


	.organ-m-box .organ-dep01:after{content:'';display:block;clear:both;}
	.organ-m-box .organ-dep01 > li{padding:0 0 20px 0;}
	.organ-m-box .organ-dep01 > li:last-of-type{padding:0;}
	.organ-m-box .organ-dep01 > li > a{padding:15px 0;width:190px;font-weight:500;font-size:16px;color:#fff;border-radius:6px;}
	.organ-m-box .organ-dep01 > li.chief > a{background-color:#1fb4a9;}
	.organ-m-box .organ-dep01 > li.audit{position:absolute;top:10px;right:0;}
	.organ-m-box .organ-dep01 > li.audit > a{margin:0 0 20px 0;background-color:#e68200;}
	.organ-m-box .organ-dep01 > li.audit01{position:absolute;top:60px;right:0;}
	.organ-m-box .organ-dep01 > li.audit01 > a{margin:0 0 20px 0;background-color:#e68200;}
	.organ-m-box .organ-dep01 > li.executive > a{background-color:#5a88c6;}


	.organ-m-box .organ-dep02{position:relative;float:right;margin:30px 0 0 0;}
	.organ-m-box .organ-dep02 > li{padding:0 0 20px 0;min-width:230px;vertical-align:top;box-sizing:border-box;}
	.organ-m-box .organ-dep02 > li:last-of-type{padding:0;}
	.organ-m-box .organ-dep02 > li > a{display:inline-block;margin:0 0 10px 0;padding:12px 0;background-color:#555;color:#fff;border-radius:6px;}
	.organ-m-box .organ-dep02 > li > a:before{content:'';position:absolute;top:50%;right:230px;width:400%;height:1px;background-color:#ccc; z-index:-1;} 
	.organ-m-box .organ-dep02 > li.center{border:1px solid #dbdbdb;border-radius:6px;}
	.organ-m-box .organ-dep02 > li.center > a{margin:0;padding:10px 0;background-color:#dbdbdb;color:#333;}
	.organ-m-box .organ-dep02 > li > a.f01{ background-color:#dbdbdb;color:#333}

	.organ-m-box .organ-dep03{border:1px solid #dbdbdb;border-radius:6px;}
	.organ-m-box .organ-dep03 > li > a{padding:5px 0;background-color:#dbdbdb;font-size:13px;}
	.organ-m-box .organ-dep03 > li:nth-of-type(1) > a:before{content:'';position:absolute;top:-30px;left:50%;z-index:-1;width:1px;height:100%;background-color:#ccc;}


	.organ-m-box .organ-dep04{padding:12px 0 0 0;background-color:#fff;border-radius:6px;}
	.organ-m-box .organ-dep04 > li{padding:0 10px 12px;}

	.organ-info-box{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}
	.organ-info-box.active{display:block;}
	.organ-info-box .organ-popup-box{position:absolute;top:50%;left:50%;padding:45px 10px 20px;width:95%;max-height:400px;background-color:#fff;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);box-sizing:border-box;}
	.organ-info-box .organ-popup-box .organ-popup-content-box .scrollbox{max-height:350px;overflow-y:auto;}
	.organ-info-box .btn-pop-close{position:absolute;top:10px;right:0;width:25px;height:25px;background:#fff url(/_res/cgbest/img/guarantee/bg-popup-close.gif) no-repeat 50% 50%/50%;border:1px solid #dbdbdb;border-radius:25px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-mn-transform:translateX(-50%);-o-transform:translateX(-50%);}


	/*.organ-m-box .organ-dep01 > li > a{padding:12px 0;width:160px;}*/
/*
	.organ-m-box .organ-dep02 > li{min-width:230px;}
	.organ-m-box .organ-dep02 > li > a{padding:12px 0;}
	.organ-m-box .organ-dep02 > li > a:before{right:230px;}
	*/
	.organ-info-box .organ-popup-box{max-height:320px;}
	.organ-info-box .organ-popup-box .organ-popup-content-box .scrollbox{max-height:265px;}

}
@media screen and (max-width:768px) {
	
	/* 조직도 지점/보상센터 */
	.organ-center-box .organ-center > li{width:32%;}
	.organ-center-box .organ-center > li:nth-of-type(n){padding:0 2% 10px 0;}
	.organ-center-box .organ-center > li:nth-of-type(3n){padding:0 0 10px 0;}
	.organ-center-box .organ-center > li > a{padding:8px;font-size:14px;line-height:24px;}
	
}

@media screen and (max-width:480px) {
	/*
	.organ-m-box .organ-box:before{left:65px;width:1px;height:calc(100% - 226px);}
	.organ-m-box .organ-box:after{width:85px;}

	.organ-m-box .organ-dep01 > li > a{padding:12px 0;width:130px;}

	.organ-m-box .organ-dep02 > li{min-width:130px;}
	.organ-m-box .organ-dep02 > li > a{padding:12px 0;}
	.organ-m-box .organ-dep02 > li > a:before{right:130px;}
	
	.organ-info-box .organ-popup-box{max-height:320px;}
	.organ-info-box .organ-popup-box .organ-popup-content-box .scrollbox{max-height:265px;}
	*/
}