@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@font-face {
    font-family: 'SDSamliphopangche_Basic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/SDSamliphopangche_Basic.woff') format('woff');
    font-weight: normal;
    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; }
    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 : #ec9f0e; /* mainColor */		

    --dday-H : 60px; /* dday 상자 높이값 */
}

/* 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 { overflow-x: hidden; }

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


/* 헤드 pc & mob */
@media all {
    #header {
        /* 높이값 :
            각 그룹 중 가장 갯수가 많은 소메뉴 * 2.4em
        */
        --inner-height: calc(var(--i) * 2.4em);
        --menu-font-size-pc:18;
        --menu-font-size-mob:15;
        font-size: min( calc( var(--menu-font-size-mob) / 350 * 100vw ), calc(var(--menu-font-size-pc) * 1px) );
        position: sticky; left: 0; top: 0; width: 100%; z-index: 8000; 
        transition:0.2s; background: #fff; height: 140px;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
    } 

    /* topBox */
    #header .itemBox .topBox { 
        display: flex !important; justify-content: flex-end; align-items: center;
        padding: 1em 0; gap:1em;
    }
    #header .itemBox .topBox > * { display: flex; }
    #header .itemBox .topBox > .snsList { gap:0.8em; align-items: center; }
    #header .itemBox .topBox > .h_linkList {
        font-size: 0.73em; gap:1em; padding-right: 50px;
    }
    #header .itemBox .topBox > .h_linkList > li > a { 
        display: block; color: #fff; background: var(--main-color); 
        padding: 0.6em 1.4em; border-radius: 2em;
    }
}
@media (min-width:991px) {/* pc */
    #header .containerV1 { 
        display: grid; grid-template-columns: auto 1fr; 
        height: 100%; 
    }
    #header .logo { align-self:center; }
    #header .itemBox > div { 
        display: grid; justify-self: end; grid-template-rows: auto 1fr;
        height: 100%;
    }
    
    /* menu */
    #header .menu .outer { 
        display:flex; justify-content: flex-end; background: #fff; height: 100%; 
    }
    #header .menu .outer > li { 
        position: relative; padding:0 max(45px, calc(60 / 1920 * 100vw)); 
        height: 100%;
    }
    #header .menu .outer > li:after {
        content: ''; position: absolute; left: 50%; transform: translateX(-50%);
        bottom: 0; width: 0; height: 2px;
        background: var(--main-color); transition: 0.4s;
    }
    #header .menu .outer > li > span > a { 
        display: block; color: #000; padding: 1em 0 2em; font-weight: bold;
    }
    #header .menu .inner { 
        position: absolute; left: 0; top: 100%; 
        width: 100%; padding-top: 1em;
        z-index: -1; transition: 0.4s;
        height: 0; overflow: hidden;
    }
    #header .inner_bg { 
        position: absolute; left: 0; top: 100%; width: 100%; background: #fff; 
        z-index: -2; transition: 0.4s; height: 0; box-shadow: 0 5px 5px rgba(0,0,0,0.05);
    }
    #header .menu .inner > li > a { 
        display: block; color: #000; font-size: 0.8em; line-height: 1.4; text-align: center;
    }
    #header .menu .inner > li:not(:last-child) > a { margin-bottom: 0.8em; }

    /* outer > li mouseover, .menu mouseleave */
    #header.showMenu .menu .inner { height: var(--inner-height); }
    #header.showMenu .inner_bg { height: var(--inner-height); }
    /* hover */
    #header .menu .outer > li:hover:after { width: 100%; }
    #header .menu .outer > li:hover .inner { background: #f4f4f4; }

    #header .menu .outer > li.on:after { width: 100%; }
}
@media (max-width:991px) { /* mob */
    #header {
        height: 80px;
    }
    #header .containerV1 { 
        display: flex; justify-content: space-between; 
        height: 100%; align-items: center;
    }
    #header .logo { width: 75px; }
    /* openBtn & closeBtn */
    #header .btn_menu { 
        --btn-icon-height:3px;
        --btn-icon-gap:5px;
        width: 2em; height: 2em;
        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;
    }

    /* itemBox */
    #header .itemBox { 
        --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 .itemBox.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 .itemBox > div {
        width: 100%; height: 100%; overflow-x: hidden; overflow-y:auto; position: absolute;  top:0;
        display: grid; align-content: start; padding: 0 1em;
    }

    #header .menu { order:1; }
    #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: #000; 
    }

    #header .itemBox .topBox { 
        order:2; display: grid !important; 
        justify-content: start; gap:2em 0;
    }
    #header .itemBox .topBox > * { 
        flex-wrap: wrap;
    }
    
    /* hover */
    #header .menu .outer > li > :is(.text:hover,.arrow: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); }
    
}


