@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;
	--containerV2-width : 1200;

	--main-color : #00426e; /* mainColor */		
}

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

/* 스크롤 막기 (모바일 메뉴 열었을 때 적용) */
.scrollDisable {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}

/* 확대 축소 애니메이션 */
@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; }


/* header */
@media all {
    #header { 
        --height: 100px;
        --color-hover:#535353;
        --transition:0.2s;
        /* 폰트 사이즈 pc */
        --head-font-size-pc: 20;
        /* 폰트 사이즈 mob */
        --head-font-size-mob:15;
        font-size: min( calc( var(--head-font-size-mob) / 350 * 100vw ), calc(var(--head-font-size-pc) * 1px) );
        position: sticky; left: 0; top: 0; width: 100%; z-index: 2001; transition:var(--transition); background: #fff;
    }
    /* 헤드 - 바텀 라인 */
    #header:after { 
        content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #eee;
        transition:var(--transition);
    }
    #header > .containerV1 { display:flex; justify-content:space-between; align-items:center; }
    
    /* 로고 */
    .logo { 
        --logo-width:242;
        --logo-height:54;
        width: calc(var(--logo-width) * 1px);
     }
    .logo a { 
        display: block;
        background-repeat: no-repeat; background-position: center;
		background-size:cover;
		background-image: url(./img/logo.png);
		width: 100%; 
		height: 0;
		padding-bottom: calc(var(--logo-height) / var(--logo-width) * 100%);
    }
    
    /* 메뉴 */
    .menuBox .containerV1 { display:flex; align-items:center; max-width: initial; padding: 0; }
    /* 메뉴 - 대메뉴 */
    .menuBox #head_menu .outer { display:flex; }
    .menuBox #head_menu .outer > li { position: relative; }
    .menuBox #head_menu .outer > li > a { 
        --outer-pd:45px;
        display: flex; align-items:center; color: #313131; font-weight: bold; padding:0 var(--outer-pd); transition:var(--transition);
        position: relative;
    }
    /* 메뉴 - 소메뉴 */
    .menuBox #head_menu .sub_menu { 
        width: 100%; font-size: 0.75em; display:grid; align-content:start; gap:1.2em; padding: 1.5em 0;
        transition:var(--transition);
    }
    .menuBox #head_menu .sub_menu > li { position: relative; z-index: 1; }
    .menuBox #head_menu .sub_menu > li > a { display: block; color: var(--color-hover); white-space:nowrap; line-height: 1.4; }
    .bg_subMenu { position: absolute; left: 0; top: 100%; width: 100%; height: 0; background: #fff; transition:var(--transition); box-shadow:0 10px 5px rgba(0,0,0,0.05); }
}

@media (min-width:991px) {/* pc */
    #header > .containerV1 { transition: var(--transition); }

    .logo { transition: var(--transition); }

    .menuBox #head_menu { display: flex; align-items:center; gap:1em; }

	.menuBox #head_menu .outer > li > a { height: var(--height);  }
	.menuBox #head_menu .outer > li > a:after { 
	content: ''; position: absolute; left: 50%; bottom: 0; width: 0%; height: 2px; background: var(--main-color); opacity: 0;
	transition:var(--transition); z-index: 2001; transform:translateX(-50%);
	}

    .menuBox #head_menu .catalog > a { 
        display: block; background: var(--main-color); color: #fff;
        font-size: 0.8em; padding: 0.6em 1.2em; border-radius: 0.3em;
    }

	.menuBox #head_menu .sub_menu { 
	position: absolute; left: 0; top: 100%; text-align: center; opacity:0; visibility:hidden;
	}

	/* hover */
	.menuBox #head_menu .outer > li:hover .sub_menu:after  { opacity: 1; }
	:is(#header, #header.hover) .menuBox #head_menu .outer > li:hover > a { color: var(--main-color); }
	.menuBox #head_menu .outer > li:hover > a:after { opacity: 1; width: 100%; }
	.menuBox #head_menu .sub_menu > li > a:hover { color: var(--main-color); }

	/* on */
	:is(#header, #header.hover) .menuBox #head_menu .outer > li > a.on { text-decoration: underline; text-underline-position: under; }

	/* 
	마우스 진입 및 아웃 효과
	*/
	#header.hover:after { opacity: 1; }
	#header.hover .menuBox #head_menu .sub_menu { opacity:1; visibility:visible;  }

    /* 스크롤 효과 */
    #header.scroll { --height:70px; }
    #header.scroll .logo { width:calc(var(--logo-width) * 1px - 30px); }
}

@media (991px <= width <= 1430px) {
	.menuBox #head_menu .outer > li > a { 
        --outer-pd:calc(35 / 1430 * 100vw);
        font-size: 0.9em; 
	}
    .menuBox #head_menu .catalog > a { font-size: 0.7em; padding-bottom: 0.8em; }
    .menuBox #head_menu .sub_menu { font-size: 0.7em; }
}

