/* 헤드서브 *************************************************************************************************************************************************/
/* 헤드서브 *************************************************************************************************************************************************/
/* 헤드서브 *************************************************************************************************************************************************/
/* 헤드서브 *************************************************************************************************************************************************/
/* 헤드서브 *************************************************************************************************************************************************/
@font-face {
    font-family: 'Pretendard';
    src: url('/off/fonts/Pretendard/web/static/woff/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/off/fonts/Pretendard/web/static/woff/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/off/fonts/Pretendard/web/static/woff/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/off/fonts/Pretendard/web/static/woff/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/off/fonts/Pretendard/web/static/woff/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/off/fonts/Pretendard/web/static/woff/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/off/fonts/Pretendard/web/static/woff/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/off/fonts/Pretendard/web/static/woff/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/off/fonts/Pretendard/web/static/woff/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
body {
    font-family: 'Pretendard', sans-serif !important;
    letter-spacing: -0.5px;
}
/* 헤드 *************************************************************************************************************************************************/
/* 헤드 *************************************************************************************************************************************************/
/* 헤드 *************************************************************************************************************************************************/
/* 헤드 *************************************************************************************************************************************************/
/* 헤드 *************************************************************************************************************************************************/
/* 사이트 기본 */
body {
    overflow: hidden;
    word-wrap: break-word !important;
    word-break: keep-all !important;
}
p {
    word-wrap: break-word !important;
    word-break: keep-all !important;
}
a {
    text-decoration: unset;
}
* {
	box-sizing: border-box;
}	
select:focus {
    outline: none; /* 포커스 시 테두리를 제거 */
    border: none;  /* 필요에 따라 추가 */
    box-shadow: none; /* 그림자 효과 제거 */
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1280px;
}
/* 사이트 기본 */
.orient1 {
    display: -webkit-box;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.orient2 {
    display: -webkit-box;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.orient3 {
    display: -webkit-box;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.orient4 {
    display: -webkit-box;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.orient5 {
    display: -webkit-box;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}
.s_header {
    position: fixed; width: 100%; display: none; z-index: 100;
}
.s_header.active {
    display: flex;
}
.s_main {
    position: relative; width: 100%; display: none;
}
.s_main.active {
    display: block;
}
.s_index {
    position: relative; width: 100%; display: none;
}
.s_index.active {
    display: block;
}
.s_footer {
    position: relative; width: 100%; display: none; z-index: 100;
}
.s_footer.active {
    display: flex;
}
/* 버튼 타입 */
.button_a {
    display: flex; align-items: center; height: 44px; border-radius: 100px; background-color: #ffffffad; color: black; width: fit-content; padding:0 30px; font-size: 16px; font-weight: 600;
}
.button_b {
    display: flex; align-items: center; height: 44px; border-radius: 100px; background-color: #333; color: white; width: fit-content; padding:0 30px; font-size: 16px; font-weight: 600; margin-left: 10px;
}
.button_c {
    display: flex; align-items: center; height: 44px; border-radius: 100px; border:solid 1px black; width: fit-content; padding:0 30px; font-size: 16px; font-weight: 700; color: black; margin-left: 10px;
}
.button_d {
    display: flex; align-items: center; height: 44px; width: fit-content; padding:0 30px; font-size: 26px; font-weight: 700; color: black; margin-left: 10px;
}
.button_e {
    display: flex; align-items: center; height: 44px; width: fit-content; padding:0 50px; font-size: 18px; font-weight: 600; color: black; margin-left: 10px; height: 100%; background-color: var(--oc_font_w); margin-right: -12px;
}
.button_f {
    position: relative; display: inline-block; padding: 14px 30px 13px 30px; border: 1px solid #ddd; font-size: 15px; color: black; line-height: 16px; margin-bottom: 10px; margin-top: 20px;
}
/* 메뉴 타입 */
nav .menu_he, nav .menu_fo {
    height: 100%;
}
.menu_a {
    display: flex; align-items: center; color: black; width: fit-content; padding:0 25px; font-size: 17px; font-weight: 500; cursor: pointer; opacity: 0.75;
}
.menu_a:hover {
    opacity: 1;
}
.row2_menu .menu_a:hover {
    transition: all 1s;
    opacity: 1;
}
.menu_b {
    display: flex; align-items: center; color: white; width: fit-content; padding:0 15px; font-size: 15px; font-weight: 400; cursor: pointer;
}
.menu_c {
    display: flex; align-items: center; color: var(--oc_font_w); width: fit-content; padding-left: 15px; font-size: 30px; font-weight: 400; cursor: pointer;
}
.menu_d {
    position: relative; width: 100%; height: 180px; border: 1px solid #787878; background-color: #00000061; padding: 30px; color: white; cursor: pointer;
    font-size: 22px; font-weight: 300;
}
.menu_d_sub {
    position: relative; width: 100%; height: 180px; border: 1px solid #787878; background-color: #00000061; padding: 30px; color: white; border-top: 0; cursor: pointer;
    font-size: 22px; font-weight: 300;
}
/* 헤더 타입1 */
.s_header.sh_type_1 {
    height: 80px; align-items: center;
}
.s_header.sh_type_1 .col:nth-child(1) {
    display: flex; align-items: center;
}
.s_header.sh_type_1 .col:nth-child(2) {
    display: flex; align-items: center; justify-content: flex-end;
}
.s_header.sh_type_1 .logo_img {
    height: 60px;
}
.s_header.sh_type_1 .logo_text {
    font-size: 22px; font-weight: 700; color: white; margin-left: 20px;
}
/* 헤더 타입2 */
.s_header.sh_type_2 {
    align-items: center;
    /* margin-top: 16px; */
}
.s_header.sh_type_2 .container {
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 100px;
}
.s_header.sh_type_2 .col:nth-child(1) {
    display: flex; align-items: center;
}
.s_header.sh_type_2 .col:nth-child(2) {
    display: flex; align-items: center; justify-content: flex-end;
}
.s_header.sh_type_2 .logo_img {
    height: 40px;
}
.s_header.sh_type_2 .logo_text {
    font-size: 22px; font-weight: 700; color: white; margin-left: 20px;
}
/* 헤더 타입3 */
.s_header.sh_type_3 {
    height: 80px; align-items: center;
}
.s_header.sh_type_3 .col:nth-child(1) {
    display: flex; align-items: center;
}
.s_header.sh_type_3 .col:nth-child(2) nav {
    height: 80px; display: flex; align-items: center; justify-content: center;
}
.s_header.sh_type_3 .col:nth-child(3) {
    display: flex; align-items: center; justify-content: flex-end;
}
.s_header.sh_type_3 .logo_img {
    height: 40px;
}
.s_header.sh_type_3 .logo_text {
    font-size: 22px; font-weight: 700; color: black; margin-left: 20px;
}
/* 헤더 타입4 */
.s_header.sh_type_4 {
    height: 80px; align-items: center; padding: 10px 0;
}
.s_header.sh_type_4 .col:nth-child(1) {
    display: flex; align-items: center;
}
.s_header.sh_type_4 .col:nth-child(2) {
    display: flex; align-items: flex-end; flex-direction: column;
}
.s_header.sh_type_4 .col:nth-child(2) nav {
    height: 35px; display: flex; align-items: center; justify-content: center; justify-content: center;
}
.s_header.sh_type_4 .logo_img {
    height: 60px; padding: 15px; border-radius: 20px; background-color: black;
}
.s_header.sh_type_4 .menu_a {
    font-weight: 200;
    font-size: 22px;
}
.s_header.sh_type_4 .logo_text {
    position: relative; height: 25px; display: flex; align-items: center; font-size: 22px; font-weight: 900; color: white; margin-left: 20px; padding: 0 25px; background-color: black; border-radius: 30px 0 0 30px;
}
.s_header.sh_type_4 .logo_text::before {
    content: ""; position: absolute; top: 0px; left: 40px; width: 1000px; height: 100%; background-color: black; z-index: -1; border-radius: 30px;
}
/* 헤더 타입5 */
.s_header.sh_type_5 {
    height: 80px; align-items: center;
}
.s_header.sh_type_5 .col:nth-child(1) {
    display: flex; align-items: center;
}
.s_header.sh_type_5 .col:nth-child(2) {
    height: 80px; display: flex; align-items: center; justify-content: flex-end;
}
.s_header.sh_type_5 .col:nth-child(2) nav {
    height: 80px; display: flex; align-items: center; justify-content: center;
}
.s_header.sh_type_5 .menu_a {
    font-weight: 400;
}
.s_header.sh_type_5 .logo_img {
    height: 45px; padding-left: 12px;
}
.s_header.sh_type_5 .logo_text {
    font-size: 22px; font-weight: 700; color: black; margin-left: 20px;
}
/* 헤더 타입6 */
.s_header.sh_type_6 {
    height: 80px; align-items: center;
}
.s_header.sh_type_6 .col:nth-child(1) {
    display: flex; align-items: center; justify-content: space-between; font-size: 16px;
}
.s_header.sh_type_6 .col:nth-child(2) {
    justify-content: space-between
}
.s_header.sh_type_6 .col:nth-child(2) > div {
    display: flex;
}
.s_header.sh_type_6 .col:nth-child(2) > div .button_d {
    padding: 0 10px;
}
.s_header.sh_type_6 .logo_img {
    height: 40px;
}
.s_header.sh_type_6 .logo_text {
    font-size: 22px; font-weight: 700; color: black; margin-left: 20px;
}
.s_header.sh_type_6 .menu_a {
    font-size: 16px; padding: 0;
}
.s_header.sh_type_6 .button_d {
    padding: 0;
}
/* 헤더 타입7 */
.s_header.sh_type_7 {
    height: 80px; align-items: center; background-color: white;
}
.s_header.sh_type_7 .col:nth-child(1) {
    display: flex; align-items: center;
}
.s_header.sh_type_7 .col:nth-child(2) {
    display: flex; align-items: center; flex-direction: column; justify-content: center;
    font-size: 38px; font-weight: 800; line-height: 1; color: black; padding-bottom: 10px;
}
.s_header.sh_type_7 .col:nth-child(3) {
    display: flex; align-items: center; justify-content: flex-end;
}
.s_header.sh_type_7 .logo_text {
    font-size: 30px; font-weight: 700; color: black; margin-left: 20px;
}
.s_header.sh_type_7 .button_b {
    margin: 0;
}
/* 헤더 타입8 */
.s_header.sh_type_8 {
    height: 80px; align-items: center;
}
.s_header.sh_type_8 .container {
    height: 80px;
}
.s_header.sh_type_8 .col:nth-child(1) nav {
    height: 80px; display: flex; align-items: center; justify-content: flex-end;
}
.s_header.sh_type_8 .col:nth-child(2) {
    height: 100px; display: flex; align-items: center; flex-direction: column; justify-content: center; background-color: black; margin: 0 15px; font-size: 38px; font-weight: 800; line-height: 1.1; color: white; padding-bottom: 10px;

}
.s_header.sh_type_8 .col:nth-child(3) nav {
    height: 80px; display: flex; align-items: center; justify-content: flex-start;
}
.s_header.sh_type_8 .logo_img {
    height: 40px;
}
.s_header.sh_type_8 .logo_text {
    font-size: 22px; font-weight: 700; color: white; margin-left: 20px;
}
.s_header.sh_type_8 .menu_a {
    font-size: 22px; padding: 0 35px; font-weight: 400; color: white;
}
/* 헤더 타입9 */
.s_header.sh_type_9 {
    height: 80px; align-items: center;
}
.s_header.sh_type_9 .col:nth-child(1) {
    display: flex; align-items: center;
}
.s_header.sh_type_9 .col:nth-child(2) {
    display: flex; align-items: center; justify-content: flex-end;
}
.s_header.sh_type_9 .col:nth-child(2) nav {
    height: 80px; display: flex; align-items: center; justify-content: flex-end;
}
.s_header.sh_type_9 .logo_img {
    height: 50px;
}
.s_header.sh_type_9 .logo_text {
    font-size: 22px; font-weight: 700; color: white; margin-left: 20px;
}
.s_header.sh_type_9 .menu_a {
    color: white; font-weight: 400;
}
/* 헤더 타입10 */
.s_header.sh_type_10 {
    height: 80px; align-items: center; border-top: solid 2px black;
}
.s_header.sh_type_10 .col:nth-child(1) {
    position: relative; display: flex; align-items: center;  background-color: black; max-width: fit-content; padding-right: 30px; position: absolute; height: 80px;
}
.s_header.sh_type_10 .col:nth-child(1)::after {
    content: ""; position: absolute; top: 0; right: -40px; width: 0px; height: 0;border-top: solid 80px black; border-right: solid 40px #00000000;
}
.s_header.sh_type_10 .col:nth-child(2) {
    height: 80px; display: flex; align-items: center; justify-content: flex-end;
}
.s_header.sh_type_10 .col:nth-child(2) nav {
    height: 80px; display: flex; align-items: center; justify-content: center;
}
.s_header.sh_type_10 .menu_a {
    font-weight: 400;
}
.s_header.sh_type_10 .logo_img {
    height: 40px; padding-left: 12px;
}
.s_header.sh_type_10 .logo_text {
    font-size: 22px; font-weight: 700; color: white; margin-left: 20px;
}
/* 헤더 타입11 */
.sh_type_11 .menu_a {
    font-size: 18px; font-weight: 600;
    border-bottom: solid 3px white;
    transition: 0.5s;
    padding-top: 3px;
}
.sh_type_11 .menu_a:hover {
    color: #011A6A;
    border-bottom: solid 3px #011A6A;
}
/* 헤더 타입12 */
.s_header.sh_type_12 {
    height: 150px; align-items: center;
    transition:0.2s;
}
.s_header.sh_type_12 .col:nth-child(1) {
    display: flex; align-items: center;
}
.s_header.sh_type_12 .col:nth-child(2) {
    height: 70px; display: flex; align-items: center; justify-content: flex-end;
}
.s_header.sh_type_12 .col:nth-child(2) nav {
    height: 39px; display: flex; align-items: center; justify-content: center;
}
.s_header.sh_type_12 .menu_a {
    font-weight: 500;
    font-size: 17px;
    color: white;
    transition:0.2s;
    padding: 0 13px;
    margin: 0 7px;
    box-sizing: border-box;
    border-bottom: solid 2px transparent;
}
.s_header.sh_type_12 .logo_img {
    height: 40px; padding-left: 12px;
    margin-top: -3px;
}
.s_header.sh_type_12 .logo_text {
    font-size: 22px; font-weight: 700; color: white; margin-left: 20px;
}
.change_logoBottom {
    display: none;
}
.s_header.sh_type_12.scrolled3 .logo_img {
    height: 26px;
}
.s_header.sh_type_12.scrolled3 {
    height: 70px;
    background-color: #000;
    backdrop-filter: blur(5px);
}
.s_header.sh_type_12 .row2_menu {
    background-color: #000;
}
.s_header.sh_type_12 .row2_menu .menu_a {
    color: white;
}
.s_header.sh_type_12 .row2_menu .menu_a:hover div {
    background-color: #2d2d2d;
}
.s_header.sh_type_12 .params_true {
    opacity: 1;
    border-bottom: solid 2px white;
}
.s_header.sh_type_12 .row2_menu .params2_true {
    opacity: 1 !important;
}
.s_header.sh_type_12 .row2_menu .params2_true div {
    background-color: #2d2d2d;
}
/* 헤더 타입13 */
.s_header.sh_type_13 {
    height: 150px; align-items: center;
    transition:0.4s;
}
.s_header.sh_type_13 .col:nth-child(1) {
    display: flex; align-items: center;
}
.s_header.sh_type_13 .col:nth-child(2) {
    height: 70px; display: flex; align-items: center; justify-content: flex-end;
}
.s_header.sh_type_13 .col:nth-child(2) nav {
    height: 39px; display: flex; align-items: center; justify-content: center;
}
.s_header.sh_type_13 .menu_a {
    font-weight: 500;
    font-size: 17px;
    color: white;
    transition:0.2s;
    padding: 0 13px;
    margin: 0 7px;
    box-sizing: border-box;
    border-bottom: solid 2px transparent;
}
.s_header.sh_type_13 .logo_img {
    height: 40px; padding-left: 12px;
    margin-top: 0px;
}
.s_header.sh_type_13 .logo_text {
    font-size: 22px; font-weight: 700; color: white; margin-left: 20px;
}
.change_logoBottom {
    display: none;
}
.s_header.sh_type_13 .row2_menu {
    background-color: #f1f1f1 !important;
}
.s_header.sh_type_13 .row2_menu .menu_a {
    opacity: 1 !important;
    color: black;
}
.s_header.sh_type_13 .row2_menu .menu_a:hover div {
    background-color: white;
}
.s_header.sh_type_13 .params_true {
    opacity: 1;
    border-bottom: solid 2px white;
}
.s_header.sh_type_13 .row2_menu .params2_true {
}
.s_header.sh_type_13 .row2_menu .params2_true div {
    background-color: white;
}
.s_header.sh_type_13 .fa-bars {
    color: white;
}

.s_header.sh_type_13.scrolled4 .fa-bars {
    color: black;
}
.s_header.sh_type_13.scrolled4 .logo_img {
    height: 28px;
}
.s_header.sh_type_13.scrolled4 {
    height: 70px;
    background-color: #ffffffb3;
    background-color: white;
    backdrop-filter: blur(5px);
}
.s_header.sh_type_13.scrolled4 .menu_a {
    color: black;
    font-weight: 600;
}
.s_header.sh_type_13.scrolled4 .params_true {
    border-bottom: solid 2px black;
}
.s_header.sh_type_13.scrolled4 .button_b {
    background-color: black !important;
    color: white !important;
}




/* 배경 흐림 */
.backblur {
    backdrop-filter: blur(5px);
}
/* 배경 반투명 화이트  */
.backco_w {
    background-color: rgba(255, 255, 255, 0.5);
}
.backco_w .menu_he {
    color: black !important;
    font-weight: 600 !important;
}
.backco_w .button_c {
    border-color: black !important;
    color: black !important;
}
.backco_w .type_5_bo {
    background-color: rgba(0, 0, 0, 0.3) !important;
}
.sh_type_5.backco_w {
    border-bottom: solid 1px rgba(0, 0, 0, 0.3) !important;
}
/* 배경 반투명 블랙  */
.backco_b {
    background-color: rgba(0, 0, 0, 0.7);
}
.backco_b .menu_he {
    color: white !important;
}
.backco_b .button_c, .backco_b .button_d {
    border-color: white !important;
    color: white !important;
}
.backco_b .type_5_bo {
    background-color: rgba(255, 255, 255, 0.3) !important;
}
.sh_type_5.backco_b {
    border-bottom: solid 1px rgba(255, 255, 255, 0.3) !important;
}
/* 로고 그림자  */
.backlo_b {
    filter: drop-shadow(7px 7px 3px #000000b3);
}
.logo_img, .logo_text {
    cursor: pointer;
}
/* 인덱스 슬라이드 *************************************************************************************************************************************************/
/* 인덱스 슬라이드 *************************************************************************************************************************************************/
/* 인덱스 슬라이드 *************************************************************************************************************************************************/
/* 인덱스 슬라이드 *************************************************************************************************************************************************/
/* 인덱스 슬라이드 *************************************************************************************************************************************************/
/* 폰트 공통 */
div.para-text.font_w, .font_w {
    color: white !important;
}
div.para-text.font_b, .font_b {
    color: black !important;
}
.font_wt {
    color: white;
}
.font_bt {
    color: black;
}
/* .bg_true .font_w {
    color: black !important;
}
.bg_true .font_b {
    color: white !important;
} */
.font_0 {
    font-size: 80px; font-weight: 300; line-height: 1.3;
}
.font_1 {
    font-size: 30px; font-weight: 700; line-height: 1.2; margin-bottom: 20px;
}
.font_2 {
    font-size: 50px; font-weight: 700; line-height: 1.2; letter-spacing: -1.5px;
}
.font_3 {
    font-size: 18px; font-weight: 700; line-height: 1.2; margin-bottom: 20px;
}
.font_4 {
    font-size: 25px; font-weight: 700; line-height: 1.3;
}
.font_5 {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 10px;
}
.font_6 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
}
.font_7 {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.3;
}
.font_8 {
    font-size: 200px;
    font-weight: 500;
    line-height: 1.3;
}
/* 메인 슬라이드 공통 */

.slider-PBR0 {
    padding: 0;
    border-radius: 0;
}
.s_main .slider-container {
    position: relative;
    width: 100%;
    height: 100%;
}
.s_main .slide {
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease;
}
.s_main .image {
    min-width: 100%;
    transition: transform 0.5s ease;
    position: relative; display: flex; align-items: center; justify-content: center; 
    background-size: cover; background-position: center center; background-repeat: no-repeat;
}
.s_main .slide-buttons {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 0;
    z-index: 5;
}
.s_main .button {
    cursor: pointer;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background-color: rgb(0 0 0 / 60%);
    color: var(--oc_font_w);
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pagination {
    z-index: 10;
}
.s_main .pagination {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.s_main .pagination-bullet {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #ccc;
    margin: 0 6px 1.5px;
    border-radius: 50px;
    cursor: pointer;
}
.s_main .pagination-bullet-active {
    background-color: var(--oc_font_w);
    width: 24px;
}
.s_main .play-pause-btn {
    width: 35px;
    height: 20px;
    background-color: rgb(0 0 0 / 60%);;
    color: white;
    font-size: 10px;
    font-weight: 700;
    margin-right: 5px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* 검정색 배경에 투명도 50% */
    z-index: 0; /* 다른 요소들 위에 오도록 z-index 설정 */
}
.overlay2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient( ellipse, #0000 10%, #000 );
    z-index: 0;
}
.overlay3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, black, transparent);
    z-index: 0;
}
.overlay4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, black);
    z-index: 0;
}
/* 메인 슬라이드1 */
.sm_type_1.slider {
    position: relative;
    width: 100%;
    height: 100dvh;
    overflow: hidden;
}
.sm_type_1 .slider-container .container {
    position: relative; z-index: 2;
}
.sm_type_1 .row {
    display: flex; align-items: center;
}
.menu_d_icon {
    position: absolute; bottom: 10px; right: 15px; width: fit-content; line-height: 60px;
}
/* 메인 슬라이드2 */
.sm_type_2.slider {
    position: relative;
    width: 100%;
    height: 600px;
    overflow: hidden;
}
.sm_type_2 .slider-container .container {
    position: relative; z-index: 2; padding-top: 100px;
}
.sm_type_2 .row {
    display: flex; align-items: center;
}
/* 메인 슬라이드3 */
.sm_type_3.slider {
    position: relative;
    width: 100%;
    height: 600px;
    overflow: hidden;
    padding-top: 80px;
}
.sm_type_3 .slider-container .container {
    position: relative; z-index: 2;
}
.sm_type_3 .row {
    display: flex; align-items: center;
}
/* 메인 슬라이드4 */
.sm_type_4.slider {
    position: relative;
    width: 100%;
    height: 600px;
    overflow: hidden;
    padding-top: 92px;
    padding-bottom: 20px;
}
.sm_type_4 .slider-container.container {
    padding: 0; overflow: hidden; border-radius: 32px;
}
.sm_type_4 .slider-container.container .container {
    position: relative; z-index: 2; padding-left: 100px;
}
.sm_type_4 .row {
    display: flex; align-items: center;
}
/* 메인 슬라이드5 */
.sm_type_5.slider {
    position: relative;
    width: 100%;
    height: 560px;
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 20px;
}
.sm_type_5 .slider-container.container {
    padding: 0; overflow: hidden;
}
.sm_type_5 .slider-container.container .container {
    position: relative; z-index: 2;
}
.sm_type_5 .row {
    width: 100%; height: 100%;
}
.sm_type_5 .r_image {
    position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden; border-radius: 32px; height: 100%; padding: 30px 20px;
}
/* 메인 슬라이드6 */
.sm_type_6.slider {
    position: relative;
    width: 100%;
    height: 560px;
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 20px;
}
.sm_type_6 .slider-container.container {
    padding: 0; overflow: hidden;
}
.sm_type_6 .slider-container.container .container {
    position: relative; z-index: 2;
}
.sm_type_6 .row {
    width: 100%; height: 100%;
}
.sm_type_6 .r_image {
    position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden; border-radius: 32px; height: 100%; padding: 30px 20px;
}
/* 메인 슬라이드7 */
.sm_type_7.slider {
    position: relative;
    width: 100%;
    height: 560px;
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 20px;
}
.sm_type_7 .slider-container.container {
    padding: 0;
}
.sm_type_7 .slider-container.container .container {
    position: relative; z-index: 2;
}
.sm_type_7 .row {
    width: 100%; height: 100%;
}
.sm_type_7 .r_image {
    position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden; border-radius: 32px; height: 100%; padding: 30px 20px;
}
/* 메인 슬라이드8 */
.sm_type_8.slider {
    position: relative;
    width: 100%;
    height: 560px;
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 20px;
}
.sm_type_8 .slider-container.container {
    padding: 0; overflow: hidden;
}
.sm_type_8 .slider-container.container .container {
    position: relative; z-index: 2;
}
.sm_type_8 .row {
    width: 100%; height: 100%;
}
.sm_type_8 .r_image {
    position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden; border-radius: 0px; height: 100%; padding: 30px 20px;
}
/* 상세페이지용 메인 슬라이드11~20 */
.sm_type_11.slider, .sm_type_12.slider, .sm_type_13.slider, .sm_type_14.slider, .sm_type_15.slider, .sm_type_16.slider, .sm_type_17.slider, .sm_type_18.slider, .sm_type_19.slider, .sm_type_20.slider {
    position: relative;
    width: 100%;
    height: 350px;
    overflow: hidden;
}
.sm_type_11 .slider-container .container, .sm_type_12 .slider-container .container, .sm_type_13 .slider-container .container, .sm_type_14 .slider-container .container, .sm_type_15 .slider-container .container, .sm_type_16 .slider-container .container, .sm_type_17 .slider-container .container, .sm_type_18 .slider-container .container, .sm_type_19 .slider-container .container, .sm_type_20 .slider-container .container {
    position: relative; z-index: 2; padding-top: 100px;
}
.sm_type_11 .row, .sm_type_12 .row, .sm_type_13 .row, .sm_type_14 .row, .sm_type_15 .row, .sm_type_16 .row, .sm_type_17 .row, .sm_type_18 .row, .sm_type_19 .row, .sm_type_20 .row {
    display: flex; align-items: center;
}
/* 인덱스 *************************************************************************************************************************************************/
/* 인덱스 *************************************************************************************************************************************************/
/* 인덱스 *************************************************************************************************************************************************/
/* 인덱스 *************************************************************************************************************************************************/
/* 인덱스 *************************************************************************************************************************************************/
.index_content section {
    width: 100%;
    position: relative;
    padding: 80px 0;
    overflow: hidden;
}
.index_content section.small_0 {
    padding: 0px;
}
.index_content section.small_3 {
    padding: 30px 0;
}
.index_content section.small_6 {
    padding: 60px 0;
}
.test_on {
    display: block !important;
}
/* 테일 *************************************************************************************************************************************************/
/* 테일 *************************************************************************************************************************************************/
/* 테일 *************************************************************************************************************************************************/
/* 테일 *************************************************************************************************************************************************/
/* 테일 *************************************************************************************************************************************************/
/* 테일 타입1 */
.s_footer.sf_type_1 {
    background-color: black;
    flex-direction: column;
}
.s_footer.sf_type_1 .subcon {
    position: relative; height: 70px; border-bottom: solid 1px white;
}
.s_footer.sf_type_1 nav {
    height: 69px; display: flex; align-items: center; justify-content: flex-start; color: white;
}
.s_footer.sf_type_1 nav > div:nth-child(1) {
    font-weight: 600;
}
.s_footer.sf_type_1 .maincon {
    padding-top: 40px; padding-bottom: 50px;
}
.s_footer.sf_type_1 .maincon .col {
    display: flex; flex-direction: row; align-items: flex-start;
}
.s_footer.sf_type_1 .fo_logo {
    display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 0 15px; margin-right: 40px;
}
.s_footer.sf_type_1 .logo_img {
    height: 60px;
}
.s_footer.sf_type_1 .fo_info {
    color: white;
}
.s_footer.sf_type_1 .fo_info p {
    opacity: 0.6;
}
.s_footer.sf_type_2 .fo_info .no_ma {
    margin: 0px;
}
/* 테일 타입2 */
.s_footer.sf_type_2 {
    background-color: #292a2b;
    flex-direction: column;
}
.s_footer.sf_type_2 nav {
    display: flex; align-items: center; justify-content: flex-start; color: white; margin-bottom: 16px;
}
.s_footer.sf_type_2 nav div {
    padding: 0;
}
.s_footer.sf_type_2 nav > div:nth-child(1) {
    font-weight: 600;
}
.s_footer.sf_type_2 .maincon {
    padding-top: 40px; padding-bottom: 50px;
}
.s_footer.sf_type_2 .maincon .col {
    display: flex; flex-direction: row; align-items: flex-start;
}
.s_footer.sf_type_2 .fo_logo {
    display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 0 15px; margin-right: 40px;
}
.s_footer.sf_type_2 .logo_img {
    height: 60px;
}
.s_footer.sf_type_2 .fo_info {
    color: white;
}
.s_footer.sf_type_2 .fo_info p {
    opacity: 0.6;
}
.s_footer.sf_type_2 .fo_info .no_ma {
    margin: 0px;
}
/* 테일 타입3 */
.s_footer.sf_type_3 {
    background-color: black;
    flex-direction: column;
}
.s_footer.sf_type_3 nav {
    display: flex; align-items: center; justify-content: flex-start; color: white; margin-bottom: 16px;
}
.s_footer.sf_type_3 nav div {
    padding: 0;
}
.s_footer.sf_type_3 nav > div:nth-child(1) {
    color: white;
}
.s_footer.sf_type_3 .maincon {
    padding-top: 40px; padding-bottom: 50px;
}
.s_footer.sf_type_3 .maincon .col {
    display: flex; justify-content: space-between;
}
.s_footer.sf_type_3 .fo_info {
    color: white;
}
.s_footer.sf_type_3 .fo_info p {
    opacity: 0.6;
}
.s_footer.sf_type_3 .fo_info .no_ma {
    margin: 0px;
}
/* 테일 타입4 */
.s_footer.sf_type_4 {
    background-color: #121212;
    flex-direction: column;
}
.s_footer.sf_type_4 .maincon nav {
    display: flex; align-items: center; justify-content: flex-start; color: white; margin-bottom: 16px;
}
.s_footer.sf_type_4 .maincon nav div {
    padding: 0;
}
.s_footer.sf_type_4 .maincon nav > div:nth-child(1) {
    color: white;
}
.s_footer.sf_type_4 .maincon {
    padding-top: 40px; padding-bottom: 50px;
}
.s_footer.sf_type_4 .maincon .col {
    display: flex; justify-content: space-between;
}
.s_footer.sf_type_4 .fo_info {
    color: white;
}
.s_footer.sf_type_4 .fo_info p {
    opacity: 0.6;
}
.s_footer.sf_type_4 .fo_info .no_ma {
    margin: 0px;
}
.s_footer.sf_type_4 .subcon {
    position: relative; border-bottom: solid 1px white; 
    padding-top: 50px; padding-bottom: 50px;
}
.s_footer.sf_type_4 .subcon .col:nth-child(1) {
    display: flex; align-items: center;
}
.s_footer.sf_type_4 .subcon .col:nth-child(2) {
    display: flex; align-items: center; justify-content: flex-end;
}
.s_footer.sf_type_4 .subcon nav {
    display: flex; align-items: center; justify-content: flex-start; color: white; opacity: 0.6;
}
.s_footer.sf_type_4 .fo_logo {
    display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 0 15px; margin-right: 40px;
}
.s_footer.sf_type_4 .logo_img {
    height: 60px;
}
.s_footer.sf_type_4 .logo_text {
    font-size: 40px; font-weight: 700; color: white; margin-left: 20px;
}
/* 테일 타입5 */
.s_footer.sf_type_5 {
    background-color: black;
    flex-direction: column;
}
.s_footer.sf_type_5 .maincon nav {
    display: flex; align-items: center; justify-content: flex-end; color: white; margin-bottom: 5px;
}
.s_footer.sf_type_5 .maincon nav div {
    padding: 0;
}
.s_footer.sf_type_5 .maincon nav > div:nth-child(1) {
    color: white;
}
.s_footer.sf_type_5 .maincon {
    padding-top: 20px; padding-bottom: 50px;
}
.s_footer.sf_type_5 .maincon .col {
    display: flex; justify-content: space-between;
}
.s_footer.sf_type_5 .fo_info {
    color: white;
}
.s_footer.sf_type_5 .fo_info p {
    opacity: 0.6;
}
.s_footer.sf_type_5 .fo_info .no_ma {
    margin: 0px;
}
.s_footer.sf_type_5 .subcon {
    position: relative; padding-top: 50px;
}
.s_footer.sf_type_5 .subcon .col:nth-child(1) {
    display: flex; align-items: center;
}
.s_footer.sf_type_5 .subcon .col:nth-child(2) {
    display: flex; align-items: center; justify-content: flex-end;
}
.s_footer.sf_type_5 .subcon nav {
    display: flex; align-items: center; justify-content: flex-start; color: white; opacity: 0.6;
}
.s_footer.sf_type_5 .logo_text {
    font-size: 30px; font-weight: 700; color: white;
}
.s_footer.sf_type_5 .phone_text {
    font-size: 46px; font-weight: 700; color: var(--oc_font_w); text-align: right;
}
/* 테일 타입6 */
.s_footer.sf_type_6 {
    background-color: #292a2b;
    flex-direction: column;
}
.s_footer.sf_type_6 nav {
    display: flex; align-items: center; justify-content: flex-start; color: white; margin-bottom: 16px;
}
.s_footer.sf_type_6 nav div {
    padding: 0;
}
.s_footer.sf_type_6 nav > div:nth-child(1) {
    font-weight: 600;
}
.s_footer.sf_type_6 .maincon {
    padding-top: 40px; padding-bottom: 50px;
}
.s_footer.sf_type_6 .maincon .col {
    display: flex; flex-direction: column; align-items: flex-start;
}
.s_footer.sf_type_6 .fo_logo {
    display: flex; justify-content: center; align-items: center; flex-direction: row;
}
.s_footer.sf_type_6 .logo_img {
    height: 50px;
}
.s_footer.sf_type_6 .logo_text {
    font-size: 27px; font-weight: 700; color: white; margin-left: 20px;
}
.s_footer.sf_type_6 .fo_info {
    color: white;
}
.s_footer.sf_type_6 .fo_info p {
    opacity: 0.6;
}
.s_footer.sf_type_6 .fo_info .no_ma {
    margin: 0px;
}
.s_footer.sf_type_6 .col:nth-child(2) {
    align-items: flex-end;
}
.s_footer.sf_type_6 .col:nth-child(2) nav {
    display: flex; align-items: center; justify-content: flex-end; color: white; margin-bottom: 16px;
}
/* 테일 타입7 */
.s_footer.sf_type_7 {
    background-color: #585858;
    flex-direction: column;
}
.s_footer.sf_type_7 nav {
    display: flex; align-items: center; justify-content: flex-start; color: white; margin-bottom: 16px;
}
.s_footer.sf_type_7 nav div {
    padding: 0;
}
.s_footer.sf_type_7 nav > div:nth-child(1) {
    font-weight: 600;
}
.s_footer.sf_type_7 .maincon {
    padding-top: 30px; padding-bottom: 30px;
}
.s_footer.sf_type_7 .maincon .col {
    display: flex; justify-content: space-between;
}
.s_footer.sf_type_7 .fo_info {
    color: white; font-size: 15px; font-weight: 400;
}
.s_footer.sf_type_7 .fo_info .no_ma {
    margin: 0px;
}
/* 테일 타입8 */
.s_footer.sf_type_8 {
    background-color: black;
    flex-direction: column;
}
.s_footer.sf_type_8 .maincon nav {
    display: flex; align-items: center; justify-content: center; color: white; margin-bottom: 16px;
}
.s_footer.sf_type_8 .maincon nav div {
    padding: 0;
}
.s_footer.sf_type_8 .maincon nav > div:nth-child(1) {
    color: white;
}
.s_footer.sf_type_8 .maincon {
    padding-top: 30px; padding-bottom: 50px;
}
.s_footer.sf_type_8 .maincon .col {
    display: flex; justify-content: space-between; justify-content: center; text-align: center;
}
.s_footer.sf_type_8 .fo_info {
    color: white;
}
.s_footer.sf_type_8 .fo_info p {
    opacity: 0.6;
}
.s_footer.sf_type_8 .fo_info .no_ma {
    margin: 0px;
}
.s_footer.sf_type_8 .subcon {
    position: relative; border-bottom: solid 1px #585858; 
    padding-top: 40px; padding-bottom: 30px;
    max-width: 50%; margin: 0 auto;
}
.s_footer.sf_type_8 .subcon .col:nth-child(1) {
    display: flex; align-items: center; justify-content: center;
}
.s_footer.sf_type_8 .fo_logo {
    display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 0 15px; margin-right: 40px;
}
.s_footer.sf_type_8 .logo_img {
    height: 80px;
}
.s_footer.sf_type_8 .logo_text {
    font-size: 30px; font-weight: 700; color: white; margin-left: 20px;
}
/* 테일 타입9 */
.s_footer.sf_type_9 {
    background-color: white;
    flex-direction: column; border-top: solid 1px #292a2b;
}
.s_footer.sf_type_9 nav {
    display: flex; align-items: center; justify-content: flex-start; margin-bottom: 16px;
}
.s_footer.sf_type_9 nav div {
    padding: 0;  color: black;
}
.s_footer.sf_type_9 nav > div:nth-child(1) {
    font-weight: 600;
}
.s_footer.sf_type_9 .maincon {
    padding-top: 30px; padding-bottom: 30px;
}
.s_footer.sf_type_9 .maincon .col {
    display: flex; justify-content: space-between;
}
.s_footer.sf_type_9 .fo_info {
    color: black; font-size: 15px; font-weight: 500;
}
.s_footer.sf_type_9 .fo_info .no_ma {
    margin: 0px;
}
/* 테일 타입10 */
.s_footer.sf_type_10 {
    background-color: white;
    flex-direction: column; border-top: solid 1px #292a2b;
}
.s_footer.sf_type_10 .maincon nav {
    display: flex; align-items: center; justify-content: center; margin-bottom: 16px;
}
.s_footer.sf_type_10 .maincon nav div {
    padding: 0; color: black;
}
.s_footer.sf_type_10 nav > div:nth-child(1) {
    font-weight: 600;
}
.s_footer.sf_type_10 .maincon {
    padding-top: 30px; padding-bottom: 50px;
}
.s_footer.sf_type_10 .maincon .col {
    display: flex; justify-content: space-between; justify-content: center; text-align: center;
}
.s_footer.sf_type_10 .fo_info {
    color: black;
}
.s_footer.sf_type_10 .fo_info .no_ma {
    margin: 0px;
}
.s_footer.sf_type_10 .subcon {
    position: relative;
    padding-top: 40px; padding-bottom: 0px;
}
.s_footer.sf_type_10 .subcon .col:nth-child(1) {
    display: flex; align-items: center; justify-content: center;
}
.s_footer.sf_type_10 .fo_logo {
    display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 0 15px; margin-right: 40px;
}
.s_footer.sf_type_10 .logo_img {
    height: 80px;
}
.s_footer.sf_type_10 .logo_text {
    font-size: 30px; font-weight: 700; color: white; margin-left: 20px;
}
/* 테일 타입11 */
.s_footer.sf_type_11 {
    background-color: #222;
    flex-direction: column;
}
.s_footer.sf_type_11 .maincon nav {
    display: flex; align-items: center; justify-content: flex-end; color: white; margin-bottom: 5px;
}
.s_footer.sf_type_11 .maincon nav div {
    padding: 0;
}
.s_footer.sf_type_11 .maincon nav > div:nth-child(1) {
    color: white;
}
.s_footer.sf_type_11 .maincon {
    padding-top: 20px; padding-bottom: 50px;
}
.s_footer.sf_type_11 .maincon .col {
    display: flex; justify-content: space-between;
}
.s_footer.sf_type_11 .fo_info {
    color: #ccc;
}
.s_footer.sf_type_11 .fo_info p {
    opacity: 1;
    font-size: 14px;
}
.s_footer.sf_type_11 .fo_info .op05 {
    opacity: 0.6;
    margin-right: 3px;
}
.s_footer.sf_type_11 .fo_info .no_ma {
    margin: 0px;
    margin-top: 50px;
}
.s_footer.sf_type_11 .subcon {
    position: relative; padding-top: 50px;
}
.s_footer.sf_type_11 .subcon .col:nth-child(1) {
    display: flex; align-items: center;
}
.s_footer.sf_type_11 .subcon .col:nth-child(2) {
    display: flex; align-items: center; justify-content: flex-end;
}
.s_footer.sf_type_11 .subcon nav {
    display: flex; align-items: center; justify-content: flex-start; color: white;
}
.s_footer.sf_type_11 .subcon nav .menu_c i {
    opacity: 0.6;
}
.s_footer.sf_type_11 .subcon nav .menu_c i:hover {
    opacity: 1;
}
.s_footer.sf_type_11 .fo_nav nav{
    display: flex;
    padding: 20px 0;
}
/* 테일 타입12 */
.s_footer.sf_type_12 {
    background-color: white;
    flex-direction: column;
}
.s_footer.sf_type_12 .subcon {
    position: relative; height: 70px;
}
.s_footer.sf_type_12 nav {
    height: 69px; display: flex; align-items: center; justify-content: flex-start;
}
.s_footer.sf_type_12 .menu_b {
    color: black !important;
}
.s_footer.sf_type_12 nav > div:nth-child(1) {
    font-weight: 600;
}
.s_footer.sf_type_12 .maincon {
    padding-top: 30px; padding-bottom: 50px;
}
.s_footer.sf_type_12 .maincon .col {
    display: flex; flex-direction: row; align-items: flex-start;
}
.s_footer.sf_type_12 .fo_logo {
    display: flex; justify-content: center; align-items: center; flex-direction: column; margin-right: 40px;
}
.s_footer.sf_type_12 .logo_img {
    height: 78px;
    height: 26px;
    margin-top: 4px;
}
.s_footer.sf_type_12 .fo_info {
    color: black;
}
.s_footer.sf_type_12 .fo_info p {
    opacity: 1;
}
/* 테일 서브 *************************************************************************************************************************************************/
/* 테일 서브 *************************************************************************************************************************************************/
/* 테일 서브 *************************************************************************************************************************************************/
/* 테일 서브 *************************************************************************************************************************************************/
/* 테일 서브 *************************************************************************************************************************************************/
.to_top {
    position: absolute; left: 100%; bottom: 35px; margin-left: 20px; width: 40px; height: 40px; display: flex; font-size: 20px; align-items: center; justify-content: center; color: var(--oc_font_w); cursor: pointer; z-index: 100; margin-top: 100px;
    background: #333; border-radius: 100%;
}
.s_db_box_o {
    position: absolute; left: 100%; bottom: 85px; margin-left: 20px; width: 40px; height: 40px; display: flex; font-size: 20px; align-items: center; justify-content: center; color: var(--oc_font_w); cursor: pointer; z-index: 100; margin-top: 100px;
    background: #333; border-radius: 100%;
}
.to_call {
    position: absolute; bottom: 135px; width: 40px; height: 40px; display: flex; font-size: 20px; align-items: center; justify-content: center; color: var(--oc_font_w); cursor: pointer; z-index: 100; margin-top: 100px;
    background: #333; border-radius: 100%;
    
    right: 0; margin-right: 15px;
}
.s_db_box {
    position: absolute; left: 100%; bottom: 150px; margin-left: 20px; width: 200px; display: flex; flex-direction: column;
}
.s_db input[type="text"] {
    box-shadow: none !important;
    padding: 9px 10px 11px 50px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    border-radius: 5px;
    background-color: white;
    border: 1px solid #ddd;
    color: #222;
    width: 100%;
    height: 40px;
}
.s_db input[type="radio"] {
    width: 18px;
}
.s_db input[type="checkbox"] {
    width: 14px;
    margin-right: 4px;
    margin-top: 1px;
}
.s_db textarea::placeholder {
    color: #222;
    font-size: 15px; font-weight: 600;
}
.menu_box_o, .s_db_box_o, .s_db_box_o2, .s_notice_abox_o, .s_notice_bbox_o, .menu_he {
    cursor: pointer;
}

/* 애니메이션 클래스 */
@keyframes bounce {
    0%, 70%, 100% { transform: translateY(0); }
    45% { transform: translateY(-40px); }
    90% { transform: translateY(-15px); }
}
.bounce {
    animation: bounce 0.5s; /* 0.5초 동안 실행 */
}
/* 동적구현 애니메이션 관련 *************************************************************************************************************************************************/
/* 동적구현 애니메이션 관련 *************************************************************************************************************************************************/
/* 동적구현 애니메이션 관련 *************************************************************************************************************************************************/
/* 동적구현 애니메이션 관련 *************************************************************************************************************************************************/
/* 동적구현 애니메이션 관련 *************************************************************************************************************************************************/
.ani-01, .ani-02, .ani-03, .ani-04, .ani-1, .ani-2, .ani-3, .ani-4 {
    position: relative;
    opacity: 0; /* 시작 시 투명도 */
    transition: opacity 0.5s, left 0.3s, right 0.3s, top 0.3s, bottom 0.3s; /* 페이드 인 및 이동 속도 조절 */
    transition-timing-function: ease;
}
.ani-01.visible, .ani-02.visible, .ani-03.visible, .ani-04.visible {
    opacity: 1;
}
.ani-1.visible {
    opacity: 1;
    bottom: 0;
}
.ani-2.visible {
    opacity: 1;
    left: 0;
}
.ani-3.visible {
    opacity: 1;
    top: 0;
}
.ani-4.visible {
    opacity: 1;
    right: 0;
}
.ani-1 {
    bottom: -50px;
}
.ani-2 {
    left: -50px;
}
.ani-3 {
    top: -50px;
}
.ani-4 {
    right: -50px;
}






































/* 반응형 *************************************************************************************************************************************************/
/* 반응형 *************************************************************************************************************************************************/
/* 반응형 *************************************************************************************************************************************************/
/* 반응형 *************************************************************************************************************************************************/
/* 반응형 *************************************************************************************************************************************************/
.create1720_d, .create1720_f, .create1400_d, .create1400_f, .create1200_d, .create1200_f, .create992_d, .create992_f, .create768_d, .create768_f, .create576_d, .create576_f {
    display: none !important;
}
@media (max-width: 1720px) {
    /*헤더*/
    .destroy1720 {
        display: none !important;
    }
    .create1720_d {
        display: block !important;
    }
    .create1720_f {
        display: flex !important;
    }
    .maT40-1720 {
        margin-top: 40px !important;
    }
    .wi100p-1720 {
        width: 100% !important;
    }
    /*인덱스 슬라이드*/
    /*인덱스*/
    /*테일*/
    /*테일 서브*/
    .to_top, .s_db_box_o {
        left: unset; right: 0; margin: 0; margin-right: 15px;
    }
    .s_db_box {
        position: fixed;
        left: 0;
        bottom: 0;
        margin: 0;
        width: 100%;
        height: 100vh;
        background-color: #000000cc;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        display: none;
    }
    .s_db_box_1 {
        width: 100% !important;
        max-width: 300px;
    }
    .s_db_box_2 {
        width: 100% !important;
        max-width: 300px;
        padding: 15px 10px !important;
        height: 75px;
        display: flex;
        align-items: center;
        flex-direction: row;
    }
    .s_db_box_2>div {
        height: 100% !important;
        width: 33.333%;
        justify-content: center;
        flex-direction: column
    }
    .s_db_box_2>a>div {
        height: 100% !important;
        width: 100%;
        justify-content: center;
        flex-direction: column
    }
    .s_db_box_2>a>div:nth-child(1), .s_db_box_2>a>div:nth-child(2) {
        border-bottom: 0 !important;
        border-right: solid 1px #555;
    }
    .s_db_box_2 .f_icon {
        margin: 0 10px;
    }
}
/* XX-Large devices (larger desktops, 1400px and up) **********************************************************************/
/* XX-Large devices (larger desktops, 1400px and up) **********************************************************************/
/* XX-Large devices (larger desktops, 1400px and up) **********************************************************************/
@media (max-width: 1400px) {
    /*헤더*/
    .destroy1400 {
        display: none !important;
    }
    .create1400_d {
        display: block !important;
    }
    .create1400_f {
        display: flex !important;
    }
    .maT40-1400 {
        margin-top: 40px !important;
    }
    .wi100p-1400 {
        width: 100% !important;
    }
    /*인덱스 슬라이드*/
    .slider_box .sm_type_4.slider {
        padding-left: 12px;
        padding-right: 12px;
    }
    /*인덱스*/
    .type_95_m1 {
        flex-direction: column-reverse !important;
    }
    .type_95_m2 {
        width: 100% !important;
        height: 300px !important;
    }
    /*테일*/
    /*테일 서브*/
}
/* X-Large devices (large desktops, 1200px and up) **********************************************************************/
/* X-Large devices (large desktops, 1200px and up) **********************************************************************/
/* X-Large devices (large desktops, 1200px and up) **********************************************************************/
@media (max-width: 1200px) {
    /*헤더*/
    .destroy1200 {
        display: none !important;
    }
    .create1200_d {
        display: block !important;
    }
    .create1200_f {
        display: flex !important;
    }
    .maT40-1200 {
        margin-top: 40px !important;
    }
    .wi100p-1200 {
        width: 100% !important;
    }
    .sh_type_3 .button_c {
        border-radius: 10px;
        padding: 0 10px;
        font-size: 24px;
        border: 0;
    }
    .s_header.sh_type_4 .logo_text {
        height: 100%;
        color: black;
        margin-left: 0;
        padding: 0;
        background-color: unset;
        border-radius: 0;
    }
    .s_header.sh_type_4 .logo_text::before {
        display: none;
    }
    .sh_type_5 .button_d {
        padding: 0 10px;
    }
    .sh_type_11 .button_d {
        padding: 0 10px;
    }
    .s_header.sh_type_8 .row {
        width: fit-content;
    }
    .s_header.sh_type_8 .col:nth-child(2) {
        margin: 0 12px;
    }
    .s_header.sh_type_8 .button_d {
        padding: 0 12px;
    }
    .sh_type_9 .button_e {
        padding: 0 12px;
        margin: 0;
        font-size: 16px !important;
    }
    .s_header.sh_type_9 .col:nth-child(2) {
        width: fit-content;
    }
    .sh_type_10 .button_b {
        background-color: unset;
        color: black;
        border-radius: 0;
        border-top: solid 1px black;
        border-bottom: solid 1px black;
    }
    /*인덱스 슬라이드*/
    .sm_type_1 .menu_d, .sm_type_1 .menu_d_sub {
        height: unset;
        padding: 15px 30px;
        font-size: 16px;
    }
    .sm_type_1 .button_f {
        margin-bottom: 0px;
    }
    .font_0 {
        font-size: 50px; font-weight: 300; line-height: 1.2;
    }
    .font_1 {
        font-size: 22px; font-weight: 700; line-height: 1.2; margin-bottom: 20px;
    }
    .font_2 {
        font-size: 34px; font-weight: 900; line-height: 1.3;
    }
    .font_3 {
        font-size: 14px; font-weight: 700; line-height: 1.2; margin-bottom: 20px; letter-spacing: -0.5px !important;
    }
    .font_4 {
        font-size: 20px; font-weight: 700; line-height: 1.3;
    }
    .s_main .slide-buttons {
        top:unset;
        bottom:55px;
    }
    .sm_type_4 .slider-container.container .container {
        padding-left: 50px;
    }
    /*인덱스*/
    .si_type_119 .slider {
        height: 400px !important;
        margin-bottom: 30px;
    }
    .type_8_m1 {
        margin-bottom: 2px !important;
    }
    .type_8_m2 {
        line-height: 28px !important;
        margin-bottom: 15px !important;
    }
    .type_8_m3 {
        margin-bottom: 4px !important;
    }
    .type_9_m1 {
        margin-bottom: 2px !important;
    }
    .type_9_m2 {
        margin-bottom: 0px !important;
    }
    .type_18_m1 {
        width: 75% !important;
    }
    .type_29_m1 {
        font-size: 18px !important;
    }
    .type_36_m1 {
        padding-top: 90% !important;
    }
    .type_74_m1 {
        min-height: 400px !important;
    }
    .type_84_m4 {
        min-height: 330px !important;
    }
    .type_99_m1 {
        min-height: 530px !important;
    }
    .type_99_m2 {
        margin-top: -2px !important;
    }
    .type_101_m1 {
        min-height: unset !important;
    }
    .type_101_m2 {
        padding-top: 70% !important;
    }
    .type_103_m1 {
        min-height: 380px !important;
    }
    .type_106_m1 {
        min-height: 120px !important;
    }
    .type_106_m2 {
        padding-top: 600px !important;
    }
    .type_61_m1 {
        min-height: 320px !important;
    }
    .type_68_m1 {
        min-height: 290px !important;
    }
    .type_69_m1 {
        min-height: 290px !important;
    }
    .type_69_m2 {
        top: 20px !important;
    }
    .type_69_m3 {
        top: -30px !important;
        transform: rotate(-10deg) !important;
    }
    .type_98_m1 {
        height: 400px !important;
        margin-bottom: 30px;
        padding: 0 !important;
    }
    .type_78_m1 {
        min-height: 450px !important;
    }
    .type_70_m1 {
        min-height: 370px !important;
    }
    .type_80_m1 {
        border-radius: 0 !important;
    }
    .type_102_m1 {
        min-height: unset !important;
    }
    .type_102_m2 {
        padding-top: 0 !important;
        padding-left: 12px !important;
        margin-bottom: 0 !important;
    }
    .type_129_m1 {
        align-items: flex-end !important;
        margin-bottom: 20px !important;
    }
    .type_128_m1 {
        margin-bottom: 5px !important;
    }
    .type_128_m2 {
        align-items: flex-end !important;
        margin-top: 20px !important;
    }
    .type_128_m2 .button_b {
        width: 100% !important;
    }
    .type_95_m3 {
        height: unset !important;
        padding: 30px !important;
    }
    .type_95_m3>div {
        text-align: left !important;
        width: 100% !important;
    }
    .type_110_m2 {
        border-radius: 50px !important;
    }
    .type_94_m2 {
        height: 65vh !important;
    }
    /*테일*/
    .s_footer.sf_type_3 .maincon .col, .s_footer.sf_type_4 .maincon .col, .s_footer.sf_type_5 .maincon .col, .s_footer.sf_type_7 .maincon .col, .s_footer.sf_type_9 .maincon .col {
        flex-direction: column-reverse
    }
    .s_footer.sf_type_5 .fo_nav {
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }
    /*테일 서브*/
}
/* Large devices (desktops, 992px and up) **********************************************************************/
/* Large devices (desktops, 992px and up) **********************************************************************/
/* Large devices (desktops, 992px and up) **********************************************************************/
@media (max-width: 992px) {
    /*헤더*/
    .destroy992 {
        display: none !important;
    }
    .create992_d {
        display: block !important;
    }
    .create992_f {
        display: flex !important;
    }
    .maT40-992 {
        margin-top: 40px !important;
    }
    .wi100p-992 {
        width: 100% !important;
    }
    .s_header.sh_type_7 .col:nth-child(2) {
        align-items: flex-start;
    }
    /*인덱스 슬라이드*/
    /*인덱스*/
    .index_content section {
        padding: 50px 0;
    }
    .si_type_7 .aImg1 {
        width: 100% !important; height: 50% !important;
    }
    .si_type_7 .aImg2 {
        width: 100% !important; height: 50% !important; top: unset !important; bottom: 0;
    }
    .type_13_m2 {
        padding-top: 50% !important;
    }
    .type_30_m1 {
        padding-top: 40% !important;
    }
    .type_30_m1>div {
        padding-left: 30px !important;
    }
    .type_30_m2 {
        width: 25% !important;
    }
    .type_34_m1 {
        margin: 0 0 40px 0 !important;
    }
    .type_36_m1 {
        padding-top: 105% !important;
    }
    .type_37_m1 {
        margin-bottom: 15px !important;
    }
    .type_37_m1>div {
        padding: 12px !important;
    }
    .type_37_m2>div {
        padding: 12px !important;
    }
    .type_38_m1 {
        margin-bottom: 15px !important;
    }
    .type_40_m1 {
        margin-bottom: 12px !important;
    }
    .type_45_m1 {
        min-height: unset !important;
    }
    .type_66_m1 {
        min-height: unset !important;
    }
    .type_71_m1>div {
        min-height: unset !important;
    }
    .type_74_m1 {
        min-height: unset !important;
    }
    .type_74_m1:nth-child(1), .type_74_m1:nth-child(2) {
        margin-bottom: 30px !important;
    }
    .type_74_m1 div {
        text-align: left !important;
        margin-bottom: 0px !important;
    }
    .type_77_m1>div {
        margin-bottom: 12px !important;
    }
    .type_84_m1 {
        float: left !important;
    }
    .type_84_m2 {
        flex-direction: column !important;
    }
    .type_84_m3 {
        width: 100% !important;
        padding-top: 30% !important;
    }
    .type_82_m1 {
        margin-bottom: 20px !important;
    }
    .type_82_m2 {
        margin-bottom: 5px !important;
        padding-left: 12px !important;
    }
    .type_82_m3 {
        margin-top: 0px !important;
    }
    .type_91_m1 {
        min-height: unset !important;
        margin: 0 !important;
    }
    .type_91_m2 {
        padding: 0 !important;
    }
    .type_91_m2>div {
        border-radius: 0 !important;
        min-height: 200px !important;
    }
    .si_type_94 {
        padding-bottom: 0 !important;
    }
    .type_99_m1 {
        min-height: unset !important;
    }
    .type_103_m1 {
        min-height: unset !important;
    }
    .type_107_m1 {
        min-height: unset !important;
        margin-bottom: 50px !important;
    }
    .type_107_m2 {
        min-height: 300px !important;
    }
    .type_132_m1 {
        border: 0 !important;
    }
    .type_132_m2 {
        margin-top: 19px !important;
    }
    .type_49_m1 {
        padding-top: 50vh !important;
    }
    .type_48_m1 {
        flex-direction: row !important;
        justify-content: space-around !important;
    }
    .type_48_m2 {
        margin: 25px 0 !important;
    }
    .type_48_m3 {
        margin-bottom: 0 !important;
    }
    .type_54_m1 {
        padding-top: 60% !important;
    }
    .type_52_m1 {
        min-height: 200px !important;
        z-index: 1 !important;
    }
    .type_52_m2 {
        z-index: 2 !important;
        padding: 30px 15% !important;
        margin-top: -42px !important;
    }
    .type_52_m3 {
        z-index: 1 !important;
        margin-top: -84px !important;
        min-height: 200px !important;
    }
    .type_61_m1 {
        min-height: 250px !important;
    }
    .type_61_m1:nth-child(1), .type_61_m1:nth-child(2), .type_61_m1:nth-child(3), .type_61_m1:nth-child(4) {
        border-top: solid 1px #333 !important;
    }
    .type_61_m2 {
        border: 0 !important;
    }
    .type_64_m1 {
        min-height: 250px !important;
    }
    .type_68_m1 {
        min-height: 230px !important;
        margin-bottom: 12px !important;
    }
    .type_69_m1 {
        min-height: 230px !important;
        margin-bottom: 12px !important;
    }
    .type_69_m2 {
        top: 0px !important;
        transform: rotate(5deg) !important;
        left: -10px !important;
    }
    .type_69_m3 {
        top: 0px !important;
        transform: rotate(-5deg) !important;
        left: 10px !important;
    }
    .type_47_m1:nth-child(1) {
        padding: 0 !important;
    }
    .type_47_m1>div {
        border-radius: 0 !important;
    }
    .type_78_m1 {
        min-height: 400px !important;
    }
    .type_124_m1 {
        min-height: 300px !important;
    }
    .type_123_m1 {
        padding-top: 60%;
        height: unset !important;
    }
    .type_85_m1 {
        width: 50% !important;
    }
    .type_42_m1 {
        padding-top: 85% !important;
    }
    .type_42_m2 {
        padding-left: 0 !important;
    }
    .type_44_m1 {
        padding-top: 100% !important;
    }
    .si_type_53 {
        padding: 80px 0 50px 0 !important;
    }
    .type_53_m1 {
        width: 100% !important;
        height: 300px !important;
    }
    .type_53_m2 {
        padding-top: 80% !important;
    }
    .type_53_m3 {
        margin-bottom: 0 !important;
    }
    .type_57_m1 {
        width: 100% !important;
    }
    .type_57_m2 {
        padding: 1px !important;
    }
    .type_57_m2:nth-child(1) {
        padding-left: 12px !important;
    }
    .type_57_m2:nth-child(3) {
        padding-right: 12px !important;
    }
    .type_58_m1 {
        padding: 1px !important;
        margin-top: 0 !important;
    }
    .type_58_m2 {
        margin-bottom: 2px !important;
        padding: 10px 0 !important;
    }
    .type_58_m3 {
        margin-right: -13px !important;
        margin-left: -13px !important;
    }
    .type_65_m1 {
        margin-right: -13px !important;
        margin-left: -13px !important;
    }
    .type_65_m2 {
        margin-top: 0 !important;
    }
    .type_65_m3 {
        padding: 10px 0 !important;
        min-height: 340px !important;
    }
    .type_109_m1 {
        margin-right: -13px !important;
        margin-left: -13px !important;
    }
    .type_109_m2 {
        min-height: 340px !important;
    }
    .type_109_m3 {
        min-height: 218px !important;
    }
    .si_type_76 {
        height: unset !important;
    }
    .type_76_m1 {
        min-height: unset !important;
    }
    .type_76_m2 {
        min-height: unset !important;
        border: 0 !important;
    }
    .type_76_m3 {
        border: 0 !important;
        padding-bottom: 5px !important;
    }
    .type_80_m2 {
        flex-direction: column-reverse !important;
    }
    .type_80_m2 div {
        text-align: center !important;
    }
    .type_80_m3 {
        padding: 0 !important;
    }
    .type_80_m4 {
        font-size: 50vw !important;
        margin-top: 0px !important;
        line-height: 1 !important;
    }
    .type_80_m5 {
        padding-bottom: 0 !important;
    }
    .type_86_m1 {
        padding-top: 0 !important;
    }
    .type_86_m2 {
        position: relative !important;
    }
    .type_86_m3 {
        text-align: center !important;
    }
    .type_86_m4 {
        padding: 4px !important;
        margin-top: -5px !important;
    }
    .type_86_m5 {
        padding-top: 70% !important;
    }
    .type_92_m1 {
        min-height: 250px !important;
    }
    .type_102_m3 {
        min-height: unset !important;
    }
    .type_129_m2 {
        padding-top: 80% !important;
    }
    .type_128_m1 {
        margin-top: 25px !important;
    }
    .si_type_125 {
        padding-top: 0 !important;
        background-color: #dddddd !important;
    }
    .type_125_m1 {
        position: relative !important;
    }
    .type_125_m2 {
        position: relative !important;
        width: 100% !important;
        margin-bottom: 30px !important;
        height: 300px !important;
    }
    .type_125_m3 {
        padding-top: unset !important;
    }
    .type_125_m3>div {
        position: relative !important;
        padding-left: 0px !important;
    }
    .type_121_m1 {
        width: 360% !important;
        left: -130% !important;
        padding-top: 360% !important;
    }
    .si_type_113 {
        border: 0 !important;
    }
    .type_113_m1 {
        margin-bottom: 35px !important;
    }
    .type_113_m2 {
        min-height: 160px !important;
    }
    .type_113_m3 {
        min-height: 220px !important;
    }
    .type_113_m4 {
        min-height: 405px !important
    }
    .type_113_m5 {
        min-height: unset !important;
    }
    .type_113_m6 {
        margin-top: 0 !important;
    }
    .type_113_m7 {
        padding-bottom: 0 !important;
    }
    .type_113_m8 {
        border: 0 !important;
    }
    .type_94_m1 {
        position: relative !important;
        top: unset !important;
        left: unset !important;
        right: unset !important;
        bottom: unset !important;
        max-width: unset !important;
        background-color: #d9d9d969 !important;
        padding: 15px !important;
        border-radius: 0 !important;
        border: solid 1px white !important;
    }
    .type_94_m2 {
        align-content: flex-start !important;
        height: unset !important;
        border: solid 1px white !important;
    }
    .type_94_m3 {
        position: relative !important;
        top: unset !important;
        left: unset !important;
        right: unset !important;
        bottom: unset !important;
        max-width: unset !important;
    }
    .type_94_m4 {
        width: 95% !important;
        margin-bottom: 20px !important;
    }
    .type_94_m3>img {
        margin-bottom: 15px !important;
    }
    .si_type_17 {
        padding-top: 60px !important;
    }
    .type_17_m1 {
        padding-top: 40% !important;
        margin-top: -60px !important;
    }
    .type_66_m2 {
        margin-bottom: 0 !important;
    }
    .type_101_m2 {
        margin-bottom: 30px !important;
    }
    .type_101_m3 {
        margin-bottom: 0 !important;
    }
    /*테일*/
    .s_footer.sf_type_6 .row {
        flex-direction: column-reverse
    }
    .s_footer.sf_type_6 .col:nth-child(2) {
        flex-direction: column-reverse;
        align-items: center;
    }
    .s_footer.sf_type_6 .menu_c {
        font-size: 20px;
        margin-top: 15px;
        margin-bottom: 30px;
    }
    .s_footer.sf_type_6 .menu_c:nth-child(1) {
        padding: 0;
    }
    /*테일 서브*/
}
/* Medium devices (tablets, 768px and up) **********************************************************************/
/* Medium devices (tablets, 768px and up) **********************************************************************/
/* Medium devices (tablets, 768px and up) **********************************************************************/
@media (max-width: 768px) {
    /*헤더*/
    .destroy768 {
        display: none !important;
    }
    .create768_d {
        display: block !important;
    }
    .create768_f {
        display: flex !important;
    }
    .maT40-768 {
        margin-top: 40px !important;
    }
    .wi100p-768 {
        width: 100% !important;
    }
    /*인덱스 슬라이드*/
    .sm_type_1.slider {
        height: 550px !important;
    }
    /*인덱스*/
    .si_type_1 .col-12 {
        padding: 0;
    }
    .si_type_1 .slider {
        margin-top: 24px;
    }
    .si_type_116 .slider {
        margin-top: 30px;
    }
    .si_type_11 .row:nth-child(1) {
        flex-direction: column-reverse
    }
    .type_15_m1 {
        max-height: 250px !important;
    }
    .type_15_m1:nth-child(1)>div {
        margin-top: 20px !important;
    }
    .type_15_m1:nth-child(2)>div {
        margin-top: -80px !important;
    }
    .type_15_m2 {
        max-height: 230px !important;
    }
    .type_17_m1 {
        border-radius: 30px 0 0 30px !important;
        height: 90% !important;
        margin-right: -12px !important;
        margin-top: 0px !important;
    }
    .type_20_m1 {
        padding-top: 50% !important;
    }
    .type_20_m1>div {
        width: 110% !important;
        border-radius: 30px 0 0 30px !important;
    }
    .type_23_m1 {
        height: unset !important;
        padding-top: 70%;
    }
    .si_type_25 .row:nth-child(2) {
        flex-direction: column-reverse;
    }
    .si_type_30 {
        border: 0 !important;
    }
    .type_30_m1 {
        padding-top: 100% !important;
    }
    .type_30_m1>div {
        padding-left: 0px !important;
        max-width: 370px;
    }
    .type_30_m2 {
        width: 15% !important;
        border: 0 !important;
        border-radius: 0 30px 30px 0;
    }
    .type_31_m1 {
        padding: 30px 32px 20px 20px !important;
    }
    .type_32_m1 {
        padding: 30px 32px 30px 20px !important;
    }
    .type_33_m1 {
        padding: 30px 32px 30px 20px !important;
    }
    .type_35_m1 {
        padding: 32px 24px 60px 12px !important;
    }
    .type_35_m2 {
        padding-left: 18px;
    }
    .type_36_m1 {
        padding-top: 0% !important;
        height: 300px;
        position: relative !important;
        bottom: -20px !important;
        border-radius: 0px !important;
    }
    .type_39_m1 {
        margin-bottom: 24px !important;
    }
    .type_84_m3 {
        width: 100% !important;
        padding-top: 60% !important;
    }
    .type_84_m4 {
        padding: 20px 15px !important;
    }
    .type_61_m1 {
        margin-bottom: 0 !important;
    }
    .type_100_m1 {
        border-radius: 0 !important;
        margin-bottom: 40px !important;
    }
    .type_127_m1 {
        margin-bottom: 12px !important;
    }
    .type_78_m1 {
        min-height: 250px !important;
    }
    .type_70_m1 {
        min-height: 300px !important;
    }
    .type_87_m1 {
        width: 100% !important;
        padding-top: 120% !important;
    }
    .type_85_m1 {
        width: 65% !important;
    }
    .type_42_m3 {
        width: 100% !important;
        opacity: 0.3 !important;
    }
    .si_type_55 .row {
        margin-bottom: 24px !important;
    }
    .type_55_m1 {
        padding-left: 0 !important;
    }
    .type_55_m2 {
        padding-top: 130% !important;
        border-radius: 0 15px 15px 0 !important;
    }
    .type_56_m1 {
        padding-left: 0 !important;
    }
    .type_56_m2 {
        padding-top: 240% !important;
        border-radius: 0 15px 15px 0 !important;
    }
    .type_96_m1 {
        padding: 70px 50px !important;
    }
    .type_97_m1 {
        padding: 70px 50px !important;
    }
    .si_type_59 {
        padding-bottom: 0 !important;
    }
    .type_59_m1 {
        width: 100% !important;
    }
    .type_59_m2 {
        top: unset !important;
        width: 100% !important;
        height: 250px !important;
        bottom: 250px !important;
    }
    .type_59_m3 {
        top: unset !important;
        width: 100% !important;
        height: 250px !important;
        bottom: 0px !important;
        padding: 20px 12px !important;
    }
    .type_63_m1 {
        background-color: #222222e3 !important;
    }
    .type_67_m1 {
        border-radius: 0 70px 0 0 !important;
        margin-bottom: 30px !important;
    }
    .type_67_m2 {
        height: 80px !important;
        margin-top: -125px !important;
    }
    .type_67_m3 {
        height: 100% !important;
        backdrop-filter: blur(10px) !important;
        left: -10% !important;
        width: 120% !important;
        border-radius: 0 !important;
    }
    .type_67_m4 {
        writing-mode: unset !important;
        color: #ebebeb !important;
    }
    .type_80_m3 {
        height: 200px !important;
    }
    .type_80_m4 {
        font-size: 65vw !important;
        letter-spacing: 0px !important;
    }
    .type_81_m1 {
        text-align: center !important;
    }
    .si_type_83 {
        padding: 0 !important;
    }
    .type_83_m1 {
        padding-top: 40% !important;
        margin-bottom: 0 !important;
    }
    .type_83_m2 {
        padding: 20px 15px !important;
    }
    .type_83_m3 {
        padding-top: 40% !important;
        margin-bottom: 0 !important;
    }
    .type_104_m1 {
        margin-bottom: 50px !important;
        border: 0 !important;
    }
    .type_104_m2 {
        padding-left: 12px !important;
    }
    .type_104_m3 {
        margin-left: 0 !important;
    }
    .type_104_m4 {
        text-align: left !important;
    }
    .type_105_m1 {
        padding-right: 12px !important;
    }
    .type_105_m2 {
        padding: 30px 20px !important;
    }
    .type_105_m3 {
        flex-direction: column-reverse !important;
    }
    .type_105_m4 {
        height: 300px !important;
        margin-bottom: 30px;
    }
    .type_130_m1 {
        margin-top: 25px !important;
        margin-bottom: 5px !important;
    }
    .type_130_m2 {
        padding-top: 80% !important;
    }
    .type_129_m2 {
        padding-top: 60% !important;
    }
    .type_122_m1 {
        padding: 32px 24px 60px 12px !important;
    }
    .type_122_m2 {
        padding-left: 18px;
    }
    .type_121_m1 {
        width: 150% !important;
        left: -25% !important;
        padding-top: 150% !important;
        margin-top: -50% !important;
        margin-bottom: -50% !important;
    }
    .type_95_m4 {
        height: unset !important;
    }
    .type_110_m1 {
        padding-bottom: 0 !important;
    }
    .type_110_m1>div:nth-child(1) {
        margin-bottom: 5px !important;
    }
    .type_110_m2 {
        height: 300px !important;
        margin-top: 30px;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        margin-bottom: 20px;
        border: 0 !important;
        border-radius: 0 !important;
    }
    .type_110_m1:nth-child(1) {
        padding-top: 0 !important;
    }
    .type_11_m1 {
        margin-bottom: 0 !important;
    }
    .type_25_m1 {
        margin-bottom: 0 !important;
    }
    .type_46_m1 {
        margin-bottom: 0 !important;
    }
    .type_46_m2 {
        min-height: 300px !important;
    }
    .type_61_m3 {
        margin-bottom: 0 !important;
    }
    .type_100_m2 {
        padding-top: 0 !important;
    }
    .type_100_m3 {
        padding-bottom: 0 !important;
    }
    .type_100_m4 {
        margin-bottom: 0 !important;
    }
    .type_110_m3 {
        margin-top: 0 !important;
    }
    /*테일*/
    .s_footer.sf_type_4 .subcon .col:nth-child(1), .s_footer.sf_type_4 .subcon .col:nth-child(2), .s_footer.sf_type_5 .subcon .col:nth-child(1), .s_footer.sf_type_5 .subcon .col:nth-child(2) {
        justify-content: center;
    }
    .s_footer.sf_type_4 .row:nth-child(1), .s_footer.sf_type_5 .row:nth-child(1) {
        flex-direction: column;
    }
    .s_footer.sf_type_4 .logo_img, .s_footer.sf_type_5 .logo_text {
        margin-bottom: 20px;
    }
    .s_footer.sf_type_4 .menu_c, .s_footer.sf_type_5 .menu_c {
        font-size: 20px;
    }
    .s_footer.sf_type_4 .menu_c:nth-child(1), .s_footer.sf_type_5 .menu_c:nth-child(1) {
        padding: 0;
    }
    .s_footer.sf_type_5 .fo_nav {
        align-items: center;
        margin-bottom: 30px;
    }
    /*테일 서브*/
}
/* Small devices (landscape phones, 576px and up) **********************************************************************/
/* Small devices (landscape phones, 576px and up) **********************************************************************/
/* Small devices (landscape phones, 576px and up) **********************************************************************/
@media (max-width: 576px) {
    /*헤더*/
    .destroy576 {
        display: none !important;
    }
    .create576_d {
        display: block !important;
    }
    .create576_f {
        display: flex !important;
    }
    .maT40-576 {
        margin-top: 40px !important;
    }
    .wi100p-576 {
        width: 100% !important;
    }
    .sh_type_1 .button_a, .sh_type_1 .button_b {
        border-radius: 10px;
        padding: 0 10px;
        font-size: 24px;
    }
    .sh_type_2 .button_a, .sh_type_2 .button_b {
        border-radius: 100px;
        padding: 0 10px;
        font-size: 24px;
    }
    /*인덱스 슬라이드*/
    .sm_type_4 .slider-container.container .container {
        padding-left: 20px;
    }
    /*인덱스*/
    .si_type_2 img {
        margin-top: 30px;
    }
    .si_type_6 .menu_he {
        height: unset !important;
    }
    .si_type_6 img {
        margin-top: 24px;
    }
    .si_type_7 .wi100p-576 {
        padding-left: 0 !important;
    }
    .type_56_m2 {
        padding-top: 440% !important;
    }
    .type_96_m1 {
        padding: 70px 50px 60px !important;
    }
    .type_97_m1 {
        padding: 70px 50px 60px !important;
    }
    .type_6_m1 {
        margin-bottom: 12px !important;
    }
    .type_6_m2 {
        margin-bottom: 0 !important;
    }
    /*테일*/
	.s_footer.sf_type_1 .maincon .col, .s_footer.sf_type_2 .maincon .col {
		flex-direction: column; align-items: center
	}
	.s_footer.sf_type_1 .fo_logo, .s_footer.sf_type_2 .fo_logo {
		display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 0 15px; margin: 0 0 30px 0;
	}
    .s_footer.sf_type_1 .logo_img, .s_footer.sf_type_2 .logo_img {
        height: 80px;
    }
    .s_footer.sf_type_11 .subcon .row {
        flex-direction: column !important;
    }
    .s_footer.sf_type_11 .subcon .col {
        justify-content: center !important;
        margin-bottom: 20px;
    }
    .s_footer.sf_type_11 .logo_img {
        height: 90px !important;
    }
    /*테일 서브*/
}