@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');

/* reset */
@media all {
    .clear:after { 
        content:""; 
        display:block; 
        clear:both;
    }
    * { margin:0; padding:0; outline:none; box-sizing:border-box; }
    body {
    line-height:1; font-size:14px; font-weight:400; color:#000; font-family: 'Noto Sans KR', sans-serif !important; word-wrap: break-word; word-break: keep-all;
    }
    h1, h2, h3, h4, h5, h6 { margin:0; font-family: 'Noto Sans KR', sans-serif !important; line-height:1; font-size: 1em; }
    ul, ol { list-style:none; margin:0; padding: 0; }
    a { outline:0; text-decoration:none; color: #000; font-family: 'Noto Sans KR', sans-serif !important; }
    a:focus { outline:none; }
    figure,dl,dd,input[type=radio], input[type=checkbox]  { margin: 0; padding: 0; }
    img { border:none; outline:none; max-width: 100%; }
    p { margin:0; padding:0; word-wrap: break-word; word-break: keep-all;  }
    button, input, submit { border: none; background: none; }
    dt { font-weight: normal; }
    ::placeholder { font-family: 'Noto Sans KR', sans-serif !important; }
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
        transition: background-color 5000s ease-in-out 0s;
        -webkit-transition: background-color 9999s ease-out;
        box-shadow: none !important;
        -webkit-text-fill-color: none !important;
    }
}   

/* 탭 초기화 */
.tabBox1 .nav { border: none; }
.tabBox1 .nav > li { margin: 0; float: none; }
.tabBox1 .nav > li > a { padding: 0; margin: 0; border-radius:0; border: 0; }
.tabBox1 .nav > li:hover > a { background: none; }
.tabBox1 .nav > li.active > a { border: none; background: none; }

:root {
	/* 컨텐츠 너비 */
	--containerV1-width : 1400;

	--main-color : #90c740; /* mainColor */	

    --containerV2-gap: calc( 40 / 1920 * 100vw );
}

@media (max-width:1200px) {
    :root { --containerV2-gap: 0; }
}

/* container */
.containerV1 { width: 100%; margin: 0 auto; max-width: calc(var(--containerV1-width) * 1px); }
@media (max-width:1430px) {
	.containerV1 { padding: 0 15px; }
}

/* 확대 축소 애니메이션 */
@keyframes ani_scale1 {
	50% { transform:scale(1.005); }
}
@keyframes ani_scale2 {
	50% { transform:scale(1.04); }
}
@keyframes ani_scale3 {
	50% { transform:scale(1.00); }
}

.wrapper, .wrapV1 { overflow-x: hidden; }

/* 게시판 글 없을 때 */
.post-none { font-size: 16px; }

@media all { /* pc & mob */
    #header {
        --font-size-pc: 18;
        --font-size-mob:15;
        --header-height:100px;
        --sub-menu-font-size-pc: 15;
        --sub-menu-font-size-mob: 12;
        --sub-menu-line-height:2.5;
        --sub-menu-top-bottom-gap:2.5;
    
        /* 
            ((가장 높은 소메뉴 갯수) * (서브메뉴lineheight) * 1em) +
            ((서브메뉴상하패딩) * 2 * 1em) 
        */
        --sub-menu-bg-height:calc((var(--i) * var(--sub-menu-line-height) * 1em) + (var(--sub-menu-top-bottom-gap) * 2 * 1em));
        font-size: min( calc( var(--font-size-mob) / 350 * 100vw ), calc(var(--font-size-pc) * 1px) );
        position: sticky; top: 0; left: 0; z-index: 1000; width: 100%;
        background: #fff;
        box-shadow: 0 0 1em rgba(0,0,0,0.1);
    }

    #header .mob_menu_bg.noneV1 { display: none; }
    #header .closeBtn { display: none; }
}

