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

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

/* 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; }
    a:hover {
        color: var(--basic-border-color);
    }
    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;
    }
}   



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

	--main-color : #000; /* mainColor */	

    --header-topBox-height: 142px;

    --basic-border-color: #1f1f1f;	/* 게시판 및 게시판헤드 등 기타 버튼들 border 컬러 */

    
}
@media (max-width:991px) {
    :root {
        --header-topBox-height: 80px;
    }
}
@media (max-width:768px) {
    :root {
        --header-topBox-height: 65px;
    }
}

/* 탭 초기화 */
.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; }

/* container */
.containerV1 { width: 100%; margin: 0 auto; max-width: calc(var(--containerV1-width) * 1px); }
@media (max-width:1330px) {
	.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); }
}

.ikwrap { overflow-x: hidden; }

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

/* 헤드 pc & mob */
@media all {
    #header { 
        position: sticky; left: 0; top: 0; width: 100%; z-index: 2000; 
        transition:transform 0.2s; 
    }

    /* topBox */
    #header .topBox { 
        background: #fff; position: relative; z-index: 3; 
    }
    #header .topBox .containerV1 { 
        display:flex; align-items:center; gap:50px;
        height: var(--header-topBox-height); 
    }

    /* head-search-box */
    #header .head-search-box { 
        --font-size-pc:16;
        --font-size-mob:13;
        --color:#a0a0a0;
        font-size: min( calc( var(--font-size-mob) / 350 * 100vw ), calc(var(--font-size-pc) * 1px) );
        flex:1; display: flex; align-items: center; gap:1.5em;
        max-width: 826px; margin: 0 auto;
    }
    #header .head-search-box .header-search { 
        border: 1px solid #bfbfbf; border-radius: 1.8em; 
        background: #fff; overflow: hidden;
    }
    #header .head-search-box .header-search .input-group { 
        display:flex;
    }
    #header .head-search-box .header-search .input-group input[type='text'] {
        border: none; width: 100%; font-size: 1em; 
        background: #fff; color: var(--color); 
        border-radius: 1.8em !important;
        overflow: hidden; height: auto; padding: 1em 1.5em;
    }
    #header .head-search-box .header-search .input-group input[type='text']:focus { 
        border: none; outline: none; box-shadow: none; 
    }
    #header .head-search-box .header-search .input-group input[type='text']:-internal-autofill-selected { 
        background-color: none !important; 
    }
    #header .head-search-box .header-search .input-group {
        background: #828282;
    }
    #header .head-search-box .header-search .input-group .btn {
        border-radius:50%; 
        padding: 0; width: 80px; height: 100%;
        color: #fff; box-shadow: none;
        /* 포커스 시 border 없애기 */
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: none;
    }
    

    /* menu */
    #header .menu { 
        --menu-font-size-pc:18;
        --menu-font-size-mob:15;
        --line-color:#eee;
        --inner-bg-color:#fff;
        --inner-item-color:#333;
        /* 높이값 :
            각 그룹 중 가장 갯수가 많은 소메뉴 * 2.4em
        */
        --inner-height: calc(var(--i) * 2.5em);
        
        font-size: min( calc( var(--menu-font-size-mob) / 350 * 100vw ), calc(var(--menu-font-size-pc) * 1px) );
    }   
}
@media (min-width:991px) {/* pc */
    /* menu */
    #header .menu { background: #828282; position: relative; }
    #header .menu .containerV1 { position: relative; z-index: 1; }
    #header .menu .outer { display:flex; background: #828282; }
    #header .menu .outer > li { 
        position: relative; flex:1; 
    }
    #header .menu .outer > li > span > a { 
        display: block; color: #fff; padding: 0.8em 0 1em; 
        text-align: center;
        /* padding-left: 0.4em;  */
    }
    #header .menu .inner { 
        position: absolute; left: 0; top: 100%; 
        width: 100%; padding-top: 1em;
        transform: translateY(calc(-100% - 1px )); z-index: -1; 
        transition: 0.4s;
        height: var(--inner-height); border-left: 1px solid var(--line-color);
    }
    #header .menu .outer > li:last-child .inner { 
        border-right: 1px solid var(--line-color); 
    }
    #header .menu .inner_bg { 
        position: absolute; left: 0; top: 100%; width: 100%; 
        background: var(--inner-bg-color); box-shadow:0 0 10px rgba(0,0,0,0.2); 
        transform: translateY(-101%); z-index: -1; transition: 0.4s; 
        height: var(--inner-height); 
    }
    #header .menu .inner > li > a { 
        display: block; color: var(--inner-item-color); font-size: 0.9em; 
        line-height: 1.4; position: relative; text-align: center;
    }
    #header .menu .inner > li:not(:last-child) > a { margin-bottom: 1em; }

    /* outer > li mouseover, .menu mouseleave */
    #header .menu.showMenu .inner { transform: translateY(0); }
    #header .menu.showMenu .inner_bg { transform: translateY(0); }
    /* hover */
    #header .menu .outer > li:hover { background: #1d1d1d; }
    #header .menu .outer > li:hover .inner { background: #f4f4f4; }
    #header .menu .inner > li > a:hover {
        text-decoration: underline; text-underline-position: under;
    }
    /* on */
    #header .menu .outer > li.on { background: #1d1d1d; }

    /* 스크롤 할 때 */
    #header.scroll { 
        transform: translateY(calc(-1 * var(--header-topBox-height))); 
    }
}
@media (991px <= width <= 1330px) {/* pc */
    #header .menu {
        --menu-font-size-pc:15;
    }
}
@media (max-width:991px) { /* mob */
    /* topBox */
    #header .topBox { border-bottom: 1px solid #f4f4f4; }
    #header .logo { max-width: 203px; }

    /* btn_menu */
    #header .btn_menu { 
        --btn-icon-height:3px;
        --btn-icon-gap:5px;
        position: absolute; right: 10px; top:50%; transform: translateY(-50%); 
        z-index: 3; width: 55px; height: 55px;
    }

    .ham {
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
        transition: transform 400ms;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 100%; height: 100%;
    }
    .hamRotate.active {
        transform: rotate(45deg);
    }
    .line {
        fill:none;
        transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
        stroke:#000;
        stroke-width:5.5;
        stroke-linecap:round;
    }
    .ham1 .top {
        stroke-dasharray: 40 139;
    }
    .ham1 .bottom {
        stroke-dasharray: 40 180;
    }
    .ham1.active .top {
        stroke-dashoffset: -98px;
    }
    .ham1.active .bottom {
        stroke-dashoffset: -138px;
    }


    /* head-search-box */
    #header .head-search-box .loginList { margin-bottom: 2em; margin-left: 0.4em; }
    #header .head-search-box .loginList > li > a { font-size: 1.1em; }
    #header .head-search-box .loginList > li:not(:last-child):after { margin: 0 1.5em; }
    #header .head-search-box .header-search { margin-bottom: 1.5em; }
    #header .head-search-box .header-search .input-group .btn { 
        font-size: 1.4em; width: 50px;
    }
    #header .head-search-box .header-search .input-group input[type='text'] { font-size: 0.9em; }

    /* menu */
    #header .menu { 
        --menu-font-size-mob:16;
        position: absolute; left: 0; top: 100%; width: 100%;
        background: var(--inner-bg-color); overflow-y: auto; overflow-x: hidden; height: 0; transition:0.4s;
    }
    .mob_menu_bg { 
        position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #fff; z-index: 1999; display: none; 
    }
    #header .menu .containerV1 { padding: 1.5em 15px 3em; }
    #header .menu .outer { padding: 0 5px; }
    #header .menu .outer > li { border-bottom: 1px solid var(--line-color); position: relative; }
    #header .menu .outer > li > .arrow { position: absolute; right: 0; top: 0.5em; width: 2em; height:2em; }
    #header .menu .outer > li > .arrow:after { 
        content: '\f107'; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); color: #000; font-family: fontAwesome;
        transition: 0.3s;
    }
    #header .menu .outer > li > .text { display: inline-block; }
    #header .menu .outer > li > .text > a { display: inline-block; padding: 1em 0; pointer-events: none; }
    #header .menu .inner { 
        background: #f2f2f2; font-size: 0.9em; padding:0 1em; height: 0; overflow: hidden; transition: 0.5s;
        }
    #header .menu .inner > li {     
        border-top: 1px solid #fff;
        border-bottom: 1px solid #d9d9d9; 
    }
    #header .menu .inner > li:first-child { border-top: none; }
    #header .menu .inner > li:last-child { border-bottom: none; }
    #header .menu .inner > li > a { display: block; padding: 0.7em 0; height: 2.4em; color: var(--inner-item-color); }
    
    /* hover */
    #header .menu .outer > li:hover > .inner {
        /* 높이값:
            소메뉴 갯수 * (.inner {padding-top-bottom} + .inner > li {border-top-bottom}) + .inner > li > a {height})      
        */
            height: calc(var(--i) * (2.4em + 2px) + 1em ); padding: 0.5em 1em; 
    }
    #header .menu .outer > li > .text:hover ~ .arrow:after { transform:translate(-50%,-50%) rotate(180deg); }
    #header .menu .outer > li > .arrow:hover:after { transform:translate(-50%,-50%) rotate(180deg); }

    /* 버튼클릭시 메뉴 보이게 */
    #header .menu.showMenu_mob { height: calc( 100vh - var(--header-topBox-height) ); }
}


