@charset "UTF-8";
/* COMMON */
.skipnav a {display: block;position: absolute;left: 0;top: -9999px;z-index: 9999;width: 100%;padding: 3px 0;font-size: 13px;background-color: var(--color-main);color: var(--color-white);text-align: center;} 
.skipnav a:focus {top: 0;outline: 0;}
.screenout {position: absolute;left: 0;top: -9999px;width: 0;height: 0;font-size: 0;line-height: 0;}
.thumb_img {overflow: hidden;position: relative;padding-top: 30%;}
.thumb_img img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) scale(1);-webkit-user-drag: none;user-select: none;pointer-events: none;}
.bgtext {display: block;background-position: center;background-repeat: no-repeat;background-size: contain;text-indent: -9999px;}
.m_show {display: none;}

/* Header */
#header h1 {display: flex;justify-content: center;padding: 10px 0;}
#header h1 img {width: 200px;}
/* Header / gnb / depth1 */
#header .gnb .depth1 {width: 935px;height: 60px;margin: 0 auto;display: flex;justify-content: center;align-items: center;}
#header .gnb .depth1 li {width: 20%;}
#header .gnb .depth1 a {display: block;text-align: center;font-family: "Royalty Free", serif;font-size: 29px;color: var(--color-font);transition: 0.1s;}
#header .depth1 a:hover {color: var(--color-main);cursor: pointer;}
/* Header / gnb / mobile bg */
#header .gnb .depth-wrap {display: none;position: fixed;left: 0;top: 0;z-index: 10;width: 100%;height: 100vh;background-color: rgba(0, 0, 0, 0.5);}
#header .gnb .btn-gnb {display: none;position: absolute;right: 25px;top: 34px;z-index: 11;width: 24px;height: 24px;background-color: transparent;}
#header .gnb .btn-gnb::before,
#header .gnb .btn-gnb::after {position: absolute;left: 0; top: 16px;content: '';width: 24px;height: 2px;background-color: var(--color-font);transition: 0.4s;}
#header .gnb .btn-gnb::before {top: 9px;}
/* Header / gnb / mobile active */
#header .gnb.active .depth-wrap,
#header .gnb.active .depth1 {display: block;}
#header .gnb.active .btn-gnb {right: 30px;}
#header .gnb.active .btn-gnb::before {transform: translate(0, 3.6px) rotate(45deg);}
#header .gnb.active .btn-gnb::after {transform: translate(0, -3.6px) rotate(-45deg);}

/* main */
#main .visual img {display: block;width: 100%;height: auto;max-width: 2225px;margin: 0 auto;object-position:center top;}
#main .visual img.m_show {display: none;}

/* footer */
#footer {padding: 40px 0 50px;background-color: var(--color-main);}
#footer .f-wrap {max-width: 1200px;margin: 0 auto;}
#footer .f-wrap .f-top {position: relative;}
#footer .f-wrap .f-top .footer-logo {display:block;width: 120px;height: 45px;margin-bottom: 20px;}
#footer .f-wrap .f-top .f-info {display: flex;font-size: 15px;color: var(--color-white);margin-bottom: 20px;}
#footer .f-wrap .f-top .f-info span {position: relative;display: block;padding-right: 10px;margin-right: 10px;}
#footer .f-wrap .f-top .f-info span::after {position: absolute;right: 0;top: 5px;content: " ";width: 1px;height: 60%;background-color: var(--color-white);}
#footer .f-wrap .f-top .f-info span:last-child::after {display: none;}
#footer .f-wrap .f-top .f-sns {position: absolute;top: 30px;right: 0;display: flex;}
#footer .f-wrap .f-top .f-sns li a {display: block;height: 28px;padding: 0 12px;}
#footer .f-wrap .f-top .f-sns li a img {height: 28px;}
#footer .copyright {padding-top: 20px;font-size: 15px;color: var(--color-white);border-top: 1px solid var(--color-white);}
#footer .quick-menu {position: fixed;right: 20px;bottom: 10vh;width: 60px;height: 60px;}