@charset "UTF-8";
/*
 *  File Name : /resources/css/responsive/common/layout.css
 *  Description : [공통] 레이아웃 스타일
 *  ====================================
 *  1) 헤더 & 푸터 
 *  2) 콘텐츠 
 *  ====================================
 */

/* header */
.header-wrap {z-index: 100; position: relative; width: 100%; height: var(--header-height); background: #101224;}
.header-wrap .inner {display: flex; justify-content: center; align-items: center; position: relative; height: 100%;}
.header-wrap .logo > a {display: flex; align-items: center; max-width: 219px;}
.header-wrap .logo img {width: 100%;}
.header-wrap .btn-back {display: flex; align-items: center; position: absolute; left: var(--inner-padding);}
.header-wrap .btn-back .icon {display: inline-block; width: 46px; height: 30px;}
.header-wrap .btn-back .txt {margin-left: 15px; color: #fff; font-family: var(--ft-family_Poppins-600); font-size: 20px;}

/* footer */
.footer-wrap {position: relative; padding: 50px 0; background:#101224}
.footer-wrap * {color: #fff; font-family: var(--ft-family_Poppins-400); font-size: 16px;}
.footer-wrap .layout-inner {display: flex; justify-content: space-between;}
.footer-wrap .sns-area .title {font-family: var(--ft-family_Poppins-700); font-size: 20px;}
.footer-wrap .sns-area .sns-btns {display: flex; margin-top: 10px;}
.footer-wrap .sns-area .sns-btns > li[class*=btn] {display: inline-block; width: 40px; height: 40px; margin-right: 10px; background-size: cover; background-repeat: no-repeat;}
.footer-wrap .sns-area .sns-btns > li[class*=btn]:last-child {margin-right: 0 !important;}
.footer-wrap .sns-area .sns-btns > li[class*=btn] > a {display: block; height: 100%;}
.footer-wrap .sns-area .sns-btns .btn-facebook {background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32 2H8C4.68629 2 2 4.68629 2 8V32C2 35.3137 4.68629 38 8 38H32C35.3137 38 38 35.3137 38 32V8C38 4.68629 35.3137 2 32 2ZM8 0C3.58172 0 0 3.58172 0 8V32C0 36.4183 3.58172 40 8 40H32C36.4183 40 40 36.4183 40 32V8C40 3.58172 36.4183 0 32 0H8Z' fill='white'/%3E%3Cg clip-path='url(%23clip0_238_852)'%3E%3Cpath d='M33 20.0792C33 12.855 27.1805 7 20 7C12.8195 7 7 12.855 7 20.0792C7 26.6086 11.7531 32.0191 17.9688 33V23.8599H14.668V20.0792H17.9688V17.1977C17.9688 13.9202 19.9086 12.1091 22.8793 12.1091C24.3012 12.1091 25.7891 12.3645 25.7891 12.3645V15.5832H24.1488C22.534 15.5832 22.0312 16.5923 22.0312 17.6268V20.0792H25.6367L25.0604 23.8599H22.0312V33C28.2469 32.0191 33 26.6086 33 20.0792Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_238_852'%3E%3Crect width='26' height='26' fill='white' transform='translate(7 7)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");}
.footer-wrap .sns-area .sns-btns .btn-facebook:hover {background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32 2H8C4.68629 2 2 4.68629 2 8V32C2 35.3137 4.68629 38 8 38H32C35.3137 38 38 35.3137 38 32V8C38 4.68629 35.3137 2 32 2ZM8 0C3.58172 0 0 3.58172 0 8V32C0 36.4183 3.58172 40 8 40H32C36.4183 40 40 36.4183 40 32V8C40 3.58172 36.4183 0 32 0H8Z' fill='%230486FF'/%3E%3Cg clip-path='url(%23clip0_238_852)'%3E%3Cpath d='M33 20.0792C33 12.855 27.1805 7 20 7C12.8195 7 7 12.855 7 20.0792C7 26.6086 11.7531 32.0191 17.9688 33V23.8599H14.668V20.0792H17.9688V17.1977C17.9688 13.9202 19.9086 12.1091 22.8793 12.1091C24.3012 12.1091 25.7891 12.3645 25.7891 12.3645V15.5832H24.1488C22.534 15.5832 22.0312 16.5923 22.0312 17.6268V20.0792H25.6367L25.0604 23.8599H22.0312V33C28.2469 32.0191 33 26.6086 33 20.0792Z' fill='%230486FF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_238_852'%3E%3Crect width='26' height='26' fill='%230486FF' transform='translate(7 7)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");}
.footer-wrap .sns-area .sns-btns .btn-youtube {background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.9823 14.7965C31.6991 13.7345 30.8673 12.9027 29.823 12.6195C27.9115 12.1062 20.2832 12.1062 20.2832 12.1062C20.2832 12.1062 12.6372 12.1062 10.7434 12.6195C9.69912 12.9027 8.86726 13.7345 8.58408 14.7965C8.0708 16.708 8.0708 20.708 8.0708 20.708C8.0708 20.708 8.0708 24.708 8.58408 26.6195C8.86726 27.6814 9.69912 28.5133 10.7434 28.7965C12.6549 29.3097 20.2832 29.3098 20.2832 29.3098C20.2832 29.3098 27.9292 29.3097 29.823 28.7965C30.8673 28.5133 31.6991 27.6814 31.9823 26.6195C32.4956 24.708 32.4956 20.708 32.4956 20.708C32.4956 20.708 32.4956 16.708 31.9823 14.7965ZM17.7876 24.3363V17.0797L24.177 20.708L17.7876 24.3363Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33.9469 2.0177H6.0531C3.8244 2.0177 2.0177 3.8244 2.0177 6.05309V33.9469C2.0177 36.1756 3.8244 37.9823 6.05309 37.9823H33.9469C36.1756 37.9823 37.9823 36.1756 37.9823 33.9469V6.0531C37.9823 3.82441 36.1756 2.0177 33.9469 2.0177ZM6.0531 0H33.9469C37.2899 0 40 2.71006 40 6.0531V33.9469C40 37.2899 37.2899 40 33.9469 40H6.05309C2.71006 40 0 37.2899 0 33.9469V6.05309C0 2.71006 2.71006 0 6.0531 0Z' fill='white'/%3E%3C/svg%3E%0A");}
.footer-wrap .sns-area .sns-btns .btn-youtube:hover {background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.9823 14.7965C31.6991 13.7345 30.8673 12.9027 29.823 12.6195C27.9115 12.1062 20.2832 12.1062 20.2832 12.1062C20.2832 12.1062 12.6372 12.1062 10.7434 12.6195C9.69912 12.9027 8.86726 13.7345 8.58408 14.7965C8.0708 16.708 8.0708 20.708 8.0708 20.708C8.0708 20.708 8.0708 24.708 8.58408 26.6195C8.86726 27.6814 9.69912 28.5133 10.7434 28.7965C12.6549 29.3097 20.2832 29.3098 20.2832 29.3098C20.2832 29.3098 27.9292 29.3097 29.823 28.7965C30.8673 28.5133 31.6991 27.6814 31.9823 26.6195C32.4956 24.708 32.4956 20.708 32.4956 20.708C32.4956 20.708 32.4956 16.708 31.9823 14.7965ZM17.7876 24.3363V17.0797L24.177 20.708L17.7876 24.3363Z' fill='%230486FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33.9469 2.0177H6.0531C3.8244 2.0177 2.0177 3.8244 2.0177 6.05309V33.9469C2.0177 36.1756 3.8244 37.9823 6.05309 37.9823H33.9469C36.1756 37.9823 37.9823 36.1756 37.9823 33.9469V6.0531C37.9823 3.82441 36.1756 2.0177 33.9469 2.0177ZM6.0531 0H33.9469C37.2899 0 40 2.71006 40 6.0531V33.9469C40 37.2899 37.2899 40 33.9469 40H6.05309C2.71006 40 0 37.2899 0 33.9469V6.05309C0 2.71006 2.71006 0 6.0531 0Z' fill='%230486FF'/%3E%3C/svg%3E%0A");}
.footer-wrap .sns-area .sns-btns .btn-insta {background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32 2H8C4.68629 2 2 4.68629 2 8V32C2 35.3137 4.68629 38 8 38H32C35.3137 38 38 35.3137 38 32V8C38 4.68629 35.3137 2 32 2ZM8 0C3.58172 0 0 3.58172 0 8V32C0 36.4183 3.58172 40 8 40H32C36.4183 40 40 36.4183 40 32V8C40 3.58172 36.4183 0 32 0H8Z' fill='white'/%3E%3Cg clip-path='url(%23clip0_238_854)'%3E%3Cpath d='M20 9.34299C23.4732 9.34299 23.8809 9.35848 25.2537 9.42041C26.5232 9.47717 27.2096 9.68877 27.6689 9.86939C28.2779 10.1068 28.7114 10.3855 29.1656 10.8396C29.6197 11.2938 29.9036 11.7273 30.1358 12.3362C30.3113 12.7956 30.528 13.4819 30.5848 14.7515C30.6467 16.1243 30.6622 16.532 30.6622 20.0052C30.6622 23.4784 30.6467 23.8861 30.5848 25.2588C30.528 26.5284 30.3164 27.2148 30.1358 27.6741C29.8984 28.2831 29.6197 28.7166 29.1656 29.1707C28.7114 29.6249 28.2779 29.9087 27.6689 30.1409C27.2096 30.3164 26.5232 30.5331 25.2537 30.5899C23.8809 30.6518 23.4732 30.6673 20 30.6673C16.5268 30.6673 16.1191 30.6518 14.7463 30.5899C13.4768 30.5331 12.7904 30.3216 12.3311 30.1409C11.7221 29.9035 11.2886 29.6249 10.8345 29.1707C10.3803 28.7166 10.0965 28.2831 9.86423 27.6741C9.68877 27.2148 9.47202 26.5284 9.41525 25.2588C9.35332 23.8861 9.33783 23.4784 9.33783 20.0052C9.33783 16.532 9.35332 16.1243 9.41525 14.7515C9.47202 13.4819 9.68361 12.7956 9.86423 12.3362C10.1016 11.7273 10.3803 11.2938 10.8345 10.8396C11.2886 10.3855 11.7221 10.1016 12.3311 9.86939C12.7904 9.69393 13.4768 9.47717 14.7463 9.42041C16.1191 9.35332 16.532 9.34299 20 9.34299ZM20 7C16.47 7 16.0262 7.01548 14.638 7.07741C13.2549 7.13934 12.3104 7.36125 11.4847 7.68122C10.628 8.01151 9.90552 8.4605 9.18301 9.18301C8.4605 9.90552 8.01667 10.6332 7.68122 11.4847C7.36125 12.3104 7.13934 13.2549 7.07741 14.6431C7.01548 16.0262 7 16.47 7 20C7 23.53 7.01548 23.9738 7.07741 25.362C7.13934 26.7451 7.36125 27.6896 7.68122 28.5204C8.01151 29.3771 8.4605 30.0996 9.18301 30.8222C9.90552 31.5447 10.6332 31.9885 11.4847 32.3239C12.3104 32.6439 13.2549 32.8658 14.6431 32.9277C16.0314 32.9897 16.47 33.0052 20.0052 33.0052C23.5403 33.0052 23.979 32.9897 25.3672 32.9277C26.7503 32.8658 27.6947 32.6439 28.5256 32.3239C29.3823 31.9937 30.1048 31.5447 30.8273 30.8222C31.5498 30.0996 31.9937 29.372 32.3291 28.5204C32.6491 27.6947 32.871 26.7503 32.9329 25.362C32.9949 23.9738 33.0103 23.5351 33.0103 20C33.0103 16.4649 32.9949 16.0262 32.9329 14.638C32.871 13.2549 32.6491 12.3104 32.3291 11.4796C31.9988 10.6229 31.5498 9.90036 30.8273 9.17785C30.1048 8.45534 29.3772 8.01151 28.5256 7.67606C27.6999 7.35609 26.7555 7.13418 25.3672 7.07225C23.9738 7.01548 23.53 7 20 7Z' fill='white'/%3E%3Cpath d='M19.9998 13.3269C16.315 13.3269 13.3218 16.315 13.3218 20.005C13.3218 23.6949 16.3099 26.683 19.9998 26.683C23.6898 26.683 26.6779 23.6949 26.6779 20.005C26.6779 16.315 23.6898 13.3269 19.9998 13.3269ZM19.9998 24.3348C17.6052 24.3348 15.6648 22.3944 15.6648 19.9998C15.6648 17.6052 17.6052 15.6647 19.9998 15.6647C22.3944 15.6647 24.3349 17.6052 24.3349 19.9998C24.3349 22.3944 22.3944 24.3348 19.9998 24.3348Z' fill='white'/%3E%3Cpath d='M26.9409 14.6174C27.8016 14.6174 28.4994 13.9196 28.4994 13.0588C28.4994 12.198 27.8016 11.5002 26.9409 11.5002C26.0801 11.5002 25.3823 12.198 25.3823 13.0588C25.3823 13.9196 26.0801 14.6174 26.9409 14.6174Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_238_854'%3E%3Crect width='26' height='26' fill='white' transform='translate(7 7)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");}
.footer-wrap .sns-area .sns-btns .btn-insta:hover {background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32 2H8C4.68629 2 2 4.68629 2 8V32C2 35.3137 4.68629 38 8 38H32C35.3137 38 38 35.3137 38 32V8C38 4.68629 35.3137 2 32 2ZM8 0C3.58172 0 0 3.58172 0 8V32C0 36.4183 3.58172 40 8 40H32C36.4183 40 40 36.4183 40 32V8C40 3.58172 36.4183 0 32 0H8Z' fill='%230486FF'/%3E%3Cg clip-path='url(%23clip0_238_854)'%3E%3Cpath d='M20 9.34299C23.4732 9.34299 23.8809 9.35848 25.2537 9.42041C26.5232 9.47717 27.2096 9.68877 27.6689 9.86939C28.2779 10.1068 28.7114 10.3855 29.1656 10.8396C29.6197 11.2938 29.9036 11.7273 30.1358 12.3362C30.3113 12.7956 30.528 13.4819 30.5848 14.7515C30.6467 16.1243 30.6622 16.532 30.6622 20.0052C30.6622 23.4784 30.6467 23.8861 30.5848 25.2588C30.528 26.5284 30.3164 27.2148 30.1358 27.6741C29.8984 28.2831 29.6197 28.7166 29.1656 29.1707C28.7114 29.6249 28.2779 29.9087 27.6689 30.1409C27.2096 30.3164 26.5232 30.5331 25.2537 30.5899C23.8809 30.6518 23.4732 30.6673 20 30.6673C16.5268 30.6673 16.1191 30.6518 14.7463 30.5899C13.4768 30.5331 12.7904 30.3216 12.3311 30.1409C11.7221 29.9035 11.2886 29.6249 10.8345 29.1707C10.3803 28.7166 10.0965 28.2831 9.86423 27.6741C9.68877 27.2148 9.47202 26.5284 9.41525 25.2588C9.35332 23.8861 9.33783 23.4784 9.33783 20.0052C9.33783 16.532 9.35332 16.1243 9.41525 14.7515C9.47202 13.4819 9.68361 12.7956 9.86423 12.3362C10.1016 11.7273 10.3803 11.2938 10.8345 10.8396C11.2886 10.3855 11.7221 10.1016 12.3311 9.86939C12.7904 9.69393 13.4768 9.47717 14.7463 9.42041C16.1191 9.35332 16.532 9.34299 20 9.34299ZM20 7C16.47 7 16.0262 7.01548 14.638 7.07741C13.2549 7.13934 12.3104 7.36125 11.4847 7.68122C10.628 8.01151 9.90552 8.4605 9.18301 9.18301C8.4605 9.90552 8.01667 10.6332 7.68122 11.4847C7.36125 12.3104 7.13934 13.2549 7.07741 14.6431C7.01548 16.0262 7 16.47 7 20C7 23.53 7.01548 23.9738 7.07741 25.362C7.13934 26.7451 7.36125 27.6896 7.68122 28.5204C8.01151 29.3771 8.4605 30.0996 9.18301 30.8222C9.90552 31.5447 10.6332 31.9885 11.4847 32.3239C12.3104 32.6439 13.2549 32.8658 14.6431 32.9277C16.0314 32.9897 16.47 33.0052 20.0052 33.0052C23.5403 33.0052 23.979 32.9897 25.3672 32.9277C26.7503 32.8658 27.6947 32.6439 28.5256 32.3239C29.3823 31.9937 30.1048 31.5447 30.8273 30.8222C31.5498 30.0996 31.9937 29.372 32.3291 28.5204C32.6491 27.6947 32.871 26.7503 32.9329 25.362C32.9949 23.9738 33.0103 23.5351 33.0103 20C33.0103 16.4649 32.9949 16.0262 32.9329 14.638C32.871 13.2549 32.6491 12.3104 32.3291 11.4796C31.9988 10.6229 31.5498 9.90036 30.8273 9.17785C30.1048 8.45534 29.3772 8.01151 28.5256 7.67606C27.6999 7.35609 26.7555 7.13418 25.3672 7.07225C23.9738 7.01548 23.53 7 20 7Z' fill='%230486FF'/%3E%3Cpath d='M19.9998 13.3269C16.315 13.3269 13.3218 16.315 13.3218 20.005C13.3218 23.6949 16.3099 26.683 19.9998 26.683C23.6898 26.683 26.6779 23.6949 26.6779 20.005C26.6779 16.315 23.6898 13.3269 19.9998 13.3269ZM19.9998 24.3348C17.6052 24.3348 15.6648 22.3944 15.6648 19.9998C15.6648 17.6052 17.6052 15.6647 19.9998 15.6647C22.3944 15.6647 24.3349 17.6052 24.3349 19.9998C24.3349 22.3944 22.3944 24.3348 19.9998 24.3348Z' fill='%230486FF'/%3E%3Cpath d='M26.9409 14.6174C27.8016 14.6174 28.4994 13.9196 28.4994 13.0588C28.4994 12.198 27.8016 11.5002 26.9409 11.5002C26.0801 11.5002 25.3823 12.198 25.3823 13.0588C25.3823 13.9196 26.0801 14.6174 26.9409 14.6174Z' fill='%230486FF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_238_854'%3E%3Crect width='26' height='26' fill='%230486FF' transform='translate(7 7)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");}
.footer-wrap .sns-area .sns-btns .btn-x {background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32 2H8C4.68629 2 2 4.68629 2 8V32C2 35.3137 4.68629 38 8 38H32C35.3137 38 38 35.3137 38 32V8C38 4.68629 35.3137 2 32 2ZM8 0C3.58172 0 0 3.58172 0 8V32C0 36.4183 3.58172 40 8 40H32C36.4183 40 40 36.4183 40 32V8C40 3.58172 36.4183 0 32 0H8Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.059 21.1587L9.40437 30.7963H12.7953L18.6544 23.3998L23.8171 30.7978L30.4291 30.758L22.0461 18.5304L29.2 9.49135L25.8635 9.4502L20.4597 16.2433L15.8364 9.46129L8.99707 9.4531L17.059 21.1587ZM26.4246 28.5778L24.7135 28.5719L12.9574 11.5951H14.798L26.4246 28.5778Z' fill='white'/%3E%3C/svg%3E%0A");}
.footer-wrap .sns-area .sns-btns .btn-x:hover {background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32 2H8C4.68629 2 2 4.68629 2 8V32C2 35.3137 4.68629 38 8 38H32C35.3137 38 38 35.3137 38 32V8C38 4.68629 35.3137 2 32 2ZM8 0C3.58172 0 0 3.58172 0 8V32C0 36.4183 3.58172 40 8 40H32C36.4183 40 40 36.4183 40 32V8C40 3.58172 36.4183 0 32 0H8Z' fill='%230486FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.059 21.1587L9.40437 30.7963H12.7953L18.6544 23.3998L23.8171 30.7978L30.4291 30.758L22.0461 18.5304L29.2 9.49135L25.8635 9.4502L20.4597 16.2433L15.8364 9.46129L8.99707 9.4531L17.059 21.1587ZM26.4246 28.5778L24.7135 28.5719L12.9574 11.5951H14.798L26.4246 28.5778Z' fill='%230486FF'/%3E%3C/svg%3E%0A");}
.footer-wrap .info-area {margin-top: 60px;}
.footer-wrap .info-area .copyright {margin-top: 15px; color: #E5E5E5;}
.footer-wrap .family-site-area {width: 270px;}
.footer-wrap .family-site-area .btn-site-toggle {display: flex; justify-content: space-between; align-items: center; position: relative; width: 100%; line-height: 25px; border-bottom: 2px solid #fff;}
.footer-wrap .family-site-area .btn-site-toggle .txt {font-family: var(--ft-family_Poppins-600); font-size: 18px; text-align: left;}
.footer-wrap .family-site-area .btn-site-toggle::after {content: ""; display: inline-block; position: absolute; right: 0; width: 14px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector 1' d='M13 2L7.67563 8L2 2' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-size: cover; background-repeat: no-repeat;}
.footer-wrap .family-site-area .btn-site-toggle:hover .txt {color: #0486FF;}
.footer-wrap .family-site-area .btn-site-toggle:hover::after {background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector 1' d='M13 2L7.67563 8L2 2' stroke='%230486FF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
.footer-wrap .family-site-area .family-site {display: none; opacity: 0; padding: 12px 0; border-bottom: 2px solid #fff; transition: opacity 0.3s ease, transform 0.3s ease;}
.footer-wrap .family-site-area .family-site li {margin-bottom: 10px;}
.footer-wrap .family-site-area .family-site li:last-child {margin-bottom: 0 !important;}
.footer-wrap .family-site-area .family-site li a {font-family: var(--ft-family_Poppins-500);}
.footer-wrap .family-site-area .family-site li a:hover {color: #0486FF;}
.footer-wrap .family-site-area.show .family-site {display: block; opacity: 1;}
.footer-wrap .family-site-area.show .btn-site-toggle::after {transform: rotate(180deg);}

/* contents */
.contents-wrap img {width: 100%;}
.contents-wrap .section-title {margin-bottom: 20px;}
.contents-wrap .section-title,
.contents-wrap .section-title > * {color: #101224; font-family: var(--ft-family_Poppins-700); font-size: 46px;}

/* 
 *  [해상도 ~1919px] 
 */
@media all and (max-width:1919px) {
    /* header */
    .header-wrap .logo > a {max-width: 11.4vw;}
    .header-wrap .btn-back .icon {width: 2.396vw; height: 1.5625vw;}
    .header-wrap .btn-back .txt {margin-left: 0.78125vw; font-size: 1.042vw;}

    /* footer */
    .footer-wrap {padding: 2.6vw 0;}
    .footer-wrap * {font-size: 0.833vw;}
    .footer-wrap .sns-area .title {font-size: 1.042vw;}
    .footer-wrap .sns-area .sns-btns {margin-top: 0.521vw;}
    .footer-wrap .sns-area .sns-btns > li[class*=btn] {width: 2.08vw; height: 2.08vw; margin-right: 0.521vw;}
    .footer-wrap .info-area .copyright {margin-top: 0.78125vw;}
    .footer-wrap .family-site-area {width: 14.0625vw;}
    .footer-wrap .family-site-area .btn-site-toggle {line-height: 1.302vw; border-width: 0.104vw;}
    .footer-wrap .family-site-area .btn-site-toggle .txt {font-size: 0.9375vw;}
    .footer-wrap .family-site-area .btn-site-toggle::after {width: 0.729vw; height: 0.521vw;}
    .footer-wrap .family-site-area .family-site {padding: 0.625vw 0; border-width: 0.104vw;}
    .footer-wrap .family-site-area .family-site li {margin-bottom: 0.521vw;}

    /* contents */
    .contents-wrap .section-title {margin-bottom: 1.042vw;}
    .contents-wrap .section-title,
    .contents-wrap .section-title > * {font-size: 2.396vw;}
}

/* 
 *  [해상도 769px ~ 1024px]
 *  - 낮은 해상도의 PC
 *  - 태블릿 가로모드
 */
@media all and (max-width:1024px) {   
    /* footer */
    .footer-wrap .sns-area .sns-btns .btn-facebook:hover {background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32 2H8C4.68629 2 2 4.68629 2 8V32C2 35.3137 4.68629 38 8 38H32C35.3137 38 38 35.3137 38 32V8C38 4.68629 35.3137 2 32 2ZM8 0C3.58172 0 0 3.58172 0 8V32C0 36.4183 3.58172 40 8 40H32C36.4183 40 40 36.4183 40 32V8C40 3.58172 36.4183 0 32 0H8Z' fill='white'/%3E%3Cg clip-path='url(%23clip0_238_852)'%3E%3Cpath d='M33 20.0792C33 12.855 27.1805 7 20 7C12.8195 7 7 12.855 7 20.0792C7 26.6086 11.7531 32.0191 17.9688 33V23.8599H14.668V20.0792H17.9688V17.1977C17.9688 13.9202 19.9086 12.1091 22.8793 12.1091C24.3012 12.1091 25.7891 12.3645 25.7891 12.3645V15.5832H24.1488C22.534 15.5832 22.0312 16.5923 22.0312 17.6268V20.0792H25.6367L25.0604 23.8599H22.0312V33C28.2469 32.0191 33 26.6086 33 20.0792Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_238_852'%3E%3Crect width='26' height='26' fill='white' transform='translate(7 7)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");}
    .footer-wrap .sns-area .sns-btns .btn-youtube:hover {background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.9823 14.7965C31.6991 13.7345 30.8673 12.9027 29.823 12.6195C27.9115 12.1062 20.2832 12.1062 20.2832 12.1062C20.2832 12.1062 12.6372 12.1062 10.7434 12.6195C9.69912 12.9027 8.86726 13.7345 8.58408 14.7965C8.0708 16.708 8.0708 20.708 8.0708 20.708C8.0708 20.708 8.0708 24.708 8.58408 26.6195C8.86726 27.6814 9.69912 28.5133 10.7434 28.7965C12.6549 29.3097 20.2832 29.3098 20.2832 29.3098C20.2832 29.3098 27.9292 29.3097 29.823 28.7965C30.8673 28.5133 31.6991 27.6814 31.9823 26.6195C32.4956 24.708 32.4956 20.708 32.4956 20.708C32.4956 20.708 32.4956 16.708 31.9823 14.7965ZM17.7876 24.3363V17.0797L24.177 20.708L17.7876 24.3363Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33.9469 2.0177H6.0531C3.8244 2.0177 2.0177 3.8244 2.0177 6.05309V33.9469C2.0177 36.1756 3.8244 37.9823 6.05309 37.9823H33.9469C36.1756 37.9823 37.9823 36.1756 37.9823 33.9469V6.0531C37.9823 3.82441 36.1756 2.0177 33.9469 2.0177ZM6.0531 0H33.9469C37.2899 0 40 2.71006 40 6.0531V33.9469C40 37.2899 37.2899 40 33.9469 40H6.05309C2.71006 40 0 37.2899 0 33.9469V6.05309C0 2.71006 2.71006 0 6.0531 0Z' fill='white'/%3E%3C/svg%3E%0A");}
    .footer-wrap .sns-area .sns-btns .btn-insta:hover {background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32 2H8C4.68629 2 2 4.68629 2 8V32C2 35.3137 4.68629 38 8 38H32C35.3137 38 38 35.3137 38 32V8C38 4.68629 35.3137 2 32 2ZM8 0C3.58172 0 0 3.58172 0 8V32C0 36.4183 3.58172 40 8 40H32C36.4183 40 40 36.4183 40 32V8C40 3.58172 36.4183 0 32 0H8Z' fill='white'/%3E%3Cg clip-path='url(%23clip0_238_854)'%3E%3Cpath d='M20 9.34299C23.4732 9.34299 23.8809 9.35848 25.2537 9.42041C26.5232 9.47717 27.2096 9.68877 27.6689 9.86939C28.2779 10.1068 28.7114 10.3855 29.1656 10.8396C29.6197 11.2938 29.9036 11.7273 30.1358 12.3362C30.3113 12.7956 30.528 13.4819 30.5848 14.7515C30.6467 16.1243 30.6622 16.532 30.6622 20.0052C30.6622 23.4784 30.6467 23.8861 30.5848 25.2588C30.528 26.5284 30.3164 27.2148 30.1358 27.6741C29.8984 28.2831 29.6197 28.7166 29.1656 29.1707C28.7114 29.6249 28.2779 29.9087 27.6689 30.1409C27.2096 30.3164 26.5232 30.5331 25.2537 30.5899C23.8809 30.6518 23.4732 30.6673 20 30.6673C16.5268 30.6673 16.1191 30.6518 14.7463 30.5899C13.4768 30.5331 12.7904 30.3216 12.3311 30.1409C11.7221 29.9035 11.2886 29.6249 10.8345 29.1707C10.3803 28.7166 10.0965 28.2831 9.86423 27.6741C9.68877 27.2148 9.47202 26.5284 9.41525 25.2588C9.35332 23.8861 9.33783 23.4784 9.33783 20.0052C9.33783 16.532 9.35332 16.1243 9.41525 14.7515C9.47202 13.4819 9.68361 12.7956 9.86423 12.3362C10.1016 11.7273 10.3803 11.2938 10.8345 10.8396C11.2886 10.3855 11.7221 10.1016 12.3311 9.86939C12.7904 9.69393 13.4768 9.47717 14.7463 9.42041C16.1191 9.35332 16.532 9.34299 20 9.34299ZM20 7C16.47 7 16.0262 7.01548 14.638 7.07741C13.2549 7.13934 12.3104 7.36125 11.4847 7.68122C10.628 8.01151 9.90552 8.4605 9.18301 9.18301C8.4605 9.90552 8.01667 10.6332 7.68122 11.4847C7.36125 12.3104 7.13934 13.2549 7.07741 14.6431C7.01548 16.0262 7 16.47 7 20C7 23.53 7.01548 23.9738 7.07741 25.362C7.13934 26.7451 7.36125 27.6896 7.68122 28.5204C8.01151 29.3771 8.4605 30.0996 9.18301 30.8222C9.90552 31.5447 10.6332 31.9885 11.4847 32.3239C12.3104 32.6439 13.2549 32.8658 14.6431 32.9277C16.0314 32.9897 16.47 33.0052 20.0052 33.0052C23.5403 33.0052 23.979 32.9897 25.3672 32.9277C26.7503 32.8658 27.6947 32.6439 28.5256 32.3239C29.3823 31.9937 30.1048 31.5447 30.8273 30.8222C31.5498 30.0996 31.9937 29.372 32.3291 28.5204C32.6491 27.6947 32.871 26.7503 32.9329 25.362C32.9949 23.9738 33.0103 23.5351 33.0103 20C33.0103 16.4649 32.9949 16.0262 32.9329 14.638C32.871 13.2549 32.6491 12.3104 32.3291 11.4796C31.9988 10.6229 31.5498 9.90036 30.8273 9.17785C30.1048 8.45534 29.3772 8.01151 28.5256 7.67606C27.6999 7.35609 26.7555 7.13418 25.3672 7.07225C23.9738 7.01548 23.53 7 20 7Z' fill='white'/%3E%3Cpath d='M19.9998 13.3269C16.315 13.3269 13.3218 16.315 13.3218 20.005C13.3218 23.6949 16.3099 26.683 19.9998 26.683C23.6898 26.683 26.6779 23.6949 26.6779 20.005C26.6779 16.315 23.6898 13.3269 19.9998 13.3269ZM19.9998 24.3348C17.6052 24.3348 15.6648 22.3944 15.6648 19.9998C15.6648 17.6052 17.6052 15.6647 19.9998 15.6647C22.3944 15.6647 24.3349 17.6052 24.3349 19.9998C24.3349 22.3944 22.3944 24.3348 19.9998 24.3348Z' fill='white'/%3E%3Cpath d='M26.9409 14.6174C27.8016 14.6174 28.4994 13.9196 28.4994 13.0588C28.4994 12.198 27.8016 11.5002 26.9409 11.5002C26.0801 11.5002 25.3823 12.198 25.3823 13.0588C25.3823 13.9196 26.0801 14.6174 26.9409 14.6174Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_238_854'%3E%3Crect width='26' height='26' fill='white' transform='translate(7 7)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");}   
    .footer-wrap .sns-area .sns-btns .btn-x:hover {background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32 2H8C4.68629 2 2 4.68629 2 8V32C2 35.3137 4.68629 38 8 38H32C35.3137 38 38 35.3137 38 32V8C38 4.68629 35.3137 2 32 2ZM8 0C3.58172 0 0 3.58172 0 8V32C0 36.4183 3.58172 40 8 40H32C36.4183 40 40 36.4183 40 32V8C40 3.58172 36.4183 0 32 0H8Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.059 21.1587L9.40437 30.7963H12.7953L18.6544 23.3998L23.8171 30.7978L30.4291 30.758L22.0461 18.5304L29.2 9.49135L25.8635 9.4502L20.4597 16.2433L15.8364 9.46129L8.99707 9.4531L17.059 21.1587ZM26.4246 28.5778L24.7135 28.5719L12.9574 11.5951H14.798L26.4246 28.5778Z' fill='white'/%3E%3C/svg%3E%0A");}
    .footer-wrap .family-site-area .btn-site-toggle:hover .txt {color: #fff;}
    .footer-wrap .family-site-area .btn-site-toggle:hover::after {background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector 1' d='M13 2L7.67563 8L2 2' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
    .footer-wrap .family-site-area .family-site li a:hover {color: #fff;}
}

/* 
 *  [해상도 481px ~ 768px]
 *  - 모바일 가로모드
 *  - 태블릿 세로모드
 */
@media all and (max-width:768px) {

}

/* 
 *  [해상도 ~ 480px]
 *  - 모바일 (최소 360px까지)
 *  - 모바일 ui 적용 (mode-mobile)
 */
@media all and (max-width:480px) {
    /* header */
    .header-wrap {position: fixed; background: #101224 !important;}
    .header-wrap .inner {padding: 0 4.667vw;}
    .header-wrap .logo > a {max-width: 36.667vw;}
    .header-wrap .btn-back .icon {width: 9.867vw; height: 6.4vw;}
    .header-wrap .btn-back .txt {display: none; margin-left: 0;}
    
    /* footer */
    .footer-wrap {padding: 10.667vw var(--inner-padding);}
    .footer-wrap * {font-size: 3.6vw;}
    .footer-wrap .layout-inner {flex-direction: column;}
    .footer-wrap .sns-area .title {font-size: 5.867vw;}
    .footer-wrap .sns-area {display: flex; flex-direction: column; align-items: center;}
    .footer-wrap .sns-area .sns-btns {margin-top: 2.667vw;}
    .footer-wrap .sns-area .sns-btns > li[class*=btn] {width: 10.667vw; height: 10.667vw; margin-right: 5.333vw;}
    .footer-wrap .info-area {margin-top: 6.667vw;}
    .footer-wrap .info-area .family-site-area {width: 100%; padding: 0 5.333vw; box-sizing: border-box;}
    .footer-wrap .info-area .family-site-area .btn-site-toggle {justify-content: center; padding: 3vw 0; line-height: 4vw; border-width: 0.533vw;}
    .footer-wrap .info-area .family-site-area .btn-site-toggle .txt {font-size: 5.333vw;}
    .footer-wrap .info-area .family-site-area .btn-site-toggle::after {width: 4.533vw; height: 2.933vw;}
    .footer-wrap .info-area .family-site-area .family-site {padding: 3vw 0; border-width: 0.533vw;}
    .footer-wrap .info-area .family-site-area .family-site li {margin-bottom: 3vw; text-align: center;}
    .footer-wrap .info-area .family-site-area .family-site li a {font-size: 5.067vw;}
    .footer-wrap .info-area .copyright {margin-top: 9.333vw; text-align: center;}

    /* contents */
    .contents-wrap {padding-top: var(--header-height);}
    .contents-wrap .section-title {margin-bottom: 5.333vw;}
    .contents-wrap .section-title,
    .contents-wrap .section-title > * {font-size: 6.667vw;}
}