/* 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 .titleV1 {
        font-size: 5.5em; font-family: 'SDSamliphopangche_Basic' !important;
        color: var(--main-color); line-height: 1.4;
    }
    #index .textV1 {
        font-size: 1.8em; color: #626262; line-height: 1.6;
    }
    #index .moreV1 { text-align: center; margin-top: 5em; font-size: 1.6em; }
    #index .moreV1 > a {
        display: inline-block; color: #fff; background: var(--main-color);
        padding: 0.8em 4em; border-radius: 2em;
        box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
        transition: 0.4s;
    }
    #index .moreV1 > a:hover {
        box-shadow: 5px 5px 5px transparent;
        transform: translate(5px,5px);
    }
}
@media (max-width:580px) {
    #index .titleV1 { font-size: 4.2em; }
}




/* index - section1 */
@media all {
    #index .section1 { 
        --box-youtube-translate:4em;
        padding-top: 8.4em; 
    }
    #index .section1 .itemBox {
        display: grid; grid-template-columns: auto 1fr; 
        gap:calc(var(--box-youtube-translate) + 6.5em);
    }
    #index .section1 .itemBox .textBox {
        padding-top: calc(var(--box-youtube-translate) + 10px);
        padding-left: max(15px,calc( ( 100vw - var(--containerV1-width) * 1px ) / 2 ));
        padding-bottom: 2em;
        background: url(./img/index_section1_bg.jpg) no-repeat left bottom / cover;
    }
    #index .section1 .itemBox .textBox .title {
        font-size: 6em; font-family: 'SDSamliphopangche_Basic' !important;
        color: var(--main-color); line-height: 1.4; margin-bottom: 0.1em;
    }
    #index .section1 .itemBox .textBox .text1 {
        font-size: 1.8em; color: #626262; line-height: 1.6; margin-bottom: 2.4em;
    }
    #index .section1 .itemBox .textBox .list-more {
        font-size: 1.6em; display: flex; gap:1em;
    }
    #index .section1 .itemBox .textBox .list-more > li > a {
        display: block; color: #fff; background: var(--main-color);
        padding: 0.8em 1.4em; border-radius: 2em;
        box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
        transition: 0.4s;
    }
    #index .section1 .itemBox .textBox .list-more > li > a:hover {
        box-shadow: 5px 5px 5px transparent;
        transform: translate(5px,5px);
    }
    #index .section1 .itemBox .box-youtube { 
        position: relative; height: 0; padding-bottom: 56.25%;
    }
    #index .section1 .itemBox .box-youtube:before {
        content: '';
        position: absolute; left: 0; top: 0; width: 80%; height: 80%;
        background: #b4804c;
        transform: translateX(calc(var(--box-youtube-translate) * -1));
        transition: 1s;
    }
    #index .section1 .itemBox .box-youtube iframe { 
        position: absolute; left: 0; top: 0; z-index: 1;
        width: 100%; height: 100%;
        transform: translateY(var(--box-youtube-translate));
    }
    #index .section1 .itemBox .box-youtube[data-scroll="out"]:before {
        width: 0;
    }
}
@media (max-width:1200px) {
    #index .section1 .itemBox .box-youtube { padding-bottom: 80%; }
}
@media (max-width:991px) {
    #index .section1 { 
        --box-youtube-translate:0;
    }
    #index .section1 .itemBox { gap:5em; }
    #index .section1 .itemBox .textBox { 
        background: #fff; padding-top: 0; padding-bottom: 0;
        justify-self: center; padding-right: 15px;
    }
    #index .section1 .itemBox { grid-template-columns: 1fr; }
    #index .section1 .itemBox .box-youtube { padding-bottom: 56.25%; }
    #index .section1 .itemBox .box-youtube::before{ display: none; }
}
@media (max-width:580px) {
    #index .section1 .itemBox .textBox .title { font-size: 4.2em; }
    #index .section1 .itemBox .textBox .text1 br { display: none; }
}