@media (min-width:991px) { /* pc */
    #header {
        height: var(--header-height);
    }
    #header .containerV1 {
        display: flex; justify-content: space-between; align-items: center;
        position: relative;
    }

    #header nav {display: flex; justify-content: space-between;}
    /* 모바일 메뉴 열기 버튼 */
    #header .btn_menu { display: none; }

    #header nav .menu_box {position: relative;}
    /* 대메뉴 */
    #header nav .menu_box ul.main_menu {
        display: flex;
    }
    #header nav .menu_box ul.main_menu > li {
        text-align: center; position: relative;
    }
    #header nav .menu_box ul.main_menu > li > a {
        line-height: var(--header-height); padding: 0 max(1em, calc(30 / 1920 * 100vw)); 
        display: block; height: 100%; width: 100%; font-size: 1em;
        color: #000; font-weight: 500;
    }
    #header nav .menu_box ul.main_menu > li.on > a { 
        text-decoration: underline; text-underline-position: under;
    }
    /* 소메뉴 */
    #header .sub_menu { 
        font-size: min( calc( var(--sub-menu-font-size-mob) / 350 * 100vw ), calc(var(--sub-menu-font-size-pc) * 1px) );
        position: absolute; left: 0; top: 100%; text-align: center; width: 100%;
        padding:0; z-index: 1000; height: 0; transition: 0.2s; overflow: hidden;
    }
    #header .sub_menu > li > a {
        display: block; line-height: var(--sub-menu-line-height);
        color: rgba(255,255,255,0.6); font-weight: 300;
    }
    #header .sub_menu > li > a:hover {
        color: rgba(255,255,255,1);
    }
    #header .sub_menu_bg {
        font-size: min( calc( var(--sub-menu-font-size-mob) / 350 * 100vw ), calc(var(--sub-menu-font-size-pc) * 1px) );  
        padding:0 var(--containerV2-gap);
        height: 0; transition: 0.2s;
    }
    #header .sub_menu_bg > div { 
        background: rgba(0,0,0,0.9); height: 100%; 
    }


    /* 메뉴 따라다니는 라인 및 배경 */
    #header nav .menu_box .menu_move_line {
        width: 100%; height: 3px; position: absolute; top: 0; left: 0;
        z-index: 999;
    }
    #header nav .menu_box .menu_move_line span {
        display: block; position: absolute; background: #000; height: 3px;
        top: 0; text-align: center;
    }
    #header nav .menu_box .main-move-bg {
        font-size: min( calc( var(--sub-menu-font-size-mob) / 350 * 100vw ), calc(var(--sub-menu-font-size-pc) * 1px) );
        position: absolute; top: var(--header-height); left: 0;
        width: 100%;
        z-index: 999;
    }
    #header nav .menu_box .main-move-bg span {
        display: block; position: absolute; background: var(--main-color); 
        height: var(--sub-menu-bg-height); opacity: 0.5;
        top: 0; text-align: center;
    }

    #header.showMenu {
        box-shadow:none;
    }
    #header.showMenu .sub_menu {
        padding: calc(var(--sub-menu-top-bottom-gap) * 1em) 0; 
        height: var(--sub-menu-bg-height);
    }
    #header.showMenu .sub_menu_bg {
        height: var(--sub-menu-bg-height);
    }

}
@media (max-width:991px) { /* mob */
    
    #header { 
        --header-height:60px;
        height: var(--header-height); 
    }
    #header .containerV1 {
        display: flex; justify-content: space-between;
        align-items: center; height: 100%;
    }

    #header #logo {
        width: max(180px,calc(220 / 991 * 100vw));
    }

    /* 모바일 메뉴 열기 버튼 */
    #header .btn_menu { 
        --btn-icon-height:3px;
        --btn-icon-gap:5px;
        width: 1em; height: 1em;
        color: #000; font-size: 2em;
    }
    #header .closeBtn { 
        position: absolute; left: 0; top: 0; transform: translateX(-100%);
        width: var(--close-size); height: var(--close-size); background: #fff;
        color: #000; font-size: 1.4em; display: block;
    }
    #header nav { 
        --close-size:35px;
        position: fixed; right: 0; top: 0; 
        width: 80%; max-width: 580px; height: 100%; background: #fff;
        transform: translateX(calc(100% + var(--close-size)));
        transition: 0.4s;
    }
    #header nav.showMenu { transform:translateX(0); z-index: 8600; }
    .mob_menu_bg { 
        position: fixed; left: 0; top: 0; width: 100%; height: 100vh; 
        background: rgba(0,0,0,0.8); z-index: 8500;
    }
    #header .menu_box {
        width: 100%; height: 100%; overflow-x: hidden; overflow-y:auto; 
        position: absolute; top:0;
        display: grid; align-content: start; padding: 0 1em;
    }

    #header .main_menu { padding: 0 5px; }
    #header .main_menu > li { 
        border-bottom: 1px solid #eee; position: relative; 
    }
    #header .main_menu > li > .arrow { 
        position: absolute; right: 0; top: 0.5em; width: 2em; height:2em; 
    }
    #header .main_menu > li > .arrow:after { 
        content: '\f107'; position: absolute; left: 50%; top: 50%; 
        transform:translate(-50%,-50%); color: #000; font-family: fontAwesome;
        transition: 0.3s;
    }
    #header .main_menu > li > .text { display: inline-block; pointer-events: none; }
    #header .main_menu > li > .text > * { 
        display: inline-block; padding: 1em 0;  
    }
    #header .sub_menu { 
        background: #f2f2f2; font-size: 0.9em; padding:0 1em; 
        height: 0; overflow: hidden; transition: 0.5s;
    }
    #header .sub_menu > li {     
        border-top: 1px solid #fff;
        border-bottom: 1px solid #d9d9d9; 
    }
    #header .sub_menu > li:first-child { border-top: none; }
    #header .sub_menu > li:last-child { border-bottom: none; }
    #header .sub_menu > li > a { 
        display: block; padding: 0.7em 0; height: 2.4em; color: #000; 
    }

    /* hover */
    #header .main_menu > li:hover .sub_menu {
        /* 높이값:
            소메뉴 갯수 * (.inner {padding-top-bottom} + .inner > li {border-top-bottom}) + .inner > li > a {height})      
        */
        height: calc(var(--j) * (2.4em + 2px) + 1em ); padding: 0.5em 1em; 
    }
    #header .main_menu > li:hover .arrow:after { 
        transform:translate(-50%,-50%) rotate(180deg); 
    }
}