@media (max-width:991px) {/* 모바일 */
	#header { --height:4em; }
	#header > .containerV1 { height: var(--height); }

	.logo { width: 12.1em; }

	/* 모바일 열기 버튼 */
	#header .open_btn { cursor:pointer; color:#000; font-size: 1.2em; }

	.menuBox { 
	position: fixed; right: 0; top: 0; width: 18em; height: 100%; z-index:9999; background: #fff; transform:translateX(100%); transition:var(--transition); 
	}

	/* 모바일닫기버튼 */
	.close_btn { position: absolute; right: 5px; top: 5px; width:40px; height:40px; cursor:pointer; background: #000; border-radius:5px; z-index: 9999; }
	.close_btn > i { display:block; color:#fff; text-align:center; line-height:40px; font-size:25px; }

	.menuBox .containerV1 { 
        width: 100%; height: 100%; overflow-x: hidden; overflow-y:auto; position: absolute;  top:0;
        display:grid; align-items:start; align-content:start; padding: 0 15px;
	}
	.menu_box_bg { position: absolute; right: 0; top: 0; z-index:8000; width: 100%; height: 100vh; background: rgba(0,0,0,0.5); }

    .menuBox #head_menu .catalog { margin-left: -15px; margin-right: -15px; }
    .menuBox #head_menu .catalog > a {
        background: var(--main-color); display: block;
        text-align: center; color: #fff; padding: 0.7em;
        font-size: 0.9em;
    }

	.menuBox #head_menu .outer > li > a { 
        --outer-pd:1.4em;
        color: #000; display: block;
	}
	.menuBox #head_menu .outer > li > a .icon { 
        --icon-width:39;
        --icon-height:39;
        position: absolute; left: 0; top: 0; width: 1em; opacity: 1; 
    }
	.menuBox #head_menu .outer > li > a .icon:after { 
        content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 0; 
        padding-bottom: calc(var(--icon-height) / var(--icon-width) * 100%);
        background: url(./img/head_icon1.png) no-repeat center / cover;
	}
	.menuBox #head_menu .outer { display:grid; padding-top: 2em; }

	.menuBox #head_menu .sub_menu {
        --submenu-pl : 1.6em; 
        font-size: 0.8em;
        padding: 1.4em 0 1.6em; margin-bottom: 2em;
        padding-left: var(--submenu-pl); gap:1em 2.6em; position: relative; 
	}
	.menuBox #head_menu .sub_menu:after {
	content: ''; position: absolute; left: var(--submenu-pl); bottom: 0; width: calc(100% - var(--submenu-pl) ); height: 1px; background: #ddd; 
	}

	/* 소메뉴 그룹별 레이아웃 */
	.menuBox #head_menu .outer > li.g01 .sub_menu { grid-template-columns:repeat(3,1fr); }
	.menuBox #head_menu .outer > li.g04 .sub_menu { grid-template-columns:repeat(3,1fr); }

	/* 모바일메뉴박스 보이게 하는 클래스 */
	.menuBox.inactive { transform:translateX(0); } 

	/* on */
	.menuBox #head_menu .outer > li > a.on .icon { opacity: 1; }
}