/* 인덱스 */
#index, .sub_tab {
    --index-font-size-pc: 10;
    --index-font-size-mob: 10;
    font-size: min( calc( var(--index-font-size-mob) / 480 * 100vw ), calc(var(--index-font-size-pc) * 1px) );
    overflow: hidden;
}

/* 인덱스 타이틀 */
#index .title-v1 {
    font-size: 2.6em; color: #313131;
    font-weight: bold; line-height: 1.4;
}

/* 인덱스 탭 */
#index .tabBox1 { position: relative; }
#index .tabBox1 .nav {
    margin:0 calc(var(--grid-item-padding) * -1); 
    font-size: 1.8em;
    border-bottom: 1px solid var(--grid-item-border-color);
    padding: 0 var(--grid-item-padding); 
    display: flex; gap:2.2em;
}
#index .tabBox1 .nav::before,
#index .tabBox1 .nav::after { display: none; }
#index .tabBox1 .nav > li > a {
    display: block; color: #b5b5b5;
    padding: 0.6em 0; border-bottom: 2px solid transparent;
}
#index .tabBox1 .nav > li.active > a {
    color: #313131; font-weight: bold;
    border-color: currentColor;
}

/* 인덱스 더보기 */
#index .widget_btn {
    display: inline-block; position: relative;
    color: var(--basic-border-color); overflow: hidden;
    font-size: 15px; color: #313131;
    background: #eee; padding: 0.8em 2em;
    border-radius: 2em; font-weight: 500;
    transition: all .3s;
}
#index .widget_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #b3b3b3; /* 변환될 색상 값 */
    filter: brightness(0.85); /* 밝기 조절 */   
    transition: all .3s;
    border-radius: 2em;
}
#index .widget_btn span {
    position: relative; z-index: 1;
}
#index .widget_btn:hover { color: #fff; }
#index .widget_btn:hover::after {
    width: 100%;
}