/* index - all */
@media all {
    #index {
        --index-font-size-pc: 10;
        --index-font-size-mob: 10;
        font-size: min( calc( var(--index-font-size-mob) / 450 * 100vw ), calc(var(--index-font-size-pc) * 1px) );
    }
    #index .title-v1 {
        font-weight: 500; font-size: 4.5em; line-height: 1.4;
        text-transform: uppercase;
    }
    #index .sub-v1 {
        font-size: 1.6em; line-height: 1.5;
    }
    #index .more-v1 {
        font-size: 1.5em;
    }
    #index .more-v1 > a {
        display: inline-block; padding: 0.8em 1.73em; background: var(--main-color);
        color: #fff; position: relative; overflow: hidden;
        min-width: 10em; text-align: center;
    }
    #index .more-v1 > a::after {
        content:""; position: absolute; background: rgba(0,0,0,0.1); 
        height: 100%; left: -40%; top: 0; transform: skew(50deg); 
        transition-duration: 0.5s; transform-origin: top left;  width: 0;
    }
    #index .more-v1 > a:hover::after {
        height: 100%; width: 140%; 
    }    
}


/* section1 타이틀이미지 */
@media all {
    /* 카테고리 선택형 */ 
    #sign_container {
        width: 100%; padding: 0 var(--containerV2-gap); overflow: hidden; 
    }
    .sign-wrap {
        --font-size-pc: 10;
        --font-size-mob: 10;
        font-size: min( calc( var(--font-size-mob) / 1250 * 100vw ), calc(var(--font-size-pc) * 1px) );
        width: 100%; display: flex;
    } 

    .sign-wrap > .sign_item {
        width: 25%; height: 85em; overflow: hidden; transition: all 1s;
        position: relative;
    }


    /* 시작시 애니메이션 */
    .sign-wrap > .sign_item .visual_motion {
        position: absolute; top: 0; left: 0; width: 300%; height: 100%; z-index: 5;
        background: var(--main-color); animation: intro 3s forwards ease-in-out; 
        transform: translateX(-100%);
    }

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

    .sign-wrap > .sign_item::before {
        content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 4;
        background: #fff; animation: start-ani 2s forwards; opacity: 1;
    }

    @keyframes start-ani {
        to{opacity: 0; z-index: -1;}
    }


    /* opacity */
    .sign-wrap > .sign_item::after {
        content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;
        background: #000; opacity: 0.5; transition: opacity 1s;
    }

    @keyframes visual_unit_ani {
        50% { transform: translate(-50%, -50%) scale(1.05); }
    }
    .sign-wrap > .sign_item .visual_unit {
        width: 96em; height: 85em; position: absolute; top: 50%; left: 50%;
        transform: translate(-50%, -50%); z-index: 1;
        animation: visual_unit_ani 3s linear infinite;
    }
    .sign-wrap > .sign_item:nth-child(odd) .visual_unit {
        animation-delay: 1.5s;
    }


    /* link-box */
    .sign-wrap > .sign_item .visual_link {
        position: absolute; bottom: 0; z-index: 3; width: 100%; color: #ccc; 
        line-height: 1.2; text-align: center; display: flex; flex-direction: column; 
        align-items: center; gap: 1em; transition: all 0.5s; padding: 20px 0 30px 0;
    }
    .sign-wrap > .sign_item .visual_link > h3 {
        font-size: 3em; font-weight: bold; cursor: context-menu;
    }
    .sign-wrap > .sign_item .visual_link > h3 > span { color: var(--main-color); }
    .sign-wrap > .sign_item .visual_link > .more > a {
        display: block; font-size: 5em; width: 1em; height: 1em; line-height: 0.85em;
        background: var(--main-color); color: #fff; font-weight: 100;
        margin-top: 0.5em;
    }



    .sign-wrap > .sign_item:hover { width: 45%; }
    .sign-wrap > .sign_item:hover:after { opacity: 0; }
    .sign-wrap > .sign_item:hover > .visual_link { 
        color: #fff; background: rgba(0,0,0,0.5);
    }


    /* 이미지 */
    .sign-wrap > .sign_item01 .visual_unit {
        background: url(img/sign-01.jpg) no-repeat; background-size: cover; 
        background-position: center center;
    }
    .sign-wrap > .sign_item02 .visual_unit {
        background: url(img/sign-02.jpg) no-repeat; background-size: cover; 
        background-position: center center;
    }
    .sign-wrap > .sign_item03 .visual_unit {
        background: url(img/sign-03.jpg) no-repeat; background-size: cover; 
        background-position: center center;
    }
    .sign-wrap > .sign_item04 .visual_unit {
        background: url(img/sign-04.jpg) no-repeat; background-size: cover; 
        background-position: center center;
    }    
}
@media (max-width: 768px) {
    .sign-wrap {flex-wrap: wrap;}
    .sign-wrap > .sign_item {width: 50%;}
    .sign-wrap > .sign_item:hover {width: 50%;}
    .sign-wrap > .sign_item .visual_link {
        font-size: min( calc( var(--font-size-mob) / 768 * 100vw ), calc(var(--font-size-pc) * 1px) );
    }
}