/* index - section2 */
@media all {
    #index .section2 { 
        background:#fff8eb; 
        padding: 16em 0 8em;
    }
    #index .section2 .itemBox {
        display: grid; grid-template-columns: repeat(2,1fr); gap:15px;
        align-items: center;
    }
    /* textBox */
    #index .section2 .itemBox .textBox {
        padding-left: max(15px,calc( ( 100vw - var(--containerV1-width) * 1px ) / 2 ));
    }
    #index .section2 .itemBox .textBox .title {
        font-size: 5.5em; font-family: 'SDSamliphopangche_Basic' !important;
        color: var(--main-color); line-height: 1.4; margin-bottom: 0.1em;
    }
    #index .section2 .itemBox .textBox > .text1 {
        font-size: 1.8em; color: #626262; line-height: 1.6; margin-bottom: 5em;
    }
    /* list-more */
    #index .section2 .itemBox .list-more {  
        display: grid; gap:2em;
    }
    #index .section2 .itemBox .list-more > li { 
        position: relative; height: 110px;
    }
    #index .section2 .itemBox .list-more > li > a {
        display: grid; grid-template-columns: auto 1fr auto;
        align-items: center; color: #000;
        position: absolute; left: 50%; top: 0; transform: translateX(-50%); 
        width: 110%; height: 100%; padding: 0 3em; gap:2.4em;
        border-radius: 10em; transition: 0.4s;
    }
    #index .section2 .itemBox .list-more > li > a .icon {
        width: 6.4em; height: 6.4em;
        background-repeat: no-repeat; background-size: cover;
        background-position: center; transition: 0.4s;
    }
    #index .section2 .itemBox .list-more > li > a .inner-text {
        transition: 0.4s;
    }
    #index .section2 .itemBox .list-more > li > a .inner-text > .text1 {
        font-size: 3em; line-height: 1.4; font-weight: 500;
    }
    #index .section2 .itemBox .list-more > li > a .inner-text > .text2 {
        font-size: 1.8em; line-height: 1.6;
    }
    #index .section2 .itemBox .list-more > li > a .more {
        width: 6em; height: 6em; background: #fff; border-radius: 50%;
        text-align: center; line-height: 6em; opacity: 0;
        transition: 0.4s;
    }
    #index .section2 .itemBox .list-more > li > a .more > i {
        color: #000; font-size: 2em;
    }

    /* item1,item2,item3 */
    #index .section2 .itemBox .list-more > li.item1 > a .icon {
        background-image: url(./img/index_section2_icon_01.png);
    }
    #index .section2 .itemBox .list-more > li.item2 > a .icon {
        background-image: url(./img/index_section2_icon_02.png);
    }
    #index .section2 .itemBox .list-more > li.item3 > a .icon {
        background-image: url(./img/index_section2_icon_03.png);
    }

    /* box-img */
    #index .section2 .itemBox .box-img {
        background-repeat: no-repeat; background-size: cover;
        background-position: center;
        background-image: url(./img/index_section2_img1.jpg);
        height: calc(816 / 1920 * 100vw);
        transition:0.6s;
    }
}
@media (min-width:991px) {
    /* hover */
    #index .section2 .itemBox .list-more > li > a.active {
        background: #b4804c; box-shadow: 10px 10px 10px rgba(0,0,0,0.3); 
    }
    #index .section2 .itemBox .list-more > li > a.active .inner-text {
        color: #fff;
    }
    #index .section2 .itemBox .list-more > li > a.active .more {
        opacity: 1;
    }
    #index .section2 .itemBox .list-more > li.item1 > a.active .icon {
        background-image: url(./img/index_section2_icon_hover_01.png);
    }
    #index .section2 .itemBox .list-more > li.item2 > a.active .icon {
        background-image: url(./img/index_section2_icon_hover_02.png);
    }
    #index .section2 .itemBox .list-more > li.item3 > a.active .icon {
        background-image: url(./img/index_section2_icon_hover_03.png);
    }
    #index .section2 .itemBox .box-img.item1 {
        background-image: url(./img/index_section2_img1.jpg);
    }
    #index .section2 .itemBox .box-img.item2 {
        background-image: url(./img/index_section2_img2.jpg);
    }
    #index .section2 .itemBox .box-img.item3 {
        background-image: url(./img/index_section2_img3.jpg);
    }
}
@media (max-width:1400px) {
    #index .section2 {
        font-size: 0.9em;
    }    
}
@media (max-width:1200px) {
    #index .section2 {
        font-size: 0.8em;
    }    
    #index .section2 .itemBox .textBox > .text1 {
        margin-bottom: 3em;
    }
}
@media (max-width:991px) {
    #index .section2 {
        font-size: 1em;
    } 
    #index .section2 .itemBox {
        grid-template-columns: 1fr;
    }
    /* textBox */
    #index .section2 .itemBox .textBox {
        padding-right: 15px;
    }
    #index .section2 .itemBox .textBox > .text1 {
        margin-bottom: 1.5em;
    }
    /* list-more */
    #index .section2 .itemBox .list-more > li.img {
        height: auto; margin-bottom: 2em;
    }
    #index .section2 .itemBox .list-more > li > a {
        width: 100%; background: var(--main-color);
        color: #fff;
    }
    #index .section2 .itemBox .list-more > li > a .inner-text > .text1 {
        font-size: 2em;
    }
    #index .section2 .itemBox .list-more > li > a .more {
        opacity: 1;
    }
    #index .section2 .itemBox .list-more > li > a .more i {
        transform: rotate(90deg);
    }

    /* item1,item2,item3 */
    #index .section2 .itemBox .list-more > li.item1 > a .icon {
        background-image: url(./img/index_section2_icon_hover_01.png);
    }
    #index .section2 .itemBox .list-more > li.item2 > a .icon {
        background-image: url(./img/index_section2_icon_hover_02.png);
    }
    #index .section2 .itemBox .list-more > li.item3 > a .icon {
        background-image: url(./img/index_section2_icon_hover_03.png);
    }

    /* none */
    #index .section2 .itemBox .box-img { display: none; }
}
@media (max-width:768px) {
    #index .section2 { padding: 8em 0; }
    #index .section2 .itemBox .textBox > .text1 br { display: none; }
    #index .section2 .itemBox .list-more > li { height: 50px; }
    #index .section2 .itemBox .list-more > li > a .icon { display: none; }
    #index .section2 .itemBox .list-more > li > a .more { display: none; }
    #index .section2 .itemBox .list-more > li > a .inner-text > .text2 {
        display: none;
    }
}

