@charset "UTF-8";

#_globalUl{display:flex;gap: 0 1rem;position: relative;}
#_globalUl ._zoom{display:none;}
#_globalUl li{display:flex;align-items:center;}
/* #_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:3.6rem;height:3.6rem;border:0.1rem solid #d8d8d8;border-radius:50%;text-indent:-9999px;}
#_globalUl .sub-favo{background:#EEF2F7 url(../images/ic-favo.png) no-repeat center;}
#_globalUl .btnShare{background:#EEF2F7 url(../images/ic-share.png) no-repeat center;}
#_globalUl ._printPage{background:#EEF2F7 url(../images/ic-print.png) no-repeat center;}

#_globalUl .sub-favo:hover,
#_globalUl .sub-favo.memory,
#_globalUl .sub-favo.active,
#_globalUl .sub-favo._active{background:#004ABA url(../images/ic-favo-on.png) no-repeat center;}
#_globalUl .btnShare:hover,
#_globalUl .btnShare.active,
#_globalUl .btnShare:hover,
#_globalUl .btnShare.on{background:#004ABA url(../images/ic-share-on.png) no-repeat center;}
#_globalUl ._printPage:hover,
#_globalUl ._printPage._active{background:#004ABA url(../images/ic-print-on.png) no-repeat center;}

.shareWrap{position:absolute; right:0px; top:calc(100% + 2.4rem); z-index:1; background:#fff; border:1px solid #DFE5EB; padding:1.8rem 2.7rem 2.3rem 2.7rem; width:31rem;border-radius:.5rem; box-shadow: 0rem .3rem .3rem rgba(0,0,0,0.05);}
.shareWrap dl {}
.shareWrap dl dt{display:none;}
.shareWrap dl.shareSns{margin-bottom:20px;}
.shareWrap dl dd.sns-list {display: flex; gap:0 .8rem; margin-bottom: 1.6rem;}

.shareWrap dl dd a{position: relative; display:inline-block; width: 31px; height: 31px; text-indent: -9999px;}
.shareWrap dl dd a.fb {background: url('../images/ic-fb.png') no-repeat center center;}
/* .shareWrap dl.shareSns dd a.insta {background: url('./../images/ic-insta.png') no-repeat center center;} */
.shareWrap dl dd a.na {background: url('../images/ic-blog.png') no-repeat center center;}
.shareWrap dl dd a.tw {background: url('../images/ic-x.png') no-repeat center center;}
.shareWrap dl dd a.pin {background: url('../images/ic-p.png') no-repeat center center;}
.shareWrap dl dd a.kakao {background: url('../images/ico_sns_insta.png') no-repeat center center;}
.shareWrap dl dd.copy-box {display: flex; gap:0 .8rem;}
.shareWrap dl dd #nowUrl{display: inline-block; background: #EBEEF3; border: none; width: 100%; height:4.5rem; padding-left: 1.2rem; border-radius:.5rem; float: left; font-size: 1.5rem; font-family: plGOV; color:#333;}
.shareWrap dl dd #linkShareBtn{display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 6rem; height:4.5rem; background:#003675; border-radius:.5rem; font-family: psbGOV; font-size: 1.7rem; color:#fff;}

.shareWrap .shareClose{ text-indent:-9999px; z-index:10; position:absolute; right:0px; top:0px; width:6rem; height:60px; background:url('../images/btn-favo-close.png') no-repeat center center; transform: rotate(0deg);will-change: transform;backface-visibility: hidden;}
.shareWrap .shareClose:hover { transform: rotate( 180deg ); transition: all 0.75s; }

.favoriteWrap{overflow: hidden;position: absolute;border: 1px solid #DFE5EB;right: 0;top: calc(100% + 2.4rem);width: 260px;background: #fff; border-radius:.5rem; z-index:1;box-shadow: 0rem .3rem .3rem rgba(0,0,0,0.05);}
.favoriteWrap h4{display: block;font-family: pmGOV;font-weight:500;font-size: 17px;padding: 13px 24px;border-bottom: 1px solid #d6d6d6; color: #000;}
.favoriteWrap .favoriteTitle{padding: 15px 0 20px 0; background: #f0f0f0; text-align: center; font-size:14px; line-height:1.4;}
.favoriteWrap .favo-btn {display: flex;}
.favoriteWrap .favo-btn > * {flex: 1;}
.favoriteWrap .favo-btn a {display: flex; align-items: center; justify-content: center; width:100%; height:5.2rem; font-family:prGOV; font-size: 1.5rem; color:#fff;}
.favoriteWrap .addF{text-align:center;}
.favoriteWrap .addF a {background: #063A74;}
.favoriteWrap .favoriteClose { text-indent:-9999px; z-index:10; position:absolute; right:0px; top:0px; width:6rem; height:60px; background:url('../images/btn-favo-close.png') no-repeat center center; transform: rotate(0deg);will-change: transform;backface-visibility: hidden;}
.favoriteWrap .favoriteClose:hover { transform: rotate( 180deg ); transition: all 0.75s; }
.favoriteWrap .resetF{text-align:center;}
.favoriteWrap .resetF a {background: #246BEB;}
.favoriteWrap #favoriteList{padding:1.8rem 2.4rem;}
.favoriteWrap #favoriteList li{position: relative; padding-left:2rem;}
.favoriteWrap #favoriteList li a:not(.delF) {display: inline-block; font-family: prGOV; font-size: 1.5rem; color:#666;}
.favoriteWrap #favoriteList li a span {background-image: linear-gradient(#246BEB, #246BEB); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 0.1rem; transition: background-size .5s;}
.favoriteWrap #favoriteList li a:hover {color:#246BEB; font-family: pmGOV;}
.favoriteWrap #favoriteList li a:hover span {background-size:100% .1rem;}
.favoriteWrap #favoriteList .delF{position: absolute; left:0; top:1.1rem; display: inline-block; width: 0.9rem; height: 0.9rem; background:url('../images/ic-del.jpg') no-repeat center; text-indent: -9999rem;}