/* index - all */
@media all {
    #index {
        --index-font-size-pc: 10;
        --index-font-size-mob: 10;
        font-size: min( calc( var(--index-font-size-mob) / 500 * 100vw ), calc(var(--index-font-size-pc) * 1px) );
        overflow: hidden;
    }

    #index .title-v1 {
        font-size: 2em; line-height: 1.5; font-weight: bold; color: #000;
        border-bottom: 1px solid var(--main-color); padding-bottom: 0.2em;
        width: 7.75em; margin-bottom: 1em;
    }
    #index .text-v1 {
        font-size: 2.5em; line-height: 1.5; font-weight: bold;
        color: var(--main-color);
    }
    #index .text-v2 {
        font-size: 1.8em; line-height: 1.6; color: #575757;
    }

    #index .moreV1 .item {
        display: block; padding: 0.9em 0; text-transform: uppercase; text-align: center;
        width: 13em; font-size: 13px; background: var(--main-color); position: relative; color: #fff; transition: all 0.3s;
    }
    #index .moreV1 .item::before,
    #index .moreV1 .item::after {
        content:""; position: absolute; background: var(--main-color); width: 0px; height: 2px; transition: all 0.5s; z-index: 1;
    }
    #index .moreV1 .item::before {top: 0; right: 0; }
    #index .moreV1 .item::after {bottom: 0; left: 0;}

    #index .moreV1 .arrow { position: relative; margin-left: 0.5em; }
    #index .moreV1 .arrow::after {
        content: '\f105'; font-family: fontAwesome;
    }

    #index .titleBox {
        transition: 1s;
    }
    #index .titleBox[data-scroll="out"] {
        opacity: 0; transform: translateX(-50%);
    }
}
@media (max-width:768px) {
    #index .text-v1 br { display: none; }
}