/* index - section3 */
@media all {
    #index .section3 {
        padding: 10em 0;
        background: url(./img/index_section3_bg.jpg) no-repeat center / cover;
    }
    #index .section3 .titleBox { text-align: center; margin-bottom: 5em; }
    #index .section3 .titleV1 { margin-bottom: 0.1em; }
}

/* index - section4 */
@media all {
    #index .section4 {
        padding: 9em 0; background: #fafafa;
    }
    #index .section4 .titleBox { text-align: center; margin-bottom: 5em; }
    #index .section4 .titleV1 { margin-bottom: 0.1em; }

    #index .section4 .containerV1 > .itemBox {
        display: flex; align-items: flex-end; margin-bottom: 68px;
    }
    #index .section4 .containerV1 > .itemBox > .item { width: 50%; }
    #index .section4 .containerV1 > .itemBox > .item1 { 
        padding-right: calc(50 / 1920 * 100vw); 
    }
}
@media (max-width:1200px) {
    #index .section4 .containerV1 > .itemBox > .item1 { width: 45%; }
    #index .section4 .containerV1 > .itemBox > .item2 { width: 55%; }
}
@media (max-width:991px) {
    #index .section4 .containerV1 > .itemBox { 
        flex-wrap: wrap; max-width: 600px; margin: 0 auto 68px;
    }
    #index .section4 .containerV1 > .itemBox > .item1 { 
        width: 100%; margin-bottom: 40px; 
    }
    #index .section4 .containerV1 > .itemBox > .item2 { width: 100%; }
}