/* 타이틀 이미지 */
@keyframes title_ani1 {
    from { transform: scale(1.1); }
}
@keyframes title_ani2 {
    from { opacity: 0.3; }
}
#title_img { 
    --width:1300;
    --height:450;
    margin: 3.7em auto;
}
#title_img .inner {
    height: 0; border-radius: 2em; position: relative;
    padding-bottom: calc(var(--height) / var(--width) * 100%);
    overflow: hidden;
}
#title_img .inner::before {
    content: ''; position: absolute; left: 0; top: 0;
    width: 100%; height: 100%; background: #000; opacity: 0.1;
    z-index: 1; animation: title_ani2 linear 2s;
}
#title_img .inner::after {
    content: ''; position: absolute; left: 0; top: 0;
    width: 100%; height: 100%; background-repeat: no-repeat; 
    background-position: center; background-size: cover; 
    background-image: url(./img/title_pc.jpg);
    animation: title_ani1 linear 5s;
}
#title_img .inner > .titleBox {
    position: absolute; left: 0; top: 50%; transform: translateY(-80%);
    z-index: 2; padding-left: 7em; padding-right: 3em;
}
#title_img .title_text.text1 {
    max-width: 23.9em; margin-bottom: 1.4em;
}
#title_img .title_text.text2 {
    max-width: 55.3em; margin-bottom: 2.6em;
}
#title_img .text3 {
    font-weight: bold; color: #fff; font-size: 2.3em;
}
@media (max-width:768px) {
    #title_img {
        --height:975;
    }
    #title_img .inner > .titleBox {
        padding-left: 2em; padding-right: 2em;
    }
    #title_img .text3 {
        font-size: 1.8em;
    }
}


/* 그리드 컨테이너 설정 */
.grid-container {
    --grid-item-border-color:#dcdcdc;
    --grid-item-padding:25px;
    display: grid;
    grid-template-columns: 1fr 436px;
    grid-auto-rows: 100px;
    grid-gap: 2em; padding-bottom: 8em;
}