/* section2 */
@media all {
    #index .section2 {
        padding: 0 var(--containerV2-gap); 
        margin-bottom: max(60px, calc(120 / 1920 * 100vw));
        transition: 3s; overflow: hidden;
    }
    #index .section2 > div { 
        padding: 5.5em 0;
        background: url(./img/index_section2_bg.jpg) no-repeat center / cover; 
    }
    #index .section2 .itemBox {
        display: grid; grid-template-columns: 1fr auto;
        align-items: center; gap:2em;
    }
    #index .section2 .itemBox .textBox {
        color: #fff; transition: 1.5s;
    }
    #index .section2 .itemBox .textBox .title-v1 {
        padding-bottom: 0.4em;
    }
    #index .section2 .itemBox .textBox .sub-v1 {
        padding-bottom: 2em;
    }

    /* 유튜브 */
    @keyframes movie_ani {
        50% { box-shadow: 0 0 50px rgba(0,0,0,0.3); }
    }
    #index .section2 .itemBox .movie {
        position: relative; width: 747px;
        padding-bottom: 56.25%;
        animation: movie_ani 3s linear infinite;
        transition: 1.5s;
    }
    #index .section2 .itemBox .movie iframe {
        position: absolute; left: 0; top: 0; width: 100%; height: 100%;
    }
}
@media (min-width:991px) {
    #index .section2[data-scroll="out"] {
        padding: 0;
    }
    #index .section2[data-scroll="out"] .itemBox .textBox {
        opacity: 0; transform: translateX(-20%) scale(0.8);
    }
    #index .section2[data-scroll="out"] .itemBox .movie {
        transform: scale(0.95);
    }
}
@media (max-width:1200px) {
    #index .section2 .itemBox .textBox .sub-v1 br { display: none; }
    #index .section2 .itemBox .movie { width: calc(747 / 1200 * 100vw); }
}
@media (max-width:991px) {
    #index .section2 .itemBox { 
        grid-template-columns: 1fr; gap:4em;
    }
    #index .section2 .itemBox .movie { width: 100%; }
}