/* index - section5 */
@media all {
    #index .section5 {
        padding: 8em 0;
    }
    #index .section5 .titleBox { text-align: center; margin-bottom: 5em; }
    #index .section5 .titleV1 { margin-bottom: 0.1em; }
}

/* index - section6 */
@media all {
    #index .section6 {
        padding: 7em 0;
        background: url(./img/index_section6_bg.jpg) no-repeat center / cover;
        background-attachment: fixed;
    }
    #index .section6 .itemBox {
        display: grid; grid-template-columns: 1fr 1.2fr;
        align-items: center;
    }
    /* map */
    #index .section6 .itemBox .map { 
        position: relative; z-index: 0;
    }
    #index .section6 .itemBox .map .root_daum_roughmap { 
        width: 100%; 
    }
    #index .section6 .itemBox .map .root_daum_roughmap .wrap_map {
        height: 577px; 
    }
    /* item */
    #index .section6 .itemBox .item {
        position: relative; padding: 5em 2em;
    }
    #index .section6 .itemBox .item:after {
        content: ''; position: absolute; right: 0; top: 0; 
        width: calc( 100% + 4em ); height: 100%;
        background: #fff; box-shadow:10px 10px 10px rgba(0,0,0,0.5);
        transition:1s;
    }
    #index .section6 .itemBox .item > * {  
        position: relative; z-index: 2;
    }
    #index .section6 .itemBox .item .titleBox { 
        padding-bottom: 3.2em; border-bottom: 1px solid #a0a0a0;
        margin-bottom: 4em;
    }
    #index .section6 .itemBox .item .titleBox .titleV1 { margin-bottom: 0.1em; }
    #index .section6 .itemBox .item .titleBox .textV1 { font-size: 1.6em; }
    #index .section6 .itemBox .item .textBox {
        display: grid; grid-template-columns: auto 1fr; gap:3em;
        align-items: center;
    }
    #index .section6 .itemBox .item .textBox .tel .text1 {
        font-size: 2em; font-weight: bold;
    }
    #index .section6 .itemBox .item .textBox .tel .text1 .colorV1 {
        font-size: 1.5em; color: #81511c;    line-height: 1.2;
    }
    #index .section6 .itemBox .item .textBox .tel .text1 .colorV1 a {
        color: inherit;
    }
    #index .section6 .itemBox .item .textBox .tel .text2 {
        font-size: 1.6em; line-height: 1.4; color: #626262; margin-top: 0.4em;
    }
    #index .section6 .itemBox .item .textBox .list-more {
        display: grid; grid-template-columns: repeat(2,1fr);
        gap:1em;
    }
    #index .section6 .itemBox .item .textBox .list-more .moreV1 { 
        margin: 0; width: 100%;
    }
    #index .section6 .itemBox .item .textBox .list-more .moreV1 > a { 
        box-shadow: none; padding: 1.2em 1.2em; display: block;
    }
    #index .section6 .itemBox .item .textBox .list-more .moreV1 > a:hover { 
        transform: translate(0,0); 
    }
    #index .section6 .itemBox[data-scroll="out"] .item:after {
        width: 90%;
    }
}
@media (max-width:1400px) {
    #index .section6 .itemBox { grid-template-columns: 1fr 1.55fr; }
    #index .section6 .itemBox .item .titleBox .textV1 br { display: none; }
}
@media (max-width:1200px) {
    #index .section6 .itemBox .item { font-size: 0.85em; }
}
@media (max-width:991px) {
    #index .section6 .itemBox { grid-template-columns: 1fr; }
    #index .section6 .itemBox .item { 
        font-size: 1em; background: #fff; 
        box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
    }
    #index .section6 .itemBox .item:after { display: none; }
}
@media (max-width:768px) {
    #index .section6 .itemBox .item .textBox {
        grid-template-columns: 1fr;
    }
}
@media (max-width:580px) {
    #index .section6 .itemBox .map .root_daum_roughmap .wrap_map {
        height: calc(435 / 580 * 100vw); 
    }
}



