/* BASIC css start */
/*221205 이정호 햄버거메뉴 수정*/
/*221205 이정호 사이드 메뉴 상단 로그인탑*/
.side_menu {width: 100%; height: 100%; background-color: #fff; position: fixed;z-index: 9999999;top: 0;left: -100%; }
.side_menu_wrap { width: 100%; height: 100%; overflow: auto; }
.side_menu_box { width:100%; background-color: #fff; position: relative; }
.aside_top { position:relative; }
.aside_top .login_topbox .log_box { width:100%; display:flex; justify-content:flex-start; align-items:center; }
.aside_top .login_topbox .log_box a { display:inline-block; width:50%; font-size:1.1rem; font-weight:600; }
.aside_top .login_topbox .log_box a:last-child { margin-right:0; }
.aside_top .login_topbox .log_box a.name { display: inline-flex; align-items:center; }
.aside_top .login_topbox .log_box a.name .reserve { font-size: 0.85rem; font-weight:500; opacity: 0.65; }
.aside_top .login_topbox .log_box a.name .reserve .icon { width:1em; vertical-align: -0.15em; }
/* //221205 이정호 사이드 메뉴 상단 로그인탑*/

/*221205 이정호 사이드 메뉴 상단 로그인 버튼*/
.close_bt img { display: inline-block; width: 18px;height: 18px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin:auto; }
/* //221205 이정호 사이드 메뉴 상단 로그인 버튼*/

/*사이드 탭 버튼*/
.side_tab_btn_wrap { width:100%; }
.side_tab_btn_wrap .tab_btn_box li { width:50%; text-align:left; }
.side_tab_btn_wrap .tab_btn_box li span { display:inline-block; font-size:0.7rem; padding: 0.5em 1em; border-radius: 8px; font-family: 'prata',serif; color:#bfbfbf; border:1px solid #bfbfbf; box-shadow: 2px 2px 5px rgba(0,0,0,0.05); }
.side_tab_btn_wrap .tab_btn_box li span.select_btn { background-color: #212121; border-color: #212121; color:#fff; }
.side_tab_btn_wrap .tab_cate_listbox { width:100%; }
.side_tab_btn_wrap .tab_cate_listbox .tab_cate_list { width:100%; padding:20px 0 0; display:none; }
.side_tab_btn_wrap .tab_cate_listbox .tab_cate_list:first-child { display:block; }
.side_tab_btn_wrap .tab_cate_listbox .tab_cate_list .tab_cate_linkbox .tab_cate_link_list { width:50%; text-align:left; }
.side_tab_btn_wrap .tab_cate_listbox .tab_cate_list .tab_cate_linkbox .tab_cate_link_list a { display:block; width:100%; height:30px; line-height:30px; font-size: 13px; font-weight:300; margin-bottom:5px; }
.side_tab_btn_wrap .tab_cate_listbox .tab_cate_list .tab_cate_linkbox .tab_cate_link_list a:last-child { margin-bottom:0; }
/*사이드 탭 버튼*/

/*사이드 sns*/
.sns_list { display:flex; align-items:center; }
.sns_list a { display:inline-block; width:25px; margin-right:25px; }
.sns_list a:last-child { margin-right:0; }
.sns_list a img { width:100%; }
.logout_btn { font-size:0.65rem; padding: 0.3em 0.6em; background-color: #212121; color:#fff; border-radius: 8px; }
/*사이드 sns*/

/*사이드 이벤트*/
.side_event_wrap { width:100%; margin-top:20px; padding:20px 0; background-color:#f5f5f5; }
.side_event_wrap .side_event_box .side_event_list { width:50%; text-align:left; }
.side_event_wrap .side_event_box .side_event_list a { display:block; width:100%; height:30px; line-height:30px; font-size: 13px; font-weight:300; margin-bottom:5px; }
.side_event_wrap .side_event_box .side_event_list a:last-child { margin-bottom:0; }
/*사이드 이벤트*/

/*221208 이정호 방문예약*/
.visit_wrap {
    display: flex;
    gap: 5px;
}
.visit_wrap .side_bottom_banner {
    width: 100%;
}
.visit_wrap .side_bottom_banner img { 
    width: 100%; 
}
/* //221208 이정호 방문예약*/
/* //221205 이정호 햄버거메뉴 수정*/

/*221114 이정호 해더 레이아웃 수정*/
.m_navbar { overflow:hidden; width:100%; height:0; position:fixed; top: 0; z-index: 999; }
.m_navbar_wrap .navbar_box { display:flex; }
.m_navbar_wrap .navbar_box li { padding-right:1rem; }
.m_navbar_wrap .navbar_box li:last-child { padding-right:0; }
.m_navbar_wrap .navbar_box li a { display: inline-block; width: max-content; font-size:0.85rem; line-height: 45px; font-weight:500; color:#000; }
/* //221114 이정호 해더 레이아웃 수정*/

header { background-color: #fff; width: 100%; position:relative; z-index: 15; }
.logo-bg {width:100%;position: relative;}
.m_logo .logo { display:inline-block; width:110px; height:25px; background:url(/design/twinkring/pc/pc_img/logo/logo2.png) center no-repeat; background-size:cover; text-indent:-99999px; position:relative; }
.m_logo .logo .logo_link { display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.m_logo a img {width:100%;}
.topmenu { width:100%; }
.header_rightbox { display:flex; justify-content:flex-end; align-items:center; }
.header_rightbox .header_menu_icons { margin-right: 15px; width:25px; }
.header_rightbox .header_menu_icons:last-child { margin-right: 0; }
.header_rightbox .header_menu_icons a { display:block; width:100%; }
.header_rightbox .header_menu_icons a img { width:100%; }

.searchBox {display: none;}
.dimmed { display:none; position:fixed; left:0px; top:0; right:0px; bottom:0px; z-index:998; background:rgba(0,0,0,0.5); }
.dimmed .close { width:30px; height:30px; background: url('http://www.twinkring.com/design/twinkring/pc/pc_img/icons/w_close.png') center no-repeat; background-size: 20px; border-radius: 50%; border:1px solid #fff; position:absolute; top:15%; left:50%; transform:translateX(-50%); }
.xans-layout-searchheader{display: none;position:fixed;top:0;left:0;right:0;z-index:999;background-color:#fff;}
.xans-layout-searchheader .searchForm{ width:100%; height:60px; padding:0 20px; border:none; display:flex; align-items:center; justify-content:center; }
.xans-layout-searchheader .btnDelete{position:absolute;right:7px;top:5px;width:20px;height:20px;border:0;cursor:pointer;overflow:hidden;text-indent:100%;font-size:0;white-space:nowrap;background:url("//design/twinkring/m/img/btn_delete.png") no-repeat 0 0;background-size:20px 20px;}
.xans-layout-searchheader #keyword{width:85%; max-width: 250px;height:29px;padding:0; border:none; border-radius: 0; border-bottom: 1px solid #000; outline:none;}
.xans-layout-searchheader .btnClose{position:absolute;right:14px;top:0;bottom:0;width:40px;height:31px;margin:0;margin:auto;padding:0;border:1px solid #d5d5d5;border-radius:4px;outline-style:none;cursor:pointer;font-size:13px;text-align:center;}
.xans-layout-searchheader .btnsearch { width:25px; }
.xans-layout-searchheader .btnsearch img { width:100%; }
.xans-layout-searchheader .xans-search-hotkeyword{background:#f8f8f8;}
.xans-layout-searchheader .xans-search-hotkeyword ul{overflow-y:auto;max-height:278px;padding:7px 14px 7px 0;border-bottom:1px solid #d5d5d5;text-align:left;font-size:0;}
.xans-layout-searchheader .xans-search-hotkeyword li{position:relative;display:inline-block;vertical-align:top;}
.xans-layout-searchheader .xans-search-hotkeyword li a{display:inline-block;padding:7px 15px 7px 14px;color:#1b1b1b;font-size:13px;}
.xans-layout-searchheader .xans-search-hotkeyword li a:before{display:block;content:"";position:absolute;top:7px;right:0;width:1px;height:13px;background:#757575;}
.xans-layout-searchheader .xans-search-hotkeyword li:last-child a:before{display:none;}
.xans-layout-searchheader .xans-search-recentkeyword{background:#f8f8f8;}
.xans-layout-searchheader .xans-search-recentkeyword p{padding:12px 14px 11px;border-bottom:1px solid #d5d5d5;color:#787878;font-size:13px;text-align:left;}
.xans-layout-searchheader .xans-search-recentkeyword ul{overflow-y:auto;max-height:252px;text-align:left;}
.xans-layout-searchheader .xans-search-recentkeyword li{position:relative;padding:0 39px 0 0;border-bottom:1px solid #d5d5d5;}
.xans-layout-searchheader .xans-search-recentkeyword li a{display:block;padding:12px 0 11px 14px;color:#1b1b1b;font-size:13px;min-height:13px;}
.xans-layout-searchheader .xans-search-recentkeyword li .btnDelete{position:absolute;right:14px;top:10px;overflow:hidden;width:20px;height:20px;padding:0;border:0;text-indent:100%;white-space:nowrap;background:url("/design/twinkring/m/img/btn_delete.png") no-repeat 0 0;background-size:20px 20px;}
.xans-layout-searchheader .xans-search-recentkeyword .button{padding:8px 0;text-align:center;border-bottom:1px solid #d5d5d5;background:#f1f1f1;}
.xans-layout-searchheader .xans-search-recentkeyword .button .btnDeleteAll{display:inline-block;height:29px;line-height:29px;margin:0;padding:0 18px;border:1px solid #d5d5d5;font-size:13px;cursor:pointer;vertical-align:middle;color:#000;background-color:#fff;border-radius:3px;-moz-box-sizing:border-box;box-sizing:border-box;}

/*dock bar*/
.dock_bar_wrap a { display:block; width:15%; max-width:55px; text-align:center; }
.dock_bar_wrap a img { width:45%; opacity:0.75; }
.dock_bar_wrap a span { display:block; font-size: 11px; color:#767676; letter-spacing:-0.02em; }

/*top banner*/
.top_banner_wrap {
    width: 100%;
    background-color: #000;
    overflow: hidden;
    position: relative;
}

.top_banner_list_wrap {
    display: flex;
    width: 200%;
    min-width: max-content;
    animation: slide 20s linear infinite;
}

.top_banner_list {
    width: 50%;
    min-width: max-content;
    padding: 0 40px;
    text-align: center;
    font-size: 13px;
    line-height: 30px;
    color: #fff;
}

@keyframes slide {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* BASIC css end */