@charset "UTF-8";

.path-box{position:relative;margin:0 auto;max-width:1400px;background:#fff;}
.path-box:after{content:'';display:block;clear:both;}
.path-box .path{float:left;}

.path-box .util{float:right;}
.path-box .util > ul{border:1px solid #f2f2f2;border-top:0;border-bottom:0;}
.path-box .util > ul:after{content:'';display:block;clear:both;}
.path-box .util > ul > li{position:relative;float:left;border-right:1px solid #f2f2f2;}
.path-box .util > ul > li:last-of-type{border-right:0;}
.path-box .util > ul > li > a{display:block;padding:23px 35px;}
.path-box .util > ul > li.btn-zoomin a{background:url(/_res/service/dea/img/common/ico-zoom-in.png) no-repeat center center/36px;}
.path-box .util > ul > li.btn-zoomout a{background:url(/_res/service/dea/img/common/ico-zoom-out.png) no-repeat center center/36px;}
.path-box .util > ul > li.btn-print a{background:url(/_res/service/dea/img/common/ico-print.png) no-repeat center center /36px;}
.path-box .util > ul > li.btn-share > a{background:url(/_res/service/dea/img/common/ico-share.png) no-repeat center center /36px;}
.path-box .util > ul > li.btn-share.on > a:before{content:'';position:absolute;top:-1px;right:-1px;width:calc(100% + 1px);height:calc(100% + 1px);background:#0d3f7a url(/_res/service/dea/img/common/ico-share-w.png) no-repeat center center/18px;}

.path-box .util .share-popup{display:none;position:absolute;top:46px;right:-1px;z-index:20;min-width:370px;max-width:372px;border:1px solid #f2f2f2;background:#fff;box-shadow:3px 3px 7px 0px rgba(57, 57, 57, 0.2);-webkit-box-shadow:3px 3px 7px 0px rgba(57, 57, 57, 0.2);-moz-box-shadow:3px 3px 7px 0px rgba(57, 57, 57, 0.2);box-sizing:border-box;}
.path-box .util .share-popup.on{display:block;} 
.path-box .util .share-popup .share-box{padding:20px 25px 22px 25px;border-bottom:1px solid #cccccc;}
.path-box .util .share-popup .share-box p{padding:0 0 18px;font-size:1.375rem;font-weight:500;letter-spacing:-0.029rem;line-height:2rem;}
.path-box .util .share-popup .share-box ul li a{display:block;margin:0 0 10px;padding:12px 0 12px 55px;font-size:1.062rem;letter-spacing:-0.029rem;line-height:1.25rem;}
.path-box .util .share-popup .share-box ul li a.facebook{background:url(/_res/service/dea/img/common/ico-share-sns02.png) no-repeat center left/40px;}
.path-box .util .share-popup .share-box ul li a.twitter{background:url(/_res/service/dea/img/common/ico-share-sns03.png) no-repeat center left/40px;}
.path-box .util .share-popup .share-box ul li a.naverblog{background:url(/_res/service/dea/img/common/ico-share-sns04.png) no-repeat center left/40px;}
.path-box .util .share-popup .share-box ul li a.kakaostory{background:url(/_res/service/dea/img/common/ico-share-sns05.png) no-repeat center left/40px;}
.path-box .util .share-popup .share-box ul li a.kakao{background:url(/_res/service/dea/img/common/ico-share-sns06.png) no-repeat center left/40px;}
.path-box .util .share-popup .share-box ul li:last-of-type a{margin-bottom:0;}
.path-box .util .share-popup .link-copy-box{padding:20px 25px 15px 25px;}
.path-box .util .share-popup .link-copy-box p{padding:0 0 6px;font-size:0.937rem;font-weight:400;line-height:1rem;}
.path-box .util .share-popup .link-copy-box a{display:block;position:relative;padding:0 0 6px;font-size:1.125rem;font-weight:200;color:#555;white-space:nowrap;line-height:2rem;text-overflow:ellipsis;word-wrap:normal;overflow:hidden;}
.path-box .util .share-popup .link-copy-box a:before{content:'';position:absolute;bottom:2px;left:0;width:100%;height:1px;background:#ccc;}
.path-box .util .share-popup .link-copy-box a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#ccc;}
.path-box .util .share-popup .btn-close{position:absolute;top:20px;right:25px;width:16px;height:15px;background:url(/_res/service/dea/img/common/ico-close-s.png) no-repeat center center/100%;}

@media screen and (max-width: 1024.98px) {
	.path-box .util > ul > li > a{padding:23px 27px;}
}

@media screen and (max-width: 768px) {
	.path-box .path{float:none;}
	
	.path-box .util{display:none;}
	.path-box .util > ul > li.btn-print{display:none;}
	.path-box .util > ul > li.btn-share{display:none;}
}