/* index - section01 */
@media all {
    #index .section01 {
        padding: 8em 0 9em;
    }
    #index .section01 .containerV2 { overflow: hidden; }
    #index .section01 .titleBox { padding-bottom: 2em; }
    #index .section01 .list-img {
        --width-big:720;
        --width-small:480;
        --height:310;
        position: relative; overflow: hidden;
        height: calc(var(--height) * 2px);
        font-size: 2em;
    }
    #index .section01 .list-img > li {
        height: calc(var(--height) * 1px);
        background-repeat: no-repeat; background-position: center;
        background-size: cover;
        position: absolute; z-index: 1;
        transition: 0.5s; font-size: 1em;
    }
    #index .section01 .list-img > li.item1 { 
        background-image: url(./img/index_section1_img1_01.jpg);
        top: 0; left: 0;
    }
    #index .section01 .list-img > li.item2 { 
        background-image: url(./img/index_section1_img2_01.jpg);
        right: 0; top: 0;
    }
    #index .section01 .list-img > li.item3 { 
        background-image: url(./img/index_section1_img2_02.jpg);
        left: 0; bottom: 0;
    }
    #index .section01 .list-img > li.item4 { 
        background-image: url(./img/index_section1_img1_02.jpg);
        right: 0; bottom: 0;
    }
    #index .section01 .list-img > li.big {
        width: calc(var(--width-big) * 1px);
    }
    #index .section01 .list-img > li.small {
        width: calc(var(--width-small) * 1px);
    }
    #index .section01 .list-img > li > a { 
        display: block; height: 100%; line-height: 1.4;
        color: #fff; 
    }
    #index .section01 .list-img > li > a .textBox {
        padding: 1.5em 1.5em 5em; transition:0.4s;
        background: rgb(0,0,0);
        background: linear-gradient(
            0deg, rgba(0,0,0,0) 0%, 
            rgba(0,0,0,0.2) 50%, 
            rgba(0,0,0,0.3) 100%);
    }
    
    #index .section01 .list-img > li > a .box-more {
        backdrop-filter: blur(10px);
        background: rgba(0,0,0,0.4);
        position: absolute; right: 0; bottom: 0; padding: 1.5em;
        width: 30em; opacity: 0; transition:opacity 1s;
    }
    #index .section01 .list-img > li > a .box-more > p {
        position: relative; padding-bottom: 2.5em;
    }
    #index .section01 .list-img > li > a .box-more > p > i {
        position: absolute; right: 0; bottom: 0; font-size: 2em;
    }
}
@media (min-width:480px) {
    #index .section01 .list-img > li { transition:1s; }
    #index .section01 .list-img > li:hover {
        width: 100% !important; height: 100%; z-index: 2000;
    }
    #index .section01 .list-img > li:hover > a .box-more {
        opacity: 1;
    }
    #index .section01 .list-img[data-scroll="out"] > li.item1 { 
        top: 0; left: -100%;
    }
    #index .section01 .list-img[data-scroll="out"] > li.item2 { 
        right: 0; top: -100%;
    }
    #index .section01 .list-img[data-scroll="out"] > li.item3 { 
        left: 0; bottom: -100%;
    }
    #index .section01 .list-img[data-scroll="out"] > li.item4 { 
        right: -100%; bottom: 0;
    }
}
@media (max-width:1200px) {
    #index .section01 .list-img {
        height: calc(var(--height) * 2 / 1200 * 100vw);
    }
    #index .section01 .list-img > li {
        height: calc(var(--height) / 1200 * 100vw);
    }
    #index .section01 .list-img > li.big {
        width: calc(var(--width-big) / 1200 * 100vw);
    }
    #index .section01 .list-img > li.small {
        width: calc(var(--width-small) / 1200 * 100vw);
    }
}
@media (max-width:768px) {
    #index .section01 .list-img { font-size: 1.5em; }
    #index .section01 .list-img > li > a .box-more { width: 25em; }
}
@media (max-width:480px) {
    #index .section01 .list-img { 
        height: auto; font-size: 2em;
    }
    #index .section01 .list-img > li { 
        position: relative; width: 100% !important;
        height: calc(var(--height) / 480 * 100vw);
        transition:1s;
    }
    #index .section01 .list-img > li > a .box-more  { 
        opacity: 1; font-size: 0.75em; width: 100%;
    }
    
    #index .section01 .list-img > li[data-scroll="out"]:nth-child(even) {
        opacity: 0; transform:translateX(10%);
    }
    #index .section01 .list-img > li[data-scroll="out"]:nth-child(odd) {
        opacity: 0; transform:translateX(-10%);
    }
}

/* index - section02 */
@media all {
    #index .section02 {
        padding: 8em 0 clamp(10em,calc(180 / 1920 * 100vw),18em);
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(224,224,224,1) 75%, rgba(224,224,224,1) 100%);
    }
    #index .section02 .containerV2 { overflow: hidden; }
    #index .section02 .itemBox1 {
        margin-bottom: clamp(10em,calc(180 / 1920 * 100vw),18em);
    }
    #index .section02 .itemBox1 .titleBox {
        margin-bottom: 4.2em;
    }
    #index .section02 .itemBox1 .titleBox .text-v1 {
        margin-bottom: 0.2em;
    }
    #index .section02 .itemBox1 .inner {
        display: flex; gap:2em; text-align: center; font-size: 1.8em;
    }
    #index .section02 .itemBox1 .inner > * { flex:1; }
    #index .section02 .itemBox1 .inner > * > a {
        display: grid; justify-content: center;
        background: #fff; padding: 2.8em 0;
        transition: 0.4s; position: relative;
    }
    #index .section02 .itemBox1 .inner > * > a:before {
        content: ''; position: absolute; left: 50%; top: 50%;
        transform:translate(-50%,-50%); width: 95%; height: 95%;
        border: 1px solid var(--main-color); opacity: 0; transition: 0.4s;
    }
    #index .section02 .itemBox1 .inner > * > a > * { position: relative; z-index: 1; }
    #index .section02 .itemBox1 .inner > * > a .text {
        font-weight: bold; color: var(--main-color);
        padding: 0.5em 0 1em;
    }
    #index .section02 .itemBox1 .inner > * > a .more {
        font-size: 0.8333em; background: var(--main-color); color: #fff;
        padding: 0.7em 2.2em;
    }

	/* ------------ 잠시 제품소개 섹션 감춰두었음  - 제품소개 게시판 다시 열리면 아래 두가지 삭제 230223*/
		#index .section02 .itemBox1{margin-bottom: 0;}
	    #index .section02 .itemBox2{display: none;}
	/* --------------------------------------------------- */

    /* hover */
    #index .section02 .itemBox1 .inner > * > a:hover {
        box-shadow: 0.3em 0.3em 5px rgba(0,0,0,0.05);
    }
    #index .section02 .itemBox1 .inner > * > a:hover:before {
        opacity: 0.4;
    }

    #index .section02 .itemBox1 .inner > li { transition: 1.5s; }
    #index .section02 .itemBox1 .inner[data-scroll="out"] > li {
        opacity: 0.5; transform:translateY(10%);
    }
}
@media (max-width:991px) {
    #index .section02 .itemBox1 .inner {
        display: grid; grid-template-columns: repeat(2,1fr);
    }
}
@media (max-width:768px) {
    #index .section02 .itemBox1 .inner { gap:1em; }
}