/* section3  */
@media all {
    #index .section3 {
        margin-bottom: max(80px, calc(190 / 1920 * 100vw));
        overflow: hidden;
    }
    #index .section3 .containerV1 > .itemBox {
        display: grid; grid-template-columns: 1fr 1fr;
        align-items: center; gap:3em 0;
    }
    #index .section3 .containerV1 > .itemBox .item1 {
        transition: 1.5s;
    }
    #index .section3 .containerV1 > .itemBox .item-card {
        display: grid; grid-template-columns: repeat(2,1fr);
        transition: 1.5s;
    }
    #index .section3 .containerV1 > .itemBox .item-card > li > a {
        display: block; height: 250px; position: relative; overflow: hidden;
    }
    #index .section3 .containerV1 > .itemBox .item-card > li > a::after {
        content: '+'; font-size: 5.5em; font-weight: 100;
        color: var(--main-color);
        position: absolute; right: 0.4em; top: 0.1em;
    }
    #index .section3 .containerV1 > .itemBox .item-card > li > a::before {
        content: '';
        position: absolute; left: 50%; top: 50%;
        transform: translate(-50%,-50%);
        width: 100%; height: 100%;
        background-repeat: no-repeat; background-size: cover;
        background-position: center;
        transition: 0.4s ease-in;
    }
    #index .section3 .containerV1 > .itemBox .item-card > li.item1 > a::before {
        background-image: url(./img/index_section3_img_01.jpg);
    }
    #index .section3 .containerV1 > .itemBox .item-card > li.item2 > a::before {
        background-image: url(./img/index_section3_img_02.jpg);
    }
    #index .section3 .containerV1 > .itemBox .item-card > li > a .textBox {
        position: relative; padding: 4.8em 2.8em; color: #fff;
    }
    #index .section3 .containerV1 > .itemBox .item-card > li > a .textBox > h2 {
        font-size: 2.5em; line-height: 1.4; padding-bottom: 0.2em;
    }
    #index .section3 .containerV1 > .itemBox .item-card > li > a .textBox > p {
        font-size: 1.6em; line-height: 1.5;
    }

    /* hover */
    #index .section3 .containerV1 > .itemBox .item-card > li > a:hover::before {
        transform: translate(-50%,-50%) scale(1.05);
    }
}
@media (min-width:991px) {
    #index .section3 .containerV1 > .itemBox > .item1 {
        padding-right: 2em;
    }
    #index .section3[data-scroll="out"] .containerV1 > .itemBox > .item1 {
        transform: translateX(-20%);
    }
    #index .section3[data-scroll="out"] .containerV1 > .itemBox > .item-card {
        transform: translateX(20%);
    }
}
@media (max-width:991px) {
    #index .section3 .containerV1 > .itemBox { grid-template-columns: 1fr; }
}
@media (max-width:580px) {
    #index .section3 .containerV1 > .itemBox .item-card > li > a {
        height: max(200px,calc( 250 / 580 * 100vw ));
    }
    #index .section3 .containerV1 > .itemBox .item-card > li > a .textBox > p br {
        display: none;
    }
}