.grid-item {
    border: 1px solid var(--grid-item-border-color);
    border-radius: 1.5em; overflow: hidden;
    padding: var(--grid-item-padding);
}

/* ART MARKET */
.grid-item.item1 {
    grid-row: 1 / span 11;
}
.grid-item.item1 .title-v1 {
    margin-bottom: 1em;
}
.grid-item.item1 .tabBox1 { position: relative; }


/* 로그인 */
.grid-item.item2 {
    grid-row: 1 / span 2;
    display: grid; align-items: center;
}

/* 쇼핑(커머스) */
.grid-item.item3 {
    grid-row: 3 / span 7;
}
.grid-item.item3 .title-v1 {
    margin-bottom: 1em;
}
.grid-item.item3 .tabBox1 { position: relative; }

/* 지원 공모 */
.grid-item.item4 {
    grid-row: 10 / span 4;
}
.grid-item.item4 .title-v1 {
    margin-bottom: 1em;
}
#index .grid-item.item4 .tabBox1 .nav {
    gap:1.3em;
}

/* 일루와(비즈니스) */
.grid-item.item5 {
    grid-row: 12 / span 4;
}
.grid-item.item5 .title-v1 {
    margin-bottom: 1em;
}

/* 일루와 소개 */
.grid-item.item6 {
    grid-row: 14 / span 11;
}
.grid-item.item6 .titleBox {
    border-bottom: 1px solid var(--grid-item-border-color);
    margin:0 calc(var(--grid-item-padding) * -1);
}
.grid-item.item6 .title-v1 {
    padding: 0 var(--grid-item-padding);
    margin-bottom: 0.8em;
}
.grid-item.item6 .title-v2 {
    font-size: 2.4em; color: #313131; line-height: 1.4;
    font-weight: bold;
}
.grid-item.item6 .inner-v1 .box1 {
    display: flex; align-items: center;
    justify-content: space-between;
    gap:1em;
}
/* BRAND IDENTITY */
.grid-item.item6 .brand_identity {
    padding: 3em 0 5em;
}
.grid-item.item6 .brand_identity .box1 {
    margin-bottom: 2em;
}
.grid-item.item6 .brand_identity .text1 {
    margin-bottom: 1.6em; font-size: 1.6em;
    line-height: 1.7; color: #535353;
}
.grid-item.item6 .brand_identity .img {
    margin:0 calc(var(--grid-item-padding) * -1);
}
/* 운영진 소개 */
.grid-item.item6 .unyeongjin_sogae {
    padding-bottom: 4.9em;
}
.grid-item.item6 .unyeongjin_sogae .box1 {
    margin-bottom: 2em;
}
.grid-item.item6 .unyeongjin_sogae .more {
    display: flex; align-items: center;
}
.grid-item.item6 .unyeongjin_sogae .more .arrow1 {
    color: #535353; font-size: 2em; cursor: pointer;
}
/* 일루와 게시판 */
.grid-item.item6 .illuwa_board .title-v2 {
    margin-bottom: 1.4em; margin-top: 0.2em;
}
#index .grid-item.item6 .illuwa_board .tabBox1 .nav {
    gap:0.7em;
}

