  #theme_popup {
        position:fixed;
        left:0;
        bottom:0;
        z-index:999999;
        width:100%;
        background-color:rgba(0,0,0,0.5);
    }
    #theme_popup.on {
        display:none;
    }
    #theme_popup ul {
        display:flex;
        flex-direction:row;
        justify-content:center;
        align-items:center;
        padding:20px 0;
    }
    #theme_popup ul li {
        width:120px;
        height:20px;
        line-height:20px;
        text-align:center;
        position:relative;
    }
    #theme_popup ul li svg {
        position:relative;
        top:50%;
        transform:translateY(-50%);
    }
    #theme_popup ul li.active {

    }
    #theme_popup ul li i {
        margin-right:4px;
    }
    #theme_popup ul li a {
        font-size:14px;
        color:#fff;
    }
    #theme_popup .pop_close {
        position:absolute;
        top:50%; transform:translateY(-50%);
        left:55px;
    }
    #theme_popup .pop_close i {
        font-size:1.3em;
        color:#fff;
        cursor: pointer;
    }

    #theme_link {
        position:fixed;
        right:15px;
        bottom:210px; /* 전화기아이콘 위로 아이콘간격 55픽셀 시작위치는 100픽셀부터 */
        z-index:9999;
    }
    #theme_link.active {
        bottom:20px;
    }
    #theme_link a {
        display:block;
        width:52px;
        height:52px;
        border-radius:50%;
        background-color:#ff0000;
        text-align:center;
        overflow: hidden;
        position:relative;
		text-decoration:none;
    }
    #theme_link a:nth-child(2) {
        margin-top:5px;
    }
    #theme_link a.on{
        width:170px;
        height:50px;
        border-radius:50px;
        background-color:#ff0000;
        transition:all 0.3s;
    }
    #theme_link a.on span {
        opacity:1;
        transition-delay:0.3s;
    }
    #theme_link a span {
        opacity:0;
        line-height:50px;
        font-size:16px;
        font-weight:500;
        color:#fff;
    }
    #theme_link a.on img{
        display:none;
    }
    #theme_link a img{
        position:absolute;
        top:50%;left:50%;transform:translate(-50%,-50%);
		width:30px;
		height:22px;
        color:#fff;
    }
    #theme_link i {
        font-size:1em;
        margin-left:5px;
    }
	
	
	
	/* 2*/
	#theme_link2 {
        position:fixed;
        right:15px;
        bottom:155px; /* 위치조절 아이콘간격 55픽셀 */
        z-index:9999;
    }
    #theme_link2.active {
        bottom:20px;
    }
    #theme_link2 a {
        display:block;
        width:52px;
        height:52px;
        border-radius:50%;
        background-color:#474b53;
        text-align:center;
        overflow: hidden;
        position:relative;
		text-decoration:none !important;
    }
    #theme_link2 a:nth-child(2) {
        margin-top:5px;
    }
    #theme_link2 a.on{
        width:170px;
        height:50px;
        border-radius:50px;
        background-color:#474b53;
        transition:all 0.3s;
    }
    #theme_link2 a.on span {
        opacity:1;
        transition-delay:0.3s;
    }
    #theme_link2 a span {
        opacity:0;
        line-height:50px;
        font-size:16px;
        font-weight:500;
        color:#fff;
		text-decoration:none;
    }
    #theme_link2 a.on img{
        display:none;
    }
    #theme_link2 a img{
        position:absolute;
        top:50%;left:50%;transform:translate(-50%,-50%);
		width:30px;
		height:22px;
        color:#fff;
    }
    #theme_link2 i {
        font-size:1em;
        margin-left:5px;
    }
	
	
	/* 2*/
	
	/* 3 오시는길을 네이버블로그로 교체 가능 */
	#theme_link3 {
        position:fixed;
        right:15px;
        bottom:100px; /* 위치조절 아이콘간격 55픽셀 */
        z-index:9999;
    }
    #theme_link2.active {
        bottom:20px;
    }
    #theme_link3 a {
        display:block;
        width:52px;
        height:52px;
        border-radius:50%;
        background-color:#474b53;
		/* 네이버 블로그 background-color:#61bc48; */
        text-align:center;
        overflow: hidden;
        position:relative;
		text-decoration:none !important;
    }
    #theme_link3 a:nth-child(2) {
        margin-top:5px;
    }
    #theme_link3 a.on{
        width:170px;
        height:50px;
        border-radius:50px;
        background-color:#474b53;
		/* 네이버 블로그 background-color:#61bc48; */
        transition:all 0.3s;
    }
    #theme_link3 a.on span {
        opacity:1;
        transition-delay:0.3s;
    }
    #theme_link3 a span {
        opacity:0;
        line-height:50px;
        font-size:16px;
        font-weight:500;
        color:#fff;
		/* 네이버 블로그 color:#fff; */
		text-decoration:none;
    }
    #theme_link3 a.on img{
        display:none;
    }
    #theme_link3 a img{
        position:absolute;
        top:50%;left:50%;transform:translate(-50%,-50%);
		width:30px;
		height:22px;
        color:#fff;
    }
    #theme_link3 i {
        font-size:1em;
        margin-left:5px;
    }
	
	
	/* 3*/
	
	
	
	
    .popup_open {
        display:none !important;
    }
    .popup_open.active {
        display:block !important;
    }
    @media screen and (max-width:1200px) {
        #theme_link {
            opacity:100;
        }
        #theme_popup {
            opacity:100;
        }
    }