@charset "UTF-8";

/* 키보드로 버튼에 포커스 시 */

*:focus-visible {outline:2px dashed #ff0000; box-sizing:border-box;}

#skipBtn a:focus-visible {outline:none; border:2px dashed #ff0000;}
.skipBtn a:focus-visible {outline:none; border:2px dashed #ff0000;}

.slick-slide li a:focus-visible {outline:none; position:relative;}
.slick-slide li a:focus-visible:after {content:''; position:absolute; width:calc(100% - 4px); height:calc(100% - 4px); top:50%; left:50%; border:2px dashed #ff0000; z-index:1; transform:translate(-50%,-50%); border-radius:20rem;}
.swiper-slide a:focus-visible {outline:none; position:relative;}
.swiper-slide a:focus-visible:after {content:''; position:absolute; width:calc(100% - 4px); height:calc(100% - 4px); top:50%; left:50%; border:2px dashed #ff0000; z-index:1; transform:translate(-50%,-50%); border-radius:20rem;}

.pc_nav .depth01 > li > a:focus-visible {outline:none;position: relative;}
.pc_nav .depth01 > li > a:focus-visible:after {content:''; position:absolute; width:calc(100% + 20px); height:calc(100% - 20px); top:50%; left:50%; border:2px dashed #ff0000; z-index:1; transform:translate(-50%,-50%);}

.control a:focus-visible {outline:none;}
.control a:focus-visible:after {content:''; position:absolute; width:calc(100% - 6px); height:calc(100% - 6px); top:50%; left:50%; border:2px dashed #fff; z-index:1; transform:translate(-50%,-50%);}
.control a.prev:focus-visible:after {border-radius:40rem 0 0 40rem;}
.control a.view:focus-visible:after {border-radius:0 40rem 40rem 0;}

.quickmenu li > a:focus-visible {outline:none;position: relative;}
.quickmenu li > a:focus-visible::after {content:''; position:absolute;height: calc(100% + 30rem);width: calc(100% + 10rem);top: 50%;left: 50%;transform:translate(-50%,-50%);border:2px dashed #ff0000; z-index:1;}

#sitemap_content .depth2 > li > a:focus-visible {outline:none;}
#sitemap_content .depth2 > li > a:focus-visible:after {content:''; position:absolute; width:100%; height:calc(100% - 1px); top:50%; left:50%; border:2px dashed #ff0000; z-index:1; transform:translate(-50%,-50%);}

.boardBtn a:focus-visible {outline:none; position:relative; margin-bottom:4px;}
.boardBtn a:focus-visible:after {content:''; position:absolute; width:calc(100% + 4px); height:calc(100% + 4px); top:50%; left:50%; border:2px dashed #ff0000; z-index:1; transform:translate(-50%,-50%);}


.bod_gallery a:focus-visible {outline:none; position:relative;}
.bod_gallery a:focus-visible:after {content:''; position:absolute; width:calc(100% - 4px); height:calc(100% - 4px); top:50%; left:50%; border:2px dashed #ff0000; z-index:1; transform:translate(-50%,-50%);}