/* 컬쳐스트리밍 */
.grid-item.item7 {
    grid-row: 16 / span 4; 
    display: grid; grid-template-rows: auto 1fr;
}
.grid-item.item7 .titleBox {
    border-bottom: 1px solid var(--grid-item-border-color);
    margin:0 calc(var(--grid-item-padding) * -1);
}
.grid-item.item7 .title-v1 {
    padding: 0 var(--grid-item-padding);
    margin-bottom: 0.8em;
}
.grid-item.item7 .itemBox {
    display: flex; align-items: center;
    height: 100%;
}
.grid-item.item7 .item_list {
    display: flex; align-items: center;
    gap:1.5em; margin-top: 2em;
}
.grid-item.item7 .item_list > .item {
    flex:1;
}
.grid-item.item7 .item_list > .item > a {
    display: block;
}
.grid-item.item7 .item_list > .item > a .img {
    border-radius: 1em; overflow: hidden;
    margin-bottom: 1.5em;
}
.grid-item.item7 .item_list > .item > a .img img {
    transition: 0.5s ease-in-out;
}
.grid-item.item7 .item_list > .item > a .textBox {
    margin-bottom: 1em;
}
.grid-item.item7 .item_list > .item > a .text1 {
    font-size: 1.6em; line-height: 1.4; font-weight: bold;
    padding-bottom: 0.2em;
}
.grid-item.item7 .item_list > .item > a .text2 {
    font-size: 1.5em; line-height: 1.4; height: 2.8em;
}
.grid-item.item7 .item_list > .item > a .more {
    font-size: 1.5em; color: #313131; display: inline-block;
    padding: 0.4em 0; border-bottom: 1px solid currentColor;
}
.grid-item.item7 .item_list > .item > a:hover .img img {
    transform: scale(1.05);
}
/* 소통(커뮤니티) */
.grid-item.item8 {
    grid-row: 20 / span 5;
}
.grid-item.item8 .title-v1 {
    margin-bottom: 1.4em;
}
@media (991px <= width <= 1330px) {
    #index .grid-item.item1 .tabBox1 .nav {
        display: grid; grid-template-columns: repeat(3,1fr);
        gap:0.5em 1.5em;
    }
    #index .grid-item.item1 .tabBox1 .nav > li > a { text-align: center; }
}
@media (max-width:991px) {
    .grid-container {
        grid-template-columns: 1fr;
        grid-auto-rows: initial;
    }
    #index .grid-item {
        grid-row:initial;
    }
    /* 로그인 */
    .grid-item.item2 { order:1; }
    /* ART MARKET */
    .grid-item.item1 { order:2; }
    #index .grid-item.item1 .tabBox1 .nav > li > a {
        display: block; width: fit-content; white-space: nowrap;
    }
    /* 일루와(비즈니스) */
    .grid-item.item5 { order:3; }
    /* 쇼핑(커머스) */
    .grid-item.item3 { order:4; }
    /* 컬쳐스트리밍 */
    .grid-item.item7 { order:5; }
    /* 지원공모 */
    .grid-item.item4 { order:6; }
    /* 소통(커뮤니티) */
    .grid-item.item8 { order:7; }
    /* 일루와 소개 */
    .grid-item.item6 { order:8; }
    .grid-item.item6 .brand_identity .img img {
        width: 100%;
    }

    /* 모바일 탭메뉴 스크롤 */
    .mob_inner::-webkit-scrollbar {
        width: 5px;
    }
    
    .mob_inner::-webkit-scrollbar-thumb {
        background: #a0a0a0;
        border-radius: 10px;
    }
    
    .mob_inner::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
    #index .grid-item .tabBox1 .mob_box { overflow: hidden; }
    #index .grid-item .tabBox1 .mob_inner {
        width: 100%; overflow-x: scroll;
        margin: 0 auto;
    }
    .ios-device #index .grid-item .tabBox1 .mob_inner {
        padding-bottom: 5px;
    }
}

@media (max-width:768px) {
    /* #index .grid-item.item8 .tabBox1 .nav {
        display: grid; grid-template-columns: repeat(4,1fr);
        gap:0.5em; padding-bottom: 1em;
    }
    #index .grid-item.item8  .tabBox1 .nav > li > a {
        text-align: center;
        padding: 0.4em 0;
    }
    .grid-item.item8 .basic-post-list1 .more {
        top: -19.5em;
    } */
}
@media (max-width:580px) {
    .grid-item {
        padding: var(--grid-item-padding) 15px;
    }


    /* 컬쳐스트리밍 */
    .grid-item.item7 .item_list {
        display: grid; gap:2em; width: 100%;
    }
    .grid-item.item7 .item_list > .item {
        flex:auto; text-align: center;
    }
    .grid-item.item7 .item_list > .item > a .img img {
        width: 100%;
    }
    .grid-item.item7 .item_list > .item > a .text1 {
        font-size: 2em;
    }
    .grid-item.item7 .item_list > .item > a .text2 {
        height: auto; font-size: 1.8em;
    }
    .grid-item.item7 .item_list > .item > a .more {
        font-size: 1.8em;
    }

}

/*--------------------------------------------------- 푸터세팅 ----------------------------------------------------------------------------*/
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: #626262;
}

/* 이용약관 박스 */
footer .content_box {
    border-bottom: 1px solid #aaa; padding: 15px 0;
}
footer .content_box > .containerV1 {
    display: flex; justify-content: space-between; align-items: center;
}
footer .info_box {display: flex;}
footer .info_box > li { position:relative;}
footer .info_box > li:after {
    content:''; position:absolute; right: 15px; top:53%; 
    transform:translateY(-50%); width:2px; height: 12px; 
    background:#fff;
}
footer .info_box > li:last-child:after { display:none;}
footer .info_box > li > a {
    display:block; color: #fff; font-size: 1.5em;
    line-height:1.8; margin-right:34px;
}
footer .info_box > li > a:hover {text-decoration: underline !important;}


