.fixed_btns_wrap{position: fixed; right:23px; bottom:30px;width:75px;height:68px; z-index:8000; background:none}
.fixed_btns_wrap.on {background:none}
.fixed_btns_toggle{border:none; width:64px; height:64px; background:#273968; border-radius:50%; position:absolute; cursor: pointer; display: block; bottom:0px; right:50%; margin-right:-32px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);;}
.fixed_btns_toggle:focus{outline: none;}
.fixed_btns_toggle span{display:block; font-size:0; text-indent: -99999px; position:absolute; width:24px; height:24px; top:50%; left:50%; margin-left:-12px; margin-top: -12px; transition: all 0.35s; background: url('../img/layout/icon_view_quick.svg') no-repeat center center;}
.fixed_btns_wrap .btn_wrap{position:absolute; bottom:0; opacity:0; right:0; transition: all 0.24s; color:#333}
.fixed_btns_wrap .btn_wrap a{cursor: pointer; color:inherit; }
.fixed_btns_wrap .btn_wrap a .inner{position:relative; transition: width 0.2s; box-sizing: border-box; width:75px; z-index:3}
.fixed_btns_wrap .btn_wrap a:link, .fixed_btns_wrap .btn_wrap a:hover{text-decoration: none;}
.fixed_btns_wrap .btn_wrap a:visited{color:inherit}
.fixed_btns_wrap .btn_wrap a .inner p{margin:0; max-height: 100%; overflow: hidden; font-size:12px; text-align: center; margin-top:3px; line-height:18px;}
.fixed_btns_wrap .btn_wrap a .icon{width:64px; height:64px; border-radius:50%; background: #3675C7 no-repeat center center; margin:0 auto; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); transition: background 0.3s; position: relative;} 
.fixed_btns_wrap .btn_wrap a .inner  img {display:block; margin:-8px auto 0; position:relative; height:19px} /*고정 높이를 넣은건 이미지가 다 로딩되기전에도 아이콘 위치가 제 위치게 있게 하기 위해*/
.fixed_btns_wrap #gotoCashGuide .icon{background-image: url('../img/layout/icon_play.png');background-size:24px}
.fixed_btns_wrap #gotoReport .icon{background-image: url('../img/layout/icon_play.png'); background-size:24px}
.fixed_btns_wrap #gotoQna .icon {background-image: url('../img/layout/icon_inquery.png'); background-size:24px}
.fixed_btns_wrap #gotoManual .icon {background-image: url('../img/layout/icon_play.png'); background-size:24px}
.fixed_btns_wrap #gotoNotice .icon {background-image: url('../img/layout/icon_notice.png'); background-size:24px}
.fixed_btns_wrap .have_submenu ul.menu{padding: 0; margin: 0;}
.fixed_btns_wrap .have_submenu ul.menu li{position: absolute; left:0; top:25px; list-style: none; margin-top:-10px; opacity: 0; transform: scale(0); transition: all 0.3s;     white-space: nowrap; background: #fff;
    box-shadow: 0 0 10px 10px #fff;   border-radius: 5px;}	
.fixed_btns_wrap .have_submenu ul.menu li.submenu02{  transition-delay: 0s;}	
.fixed_btns_wrap .have_submenu ul.menu li.submenu03 {  transition-delay: 0s;}
.fixed_btns_wrap .have_submenu ul.menu li a{padding-left:24px; position: relative; line-height: 20px; font-size:13px; }
.fixed_btns_wrap .have_submenu ul.menu li a:before{content:""; width:16px; height:16px; background:#85B1EE no-repeat center center; position:absolute; left:0; top:50%; margin-top:-8px; border-radius:50%; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);}


/*드래그중일때*/
.fixed_btns_wrap.dragging, .fixed_btns_wrap.dragging *{cursor: move;}

/*  + 버튼 눌렀을때    */
.fixed_btns_wrap.on{height:337px;}
.fixed_btns_wrap.btn_ea4.on {height:424px}
.fixed_btns_wrap.on .fixed_btns_toggle span{transform: rotate(225deg);}
.fixed_btns_wrap.on .btn_wrap{opacity:1; animation:bounce1 0.75s; animation-delay:0.24s;}
.fixed_btns_wrap.on .btn_wrap04{bottom:349px}
.fixed_btns_wrap.on .btn_wrap03{bottom:259px}
.fixed_btns_wrap.on .btn_wrap02{bottom:169px}
.fixed_btns_wrap.on .btn_wrap01{bottom:79px}
/*
.fixed_btns_wrap.on #goto_cs{bottom:262px}
.fixed_btns_wrap.on #goto_posting{bottom:171px}
.fixed_btns_wrap.on .have_submenu{bottom:80px}	
*/


/* btn_open 버튼 눌렀을때  */
.fixed_btns_wrap.on .have_submenu.on a .icon{background-color: #85b2ef;} 	
.fixed_btns_wrap.on .have_submenu.on ul.menu li{left:-160px; opacity: 1;  transform: scale(1) }
.fixed_btns_wrap.on .have_submenu.on ul.menu li.submenu01{top:-48px; }	
.fixed_btns_wrap.on .have_submenu.on ul.menu li.submenu02{top:-8px;  transition-delay: 0.15s;}
.fixed_btns_wrap.on .have_submenu.on  ul.menu li.submenu03{top:32px; transition-delay: 0.3s;}
.fixed_btns_wrap.on .have_submenu.on  ul.menu li.submenu04{top:72px; transition-delay: 0.45s;}

.fixed_btns_wrap.on .have_submenu.on ul.menu.typeB li {left:-320px}
.fixed_btns_wrap.on .have_submenu.on ul.menu.typeB li.submenu01{top:-65px; }	
.fixed_btns_wrap.on .have_submenu.on ul.menu.typeB li.submenu02{top:-25px;  transition-delay: 0.1s;}
.fixed_btns_wrap.on .have_submenu.on  ul.menu.typeB li.submenu03{top:15px; transition-delay: 0.2s;}
.fixed_btns_wrap.on .have_submenu.on  ul.menu.typeB li.submenu04{top:55px; transition-delay: 0.3s;}
.fixed_btns_wrap.on .have_submenu.on  ul.menu.typeB li.submenu05{top:95px; transition-delay: 0.4s;}
.fixed_btns_wrap.on .have_submenu.on  ul.menu.typeB li.submenu06{top:135px; transition-delay: 0.5s;}

/* 이동시켜서 위쪽편에 있을때 */
.fixed_btns_wrap.top_pos .btn_wrap{bottom:auto; top:0;}
.fixed_btns_wrap.on.top_pos .fixed_btns_toggle{top:0px}
.fixed_btns_wrap.on.top_pos .btn_wrap04{bottom:auto; top:349px}
.fixed_btns_wrap.on.top_pos .btn_wrap03{bottom:auto; top:259px}
.fixed_btns_wrap.on.top_pos .btn_wrap02{bottom:auto; top:169px}
.fixed_btns_wrap.on.top_pos .btn_wrap01{bottom:auto; top:79px}

/* 이동시켜서 왼쪽편에 있을때 */
.fixed_btns_wrap.left_pos .have_submenu ul.menu li{}	
.fixed_btns_wrap.on.left_pos .have_submenu.on ul.menu li{left:116px; opacity: 1;  transform: scale(1) }
.fixed_btns_wrap.on.left_pos .have_submenu.on ul.menu li.submenu01{ }	
.fixed_btns_wrap.on.left_pos .have_submenu.on ul.menu li.submenu02{  transition-delay: 0.15s;}
.fixed_btns_wrap.on.left_pos .have_submenu.on ul.menu li.submenu03{ transition-delay: 0.3s;}	




/*벗어나지 않게 하는 div*/
.overlay_wrap{width:100%; height:100%; z-index: -100000; position: fixed; top:0; left:0; }

@keyframes bounce1{
	0%{margin-bottom:0}
	12.5%{margin-bottom:24px}
	25%{margin-bottom:0px}
	37.5%{margin-bottom:12px}
	50%{margin-bottom:0px}
	62.5%{margin-bottom:6px}
	75%{margin-bottom:0px}
	87.5%{margin-bottom:3px}
	100%{margin-bottom:0px}
}

/* 문서 맨위로 이동 하는 버튼*/
.btn_gotop{position:fixed; right:20px; bottom:20px; background:rgba(0, 0, 0, 0.25); width:60px; height:30px; border:none; border-radius: 5px; cursor: pointer; font-size:0; text-indent: -99999px; opacity: 0; transition: opacity 0.3s;}
.btn_gotop:focus{outline: none;}
.btn_gotop.visible{opacity: 1;}


.tst-coupon{
	z-index: 99;
    position: fixed;
    right: calc(50% - 858px);
    top: 197px;
}
.tst-coupon ._btn{
	overflow: hidden;
    height: 64px;
    width: 64px;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    background: #784CF3;;
    padding: 0;
    border-radius: 5px;
    position: relative;

    transform: scale(0) rotate(-180deg);
    transition: all 300ms ease-in-out;
	border-radius: 60px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
    cursor: pointer;
}
.tst-coupon ._btn ._btn_icon{
    display: block;
    width: 48px;
    height: 48px;

    position: absolute;
    top: 8px;
    left: 8px;

    background-image: url("/img/newsno/icon_share.png");
    background-size: 48px auto;
    background-repeat: no-repeat;
    background-position: center;

    transition: all 500ms ease-out;
    transition-delay: 0ms;
}

.tst-coupon ._btn ._btn_text{
	letter-spacing: -0.03em;
	font-family: 'Noto Sans KR';
    font-size: 17px;
    color: transparent;
    align-items: center;
    position: absolute;
    left: 64px;
    top: 0;
    transition: all 500ms ease-out;
    transition-delay: 100ms;
    height: 100%;
    width: 210px;
    display: none;
}
.tst-coupon ._btn ._btn_text span { font-weight: 700; font-size:16px;}
.tst-coupon ._btn.status_1{
    transform: scale(1) rotate(0deg);
}
.tst-coupon ._btn.status_1 ._btn_icon{
    transform: scale(1) rotate(0deg);
}
.tst-coupon ._btn.status_2{
    width: 210px;
	border-radius: 60px;
}
.tst-coupon .status_2._btn ._btn_text { left: 62px; color: #fff; }

.share_msg {
	position: absolute;
	top: -36px;
	right: 0;
	width: 83px;
	height: 28px;
	line-height: 28px;
	border-radius: 30px;
	background: #000;
	color: #fff;
	text-align: center;
	font-size: 11px;
	font-family: 'Noto Sans KR';
    transition: all 200ms ease-out;
}
.share_msg.share_msg2 { padding:0 15px;}
.share_msg:after {
	content: '';
	width: 8px;
	height: 4px;
	background: url(/img/newsno/icon_share_arrow.png) no-repeat;
	background-size: 8px 4px;
	position: absolute;
	bottom: -4px;
	right: 14px;
}
/* .tst-coupon .status_2._btn .share_msg { opacity: 1; }
.tst-coupon ._btn:hover .share_msg { opacity: 1; } */
.tst-coupon ._btn:hover{
	width: 210px;
	border-radius: 60px;
}
.tst-coupon ._btn:hover ._btn_text { color: #fff; }

/*파트너스 링크 생성*/
.fixed_btns_wrap.v2 { top: 277px; right: calc(50% - 863px); bottom: auto; }
.fixed_btns_wrap.v2.on { top: 281px; height: 68px; }
.fixed_btns_wrap.v2.on.top_pos .btn_wrap01 { top: 0; right: 79px; }
.fixed_btns_wrap.v2.on.top_pos .btn_wrap02 { top: 0; right: 159px; }
.fixed_btns_wrap.v2.on.top_pos .btn_wrap03 { top: 0; right: 239px; }
.partners_link_pop_outer { 
	z-index: 9999; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; 
	background: rgba(0, 0, 0, 0.4); font-family: 'Noto Sans Kr';
}
.partners_link_pop_outer button { font-family: 'Noto Sans Kr'; font-weight: 500; cursor: pointer }
.partners_link_pop_inner { 
	position: absolute; top: 50%; left: 50%; margin-top: -297px; margin-left: -225px;
	width: 450px; border-radius: 20px; background: #fff !important;
}
.partners_link_tit { padding: 22px 20px; border-bottom: 1px solid #e7e7e7; }
.partners_link_tit p { line-height: 25px; font-size: 17px; font-weight: 500; }
.icon_link_notice {
	position: relative; top: 2px; display: inline-block; width: 14px; height: 14px; 
	background: url(/img/newsno/icon_link_notice.png) no-repeat; background-size: 14px 14px;
	cursor: pointer;
}
.icon_link_hide { position: absolute; top: 0; right: 0; padding: 25px 20px; cursor: pointer; }
.partners_link_cont { position: relative; padding: 25px 20px 30px; border-bottom: 1px solid #ddd; }
.partners_link_cont .link_wrap:last-child { margin-bottom: 0; }
.link_wrap { position: relative; margin-bottom: 20px; letter-spacing: -0.03em; }
.link_wrap > .tit { padding-bottom: 6px; line-height: 19px; font-size: 13px; font-weight: 700; color: #666; }
.copy_msg {
	display: none; position: absolute; top: -25px; right: 0; width: 281px;
	padding: 10px 0; box-sizing: border-box; border-radius: 8px; background: #E8EEFD; color: #4372ED; 
	text-align: center; font-size: 13px;
}
.copy_msg:after {
	content: ''; width: 14px; height: 11px; background: url(/img/newsno/msg_triangle.png) no-repeat;
	background-size: 14px 11px; position: absolute; right: 22px; bottom: -10px;
}
.copy_msg > span { font-weight: 700; }
.link_box {
	position: relative; width: 300px; height: 44px; padding: 0 30px 0 15px; box-sizing: border-box;
	border: 1px solid #ddd; border-radius: 5px; line-height: 44px; font-size: 13px;
}
.link_box.link_box2 { width:270px;  margin-top:12px; background:#fff;}
.link_box p, .link_box xmp, #headerPtnHtml { 
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0; 
	letter-spacing: normal; font-family: 'Noto Sans KR';
}
.btn_share {
	position: absolute; right: 0; bottom: 0; width: 100px; height: 44px; box-sizing: border-box;
	border: 1px solid #4372ED; border-radius: 3px; background: #4372ED; font-size: 13px; color: #fff;
}
.btn_share2 {
	position: absolute; right: 0; top: 0; width: 100px; height: 44px; box-sizing: border-box;
	border: 1px solid #4372ED; border-radius: 3px; background: #4372ED; font-size: 13px; color: #fff;
}
.banner_box { padding: 15px; border-radius: 5px; background: #F2F2F2; }
.banner_box .box-inner-tit { font-size:14px; color:#999; display: inline-block; margin-bottom: 10px;}
.point_none { z-index: 99; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.banner_cont { 
	overflow: hidden; border: 1px solid #ddd; border-radius: 5px; background: #fff; pointer-events: none; 
}
.banner_cont ul:after { content: ''; display: block; clear: both; }
.banner_cont ul li { float: left; }
.banner_cont ul li:last-child { width: calc(100% - 148px); padding: 26px 16px 19px; box-sizing: border-box; }
.banner_cont ul li img { display: block; }
.banner_cont ul li > .tit { 
	overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;
	-webkit-box-orient: vertical; margin-top: 3px; margin-bottom: 12px; line-height: 19px; 
	letter-spacing: normal; font-size: 13px; 
}
.btn_shopping { 
	width: 92px; height: 31px; border: 1px solid #376BE0; border-radius: 5px; line-height: 19px; 
	background: #fff; font-size: 13px; color: #376BE0; 
}
.partners_link_pop_outer .flex_wrap { display: flex; }
.partners_link_pop_outer .flex_wrap button { flex: 1; padding: 17px 0; border: none; background: #fff; font-size: 14px; font-weight: 500; }
.partners_link_pop_outer .flex_wrap button.btn_pguide { border-bottom-left-radius: 20px; border-right: 1px solid #ddd; color: #333; }
.partners_link_pop_outer .flex_wrap button.btn_plist { border-bottom-right-radius: 20px; color: #784CF3; }
#plink_guide { display: none; }
.pguide_msg { line-height: 18px; font-size: 12px; color: #666; }
.pguide_msg li:before {
	content: ''; position: absolute; top: 8px; left: 0; width: 3px; height: 3px; background: #999;
}
.pguide_msg li { position: relative; padding-left: 8px; margin-bottom: 3px; }
.pguide_msg li:last-child { margin-bottom: 0; }
.purple { color: #784CF3; font-weight: 700; }
#url_toast_pop, #html_toast_pop { 
	visibility: hidden; position: absolute; bottom: 10px; left: 100px; width: 250px; height: 40px; line-height: 40px; 
	border-radius: 8px; background: rgba(0, 0, 0, 0.7); text-align: center; font-size: 13px; color: #fff;
	transition: opacity 0.8s;
}
#url_toast_pop.show, #html_toast_pop.show { visibility: visible; animation: fade-in 700ms, fade-out 700ms 2000ms; }
@keyframes fade-in {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fade-out {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}