@charset "UTF-8";

#_globalUl{display:flex;}
#_globalUl ._zoom{display:none;}
#_globalUl li{display:flex;align-items:center;position:relative;}
#_globalUl > li::before{content:"";display:block;width:1px;height:10px;background:#222;margin:0 10px;}
#_globalUl > li:first-child::before{display:none;}
#_globalUl button{display:block;width:50px;height:50px;text-indent:-9999px;}
#_globalUl .btnFavorite{background:url(../images/icon_favorite_b_2.png) no-repeat center;}
#_globalUl .btnShare{background:url(../images/icon_share_b_2.png) no-repeat center;}
#_globalUl ._printPage{background:url(../images/icon_print_b_2.png) no-repeat center;}

.shareWrap{position:absolute; right:-10px; top:50px; z-index:1; background:#fff; border:1px solid #ccc; padding:20px; width:340px;}
.shareWrap dl dt{display:none;}
.shareWrap dl.shareSns{margin-bottom:20px;}
.shareWrap dl.shareSns dd{}
.shareWrap dl.shareSns dd a{position: relative; display:inline-block; width: 31px; height: 31px; text-indent: -9999px;}
.shareWrap dl.shareSns dd a.fb {background: url('./../images/ico_sns_fb.png') no-repeat center center;}
.shareWrap dl.shareSns dd a.insta {background: url('./../images/ico_sns_insta.png') no-repeat center center;}
.shareWrap dl.shareSns dd a.na {background: url('./../images/ico_sns_blog.png') no-repeat center center;}
.shareWrap dl.shareSns dd a.tw {background: url('./../images/ico_sns_blog.png') no-repeat center center;}
.shareWrap dl.shareSns dd a.pin {background: url('./../images/ico_sns_insta.png') no-repeat center center;}
.shareWrap dl.shareSns dd a.kakao {background: url('./../images/ico_sns_insta.png') no-repeat center center;}

.shareWrap dl.shareLink dd #nowUrl{background: #ebeef3; width: calc(100% - 60px); border: none;height: 45px;line-height: 25px; padding-left: 10px;float: left;padding-right: 10px;}
.shareWrap dl.shareLink dd #linkShareBtn{width: 60px; height: 45px; background: #2e343f url('./../images/ico_sns_link.png') no-repeat center center; text-indent: -9999px; display: inline-block;}
.shareWrap .shareClose{position: absolute;right: 10px;top:15px;color: #fff;background: #7c828b;padding: 5px 10px;border-radius: 5px;font-size: 12px;}

.favoriteWrap{overflow: hidden;position: absolute;border: 1px solid #cacaca;right: 0;top: 39px;width: 260px;background: #fff; z-index:1;}
.favoriteWrap h4{display: block; font-size: 18px;padding: 11px 20px;border-bottom: 1px solid #d6d6d6; color: #2a2a2a;}
.favoriteWrap .favoriteTitle{padding: 15px 0 20px 0; background: #f0f0f0; text-align: center; font-size:14px; line-height:1.4;}
.favoriteWrap .addF{text-align:center; margin-top:15px; margin-bottom:20px;}
.favoriteWrap .addF a{background: #36aeae;margin-top: 11px; padding: 5px 15px 5px 15px; font-size: 14px; color: #fff;}
.favoriteWrap .favoriteClose { text-indent:-9999px; z-index:10; position:absolute; right:0px; top:0px; width:40px; height:50px; background:url('./../images/btn-favo-close.png') no-repeat center center; }
.favoriteWrap .favoriteClose:hover { transform: rotate( 180deg ); transition: all 0.75s cubic-bezier(0.7, 0, 0.3, 1); }
.favoriteWrap .resetF{text-align:center; margin-top:15px; margin-bottom:20px;}
.favoriteWrap .resetF a{background: #fff;margin: 10px;padding: 9px 20px;border-radius: 5px;border: 1px solid #50555d;font-family: 'Noto Regular';font-size: 14px;color: #50555d;}
.favoriteWrap #favoriteList{padding: 7px;}
.favoriteWrap #favoriteList li{border-bottom: 1px solid #ddd;}
.favoriteWrap #favoriteList .delF{font-size: 11px;vertical-align: middle;background: #d03030;border-radius: 5px;padding: 2px 10px;color: #fff;margin-left: 10px;}