/* 본 내용 */
footer .contents { 
    display:flex;
    width: 100%; gap: 20px 10em; padding: 5em 0 5.7em;
}

footer .item2 { flex:1; }
footer .item2 > div { line-height: 1.6; font-size: 1.5em; color: #fff;}
footer .item2 > div a { color: inherit;}
footer .item2 > .text > span { 
    position: relative; margin-right:15px; font-weight: inherit;
}
footer .item2 > .text > span:after {
    content:''; position:absolute; 
    right:-11px; top:55%; transform:translateY(-50%);
    width:2px; height: 12px; background:#fff;
}
footer .item2 > .text > span:last-child:after { display: none;}
footer .item2 > .copy { 
    text-transform: uppercase; font-weight: inherit; color: #fff; 
    font-size: 1.5em;
}
footer .item2 > .copy a { color: inherit; }



@media (max-width:1024px) {
    footer .contents {flex-wrap: wrap-reverse; justify-content: unset;}
    footer .item1 {display: none;}
    footer .item2 {width: 100%;}
}

@media (max-width:768px) {
    footer .contents { padding: 2em 0; }
    footer .item2 .text { display: none; }
    footer .item2 > .copy { font-size: 1.4em; }
}
/*--------------------------------------------------- 푸터세팅 끝 ----------------------------------------------------------------------------*/








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


/* 게시판 및 게시판헤드 등 기타 버튼들 기본컬러 변경 */
.btn.btn-color {border: 1px solid var(--basic-border-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(--basic-border-color);}

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

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


/* 서브페이지 탭 */
.sub_tab { 
    display: flex; align-items: center;
    justify-content: space-between;
    margin-bottom: 2em;
}
.sub_tab .tabBox1 .nav {
    display: flex; font-size: 1.7em;
    gap:0.5em;
}
.sub_tab .tabBox1 .nav::before,
.sub_tab .tabBox1 .nav::after { display: none; }
.sub_tab .tabBox1 .nav > li > a {
    text-align: center; background: #fff;
    padding: 0.4em 1.4em; border: 1px solid currentColor;
    border-radius: 2em; color: #a0a0a0;
}
.sub_tab .tabBox1 .nav > li.active > a {
    color: #313131; font-weight: bold;
    border-color: currentColor; border-width: 2px;
}
@media (max-width:1300px) {
    .sub_tab .tabBox1 .nav { font-size: 1.5em; }
}
@media (max-width:991px) {
    .sub_tab .tabBox1 { overflow: hidden; }
    .sub_tab .tabBox1 .nav { font-size: 1.8em; width: 100%; }
    .sub_tab .tabBox1 .nav > li > a {
        width: fit-content; display: block; white-space: nowrap;
    }
    /* 모바일 탭메뉴 스크롤 */
    .sub_tab .mob_inner::-webkit-scrollbar {
        width: 5px;
    }
    
    .sub_tab .mob_inner::-webkit-scrollbar-thumb {
        background: #a0a0a0;
        border-radius: 10px;
    }
    
    .sub_tab .mob_inner::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
    .sub_tab .tabBox1 .mob_inner {
        width: 100%; overflow-x: scroll;
        margin: 0 auto; padding-bottom: 10px;
    }
    .ios-device .sub_tab .tabBox1 .mob_inner {
        padding-bottom: 5px;
    }
}

/* 검색창 */
.tr_search {
    --border-color:#a0a0a0;
}
.tr_search .input-group {
    display: flex;
}
.tr_search .form-control {
    border-color: var(--border-color);
    box-shadow: none; border-right: none;
    font-size: 16px; padding: 0.6em 1em; height: auto;
    border-radius: 3em 0 0 3em !important;
}
.tr_search .searchBtn {
    border: 1px solid var(--border-color); border-left: none;
    border-radius: 0 3em 3em 0 !important;
}
.tr_search .searchBtn .btn {
    padding: 0 15px; height: 100%; color: var(--border-color);
}
@media (max-width:1330px) {
    .sub_tab { flex-wrap:wrap; gap:3em; }
    .tr_search { width: 100%; order:-1; max-width: 480px;  }
}