/* section4 */
@media all {
    #index .section4 {
        margin-bottom: max(50px, calc(110 / 1920 * 100vw));
    }
    #index .section4 .titleBox {
        text-align: center; margin-bottom: 7em;
    }
    #index .section4 .titleBox .title-v1 {
        color: var(--main-color); padding-bottom: 0.1em;
        transition: 1s;
    }
    #index .section4 .titleBox .sub-v1 {
        transition: 1s;
    }
    #index .section4[data-scroll="out"] .titleBox .title-v1 {
        opacity: 0; transform: translateY(20%);
    }
    #index .section4[data-scroll="out"] .titleBox .sub-v1 {
        opacity: 0; transform: translateY(20%);
    }
}

/* section5 */
@media all {
    #index .section5 {
        padding: 7.3em 0; background: #eee;
        margin-bottom: 8em; overflow: hidden;
        transition: 1.5s;
    }
    #index .section5 .itemBox {
        display: grid; grid-template-columns: repeat(3,1fr);
        gap:1.5em; text-align: center; transition: 1s;
    }
    #index .section5 .itemBox .img { 
        --border-width:1.3em;
        width: 21.4em; height: 21.4em; background: #fff;
        border: var(--border-width) solid #d3d3d3;
        border-radius: 50%; margin: 0 auto 1.2em;
        display: grid; justify-content: center; align-items: center;
        transition: 0.4s;
    }
    #index .section5 .itemBox .img img {
        transition: 0.4s;
    }
    #index .section5 .itemBox .textBox > h2 {
        font-size: 2.5em; font-weight: bold; line-height: 1.4;
        color: #313131; padding-bottom: 0.2em;
    }
    #index .section5 .itemBox .textBox > p {
        font-size: 1.6em; color: #313131; line-height: 1.5;
    }
    /* hover */
    #index .section5 .itemBox a:hover .img {
        --border-width:0.6em; transform: scale(0.9);
    }
    #index .section5 .itemBox a:hover .img img {
        transform: rotate(180deg);
    }
}
@media (min-width:991px) {
    #index .section5[data-scroll="out"] {
        transform: translateY(-10%);
    }
    #index .section5[data-scroll="out"] .itemBox {
        transform: translateY(50%);
    }
}
@media (max-width:991px) {
    #index .section5 .itemBox {
        grid-template-columns: auto; gap:5em;
        justify-content: center;
    }
}

/* section6 */
@media all {
    #index .section6 {
        margin-bottom: 8.5em;
    }
    #index .section6 .titleBox {
        text-align: center; margin-bottom: 3.7em;
    }
    #index .section6 .titleBox .title-v1 {
        color: var(--main-color); padding-bottom: 0.1em;
        transition: 1s;
    }
    #index .section6 .titleBox .sub-v1 {
        transition: 1s;
    }
    #index .section6[data-scroll="out"] .titleBox .title-v1 {
        opacity: 0; transform: translateY(20%);
    }
    #index .section6[data-scroll="out"] .titleBox .sub-v1 {
        opacity: 0; transform: translateY(20%);
    }
}