/* index - .section03 */
@media all {
    #index .section03 {
        position: relative; padding: 10em 0 12em;
    }
    #index .section03::before {
        content:''; position: absolute; top: 0; left: 0;
        width: 100%; height: 100%; z-index: 1;
        background: url('img/index_sec4_bg.jpg') no-repeat center center / cover;
    }

    #index .section03 > .containerV1 {position: relative; z-index: 2;}

    #index .section03 > .containerV2 { overflow: hidden; }

    #index .section03 .itemBox {
        display: grid; grid-template-columns: repeat(2, 1fr);
        gap: 4.5em;
    }

    #index .section03 .itemBox .right {display: flex; align-items: end;}
    #index .section03 .itemBox .right .data_box {
        display: flex; flex-direction: column; gap: 3em;
        width: 100%;
    }
    #index .section03 .itemBox .right .data_box .data01 {
        display: grid; grid-template-columns: repeat(2, 1fr);
        gap: 2em;
    }
    #index .section03 .itemBox .right .data_box .data-item { overflow: hidden; }
    #index .section03 .itemBox .right .data_box .data-item > a {
        padding: 3em 2em 1.8em 3.5em; display: flex;
        flex-direction: column; gap: 1.5em; color: #fff;
        width: 100%; height: 100%; background: #00426e;
        transition: 0.3s; justify-content: space-between;
    }
    #index .section03 .itemBox .right .data_box .data-item > a > .unit_text {width: 100%;}
    #index .section03 .itemBox .right .data_box .data-item > a > .unit_text h3 {
        font-size: 2.5em; line-height: 1.2; color: inherit;
        font-weight: bold; margin-bottom: 0.3em;
    }
    #index .section03 .itemBox .right .data_box .data-item > a > .unit_text span {
        font-size: 1.5em; color: inherit; line-height: 1.2;
    }
    #index .section03 .itemBox .right .data_box .data-item > a > .unit_text p {
        font-size: 1.6em; color: inherit; line-height: 1.2; margin-bottom: 0.5em;
        line-height: 1.4;
    }

    #index .section03 .itemBox .right .data_box .data-item > a .unit_img {align-self: end;}

    #index .section03 .itemBox .right .data_box .data02 > a {
        padding: 2.6em 2em 1.5em 3.5em; gap: 0;
    }

    /* data-scroll */
    #index .section03 .itemBox {overflow: hidden;}
    #index .section03 .itemBox .left[data-scroll] {opacity: 0; transform: translateX(-50%);}
    #index .section03 .itemBox .left[data-scroll="in"] {animation: form_move1 1.5s 0.5s forwards;}

    #index .section03 .itemBox .right[data-scroll] .data_box .unit {opacity: 0; transform: translateY(-20%);}
    #index .section03 .itemBox .right[data-scroll="in"] .data_box .unit01 {animation: form_move2 1s 0.5s forwards;}
    #index .section03 .itemBox .right[data-scroll="in"] .data_box .unit02 {animation: form_move2 1s 0.7s forwards;}
    #index .section03 .itemBox .right[data-scroll="in"] .data_box .unit03 {animation: form_move2 1s 0.9s forwards;}

    @keyframes form_move1 {
        to{opacity: 1; transform: translateX(0);}
    }

    @keyframes form_move2 {
        to{opacity: 1; transform: translateY(0);}
    }
}
/* hover */
@media (min-width: 991px) {
    #index .section03 .itemBox .right .data_box .data-item > a:hover {background: #0070bb;}
}
@media (max-width: 991px) {
    #index .section03 .itemBox {grid-template-columns: repeat(1, 1fr); gap: 8em;}
}



