/* BASIC css start */
@charset "euc-kr";
#blk_scroll_wings, #cherrypicker_scroll { z-index: 2 !important; }
.right-scroll { display: none; position: fixed; top: 50%; left: 50%; margin-top: -100px; margin-left: 700px; }
#kakao-talk-channel-chat-button { position: fixed; top: 90%; left: 50%; margin-top: -100px; margin-left: 700px; }

/*ÃÖ±Ùº»»óÇ°*/
.item-latest-view { margin-bottom: 10px; box-shadow: 1px 1px 5px rgba(0,0,0,0.2); background-color: #fff; }
.item-latest-view ul { border-bottom: 1px solid #ddd; }
.item-latest-view li { position: relative; width: 50px; margin-bottom: 5px; }
.item-latest-view li:last-child { margin-bottom: 0; }
.item-latest-view li a { display: block; position: relative; background-color: #fff; }
.item-latest-view li a img { width: 100%; box-sizing: border-box; position: relative; background-color: #fff; z-index: 1; opacity: 0.4; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; }
.item-latest-view li:hover a img { opacity: 1; }
.item-latest-view li:first-child a img { border-top-left-radius: 3px; border-top-right-radius: 3px; }
.item-latest-view li:hover:first-child a img { border-top-left-radius: 0; }
.item-latest-view li:last-child a img { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
.item-latest-view li:hover:last-child a img { border-bottom-left-radius: 0px; }
.item-latest-view li span { overflow: hidden; display: block; position: absolute; top: 0; width: 100px; height: 50px; right: 0px; background-color: #fff; box-shadow: 1px 1px 5px rgba(0,0,0,0.2); padding: 5px; opacity: 0; font-size: 11px; visibility: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; }
.item-latest-view li:hover a span { right: 50px; opacity: 1; visibility: visible; }
.item-latest-view .latest-view-all { display: block; text-align: center; font-size: 11px; padding: 5px; opacity: 0.65; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; }
.item-latest-view .latest-view-all:hover { opacity: 1; }


/*SNS*/
.sns-btn { overflow: hidden; position: absolute; right: 0; bottom: 71px; background-color: #fff; border-radius: 3px; box-shadow: 1px 1px 5px rgba(0,0,0,0.2); margin-left: 0; width: 50px; transition: width 0.5s; }
.sns-btn:hover { margin-left: -390px; width: 440px; }
.sns-btn:before { content: ''; position: relative; float: right; display: inline-block; width: 50px; height: 50px; background: #fff url(https://image.plthink.com/homepage/Image_2021/footer/sns_ico.png); opacity: 0.4; vertical-align: top; cursor: pointer; z-index: 1; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; margin-top: -6px;}
.sns-btn:hover:before { opacity: 1; }
.sns-btn ul { overflow: hidden; display: flex; position: absolute; top: 0; left: -390px; width: 440px; /* opacity: 0; */ visibility: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; }
.sns-btn:hover ul { opacity: 1; visibility: visible; left: 0px; }
.sns-btn ul li { position:relative; /* opacity: 0.4; */ vertical-align: top; /* transition: opacity 0.5s; -webkit-transition: opacity 0.5s; */ margin-top: -3px; }
.sns-btn ul li.toLink {opacity: 0.4; transition: opacity 0.5s; -webkit-transition: opacity 0.5s;}
.sns-btn ul li.toLink:hover { opacity: 1; }


/*½ºÅ©·Ñ¹öÆ°*/
.scroll-btn { position: relative; overflow: hidden; background-color: #fff; border-radius: 3px; box-shadow: 1px 1px 5px rgba(0,0,0,0.2); margin-top: 70px; }
.scroll-btn a { display: block; width: 50px; height: 30px; background-repeat: no-repeat; background-position: center center; opacity: 0.4; text-indent: -9999px; transition: all 0.5s; -webkit-transition: all 0.5s; }
.scroll-btn a:hover { opacity: 1; }
.scroll-btn a.top-btn { background-image: url(https://image.plthink.com/homepage/Image_2021/footer/top_ico.png); }
.scroll-btn a.bottom-btn { background-image: url(https://image.plthink.com/homepage/Image_2021/footer/bottom_ico.png); margin-top: 1px; }
.scroll-btn:after { content: ''; position: absolute; top: 50%; left: 0; display: block; width: 50px; height: 1px; background-color: #e9e9e9; }
/* BASIC css end */