/* footer*/
footer {
--index-font-size-pc: 10;
--index-font-size-mob: 10;
font-size: min( calc( var(--index-font-size-mob) / 450 * 100vw ), calc(var(--index-font-size-pc) * 1px) );
background: #eee; padding: 20px 0;
}
footer .contents {font-size: 1.5em;}
footer .info_box {
    display: flex; padding-bottom: 18px; border-bottom: 1px solid #959595; 
    margin-bottom: 18px;
}
footer .info_box > .item { position:relative; }
footer .info_box > .item > a { 
    display:block; color:#535353; font-size: 1em; font-weight:bold; 
    line-height:1.8; margin-right:4em;  
} 

footer .contents { 
    display:flex; flex-wrap:wrap; justify-content: center; 
    width: 100%; flex-direction: column;  gap: 17px 0;
}
footer .item2 {display: flex; flex-direction: column; }


footer .item2 > div { line-height: 1.8; font-size: 1em; color: #434343; }
footer .item2 > div a { color: inherit; }
footer .item2 .box1 {
    display: grid; grid-template-columns: auto 1fr auto;
    gap:25px;
}
footer .item2 .textBox > .text > span { 
    position: relative; margin-right:10px; font-weight: inherit; 
}
footer .item2 .textBox > .text > span:after { 
    content:'|'; position:absolute; right:-8px; top:50%; 
    transform:translateY(-55%); 
}
footer .item2 .textBox > .text > span:last-child:after { display: none; }
footer .item2 .textBox > .copy { 
    text-transform: uppercase; font-weight: inherit; color: #434343; 
    font-size: 1em;	
}
footer .item2 .textBox > .copy a { color: inherit; }
footer .item2 .box1 .tel > p { 
    font-size: 20px; font-weight: bold; color: #535353; line-height: 1.4;
}
footer .item2 .box1 .tel > h2 { 
    font-size: 45px; font-weight: bold; color: #e92b3a; line-height: 1.2;
}
footer .item2 .box1 .tel > h2 a { color: inherit; }

@media (max-width:1200px) {
    footer .item2 .box1 { grid-template-columns: 1fr; }
    footer .item2 .box1 .f_logo { display: none; }
}

@media (max-width:991px) {
    footer .item2 > div {display: flex; flex-direction: column; }
    footer .item2 .textBox > div { display: flex; flex-direction: column; }
    footer .item2 .textBox > .copy {display: block;}
    footer .item2 .textBox > .text > span:after { display:none;}
    footer .contents > li:nth-child(1) { width: 100%; margin-right: 0; margin-bottom: 20px; }
    footer .item2 { width: 100%; }
}

@media (max-width:768px) {
    footer .item2 .info {justify-content: center;}
    footer .item2 > .text > span { display:block; margin-right:0;}
    footer .item2 { margin-top: 0; text-align: center;}
}






/* 서브페이지 패딩 */
.tmt_sub_frame { padding:40px 0 50px; min-height: 70vh; }


/* 게시판 및 게시판헤드 등 기타 버튼들 기본컬러 변경 */
.btn.btn-color {border: 1px solid var(--main-color); background-color: var(--main-color);}
.btn.active.btn-color, .btn.btn-color:hover, .btn.btn-color:focus, .btn.btn-color:active {background-color: var(--main-color);}
.border-color, i.border-color, img.border-color {border-color: var(--main-color);}

/* 모달 z-index높이기 (해드에 가려지는 경우 발견해서) */
.modal { z-index: 9999; }
.modal-backdrop { z-index: 9998; }

#style-switcher .widget-setup { top: 155px !important; }