/*--------------------------------------------------- 푸터세팅 ----------------------------------------------------------------------------*/
footer {
    --index-font-size-pc: 10;
    --index-font-size-mob: 10;
    --footer-font-color: #000;
    font-size: min( calc( var(--index-font-size-mob) / 450 * 100vw ), calc(var(--index-font-size-pc) * 1px) );
    background: #eee;
}
footer .top_info_box {
    border-bottom: 1px solid #7d7d7d; padding: 13.5px 0;
}
footer .top_info_box .containerV1 {
    display: flex; justify-content: space-between; align-items: center;
    padding-left: 16rem;
}
footer .info_box {
    --info-color : #000;
    display: flex;
}
footer .info_box > .item { position:relative;}
footer .info_box > .item:before {
    content:''; position:absolute; right: 8px; top:55%; transform:translateY(-50%); 
    width: 1px; height: 15px; background:var(--info-color);
}
footer .info_box > .item:last-child:before { display:none;}
footer .info_box > .item > a { 
    display:block; color: var(--info-color); 
    font-size: 1.5em; line-height:1.8; margin-right:20px; 
}
footer .info_box > .item > a:hover {text-decoration: underline;} 


footer .contents_box > .containerV1 {padding-left: 10rem;}
footer .contents { display:flex; width: 100%; gap: 37px 6rem; padding: 20px 0;}
footer .item1 {display: flex; align-items: center;}
footer .item2 {display: flex; flex-direction: column; flex: 1;}


footer .item2 > div { line-height: 1.6; font-size: 1.6em; color: var(--footer-font-color);}
footer .item2 > div a { color: inherit;}
footer .item2 > .text > span { position: relative; margin-right:10px; font-weight: inherit;}
footer .item2 > .text > span:after { content:'|'; position:absolute; right:-8px; top:50%; transform:translateY(-55%);}
footer .item2 > .text > span:last-child:after { display: none;}
footer .item2 > .copy { text-transform: uppercase; font-weight: inherit; color: #000; font-size: 1.6em; }
footer .item2 > .copy a { color: inherit; }

@media (max-width:1430px) {
}


@media (max-width:991px) {
    footer .contents {text-align: center; position: relative;}
    footer .item1 {position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%);}
    footer .item1 img {transform: scale(1.5); opacity: 0.2;}
    footer .top_info_box .containerV1 {justify-content: center;}
    footer .contents_box > .containerV1 {padding-left: 0; padding: 0 15px;}
    footer .item2 {position: relative; z-index: 2;}
    footer .item2 > div {display: flex; flex-direction: column; }
    footer .item2 > .copy {display: block;}
    footer .item2 > .text > span:after { display:none;}
}

@media (max-width:600px) {
    footer .contents {text-align: center;}
    footer .top_info_box {justify-content: center;}
    footer .item2 > div {line-height: 1.6;}
}
/*--------------------------------------------------- 푸터세팅 끝 ----------------------------------------------------------------------------*/








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


/* 게시판 및 게시판헤드 등 기타 버튼들 기본컬러 변경 */
.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; }