/*--------------------------------------------------- 푸터세팅 ----------------------------------------------------------------------------*/
/* footer*/
@media all {
    footer { 
        --footer-item-color:#898989;
        background: #fff; font-size: 15px; 
        margin-bottom: var(--dday-H);
    }

    /* info_box */
    footer .info_box {
        width: 100%; padding: 1em 0; 
        border-top: 1px solid var(--footer-item-color);
        border-bottom: 1px solid var(--footer-item-color);
    }
    footer .info_box .info { 
        display:flex; flex-wrap:wrap; 
        text-align: center;
    }
    footer .info_box .info > .item { position:relative; }
    footer .info_box .info > .item:before { 
        content:''; position:absolute; right:0.4667em; top:50%; 
        transform:translateY(-40%); 
        width:1px; height:0.86em; background:var(--footer-item-color); 
    }
    footer .info_box .info > .item:last-child:before { display:none; }
    footer .info_box .info > .item > a { 
        display:block; color:var(--footer-item-color); 
        line-height:1.8; margin-right:1em;
    } 
    
    footer .contents { 
        display: grid; grid-template-columns: auto 1fr auto;
        align-items: start;
        padding: 1.66em 0 2.66em; gap:1em; 
    }
    footer .contents .f_logo { margin-right: 3em; }
    footer .item2 > div { 
        line-height: 1.6; color: var(--footer-item-color); 
    }  
    footer .item2 > div a { color: inherit; }
    footer .item2 > .text > span { 
        position: relative; margin-right:0.4em; font-weight: inherit;
    }
    footer .item2 > .text > span:after { 
        content:'|'; display: inline-block; margin-left: 0.8em;
    }
    footer .item2 > .text > span:last-child:after { display: none; }
    footer .item2 > .copy { text-transform: uppercase; font-weight: inherit; }
    
    /* snsList */
    footer .contents > li.snsList { 
        gap:0.8em; align-items: center; display: flex; 
    }    
}

@media (max-width:991px) {
    footer .contents { grid-template-columns: 1fr auto; }
    footer .contents .f_logo { display: none; }
}
@media (max-width:768px) {
    footer .contents { grid-template-columns: 1fr; }
    footer .contents .item2 { order:2; }
    footer .item2 > .text > span { display: block; margin-right: 0; }
    footer .item2 > .text > span:after { display: none; }
    footer .contents > li.snsList { order:1; }
}


@media (max-width:450px) {
footer .info_box .info > .item { width: 50%; }
footer .info_box .info > .item:nth-child(1) { order:1; }
footer .info_box .info > .item:nth-child(2) { order:4; }
footer .info_box .info > .item:nth-child(3) { order:3; }
footer .info_box .info > .item:nth-child(4) { order:2; }
footer .info_box .info > .item:before { right: 0; }
footer .info_box .info > .item:nth-child(2n):before { display:none; }
footer .info_box .info > .item > a { margin-right: 0; }
}
/*--------------------------------------------------- 푸터세팅 끝 ----------------------------------------------------------------------------*/





/* 하단 상단이동 버튼 */
.at-go .go-btn {z-index: 1001;}

/* 서브페이지 패딩 */
.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; }


.b400 {padding: 30px;}