@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;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; }
    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;
    }
}    

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

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

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

/* 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.02); }
}
@keyframes ani_scale2 {
	50% { transform:scale(1.04); }
}
@keyframes ani_scale3 {
	50% { transform:scale(1.00); }
}


.wrapper { overflow-x: hidden; }

/* 링크 임시 막음 */
.link_none {
    pointer-events: none;
}
.color_none {
    color: rgba(255,255,255,0.6) !important;
}
.color_none1 {
    color: #b8b8b8 !important;
}

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

    /* head-search-box */
    #header .head-search-box { 
        --font-size-pc:15;
        --font-size-mob:13;
        --color:#a0a0a0;
        font-size: min( calc( var(--font-size-mob) / 350 * 100vw ), calc(var(--font-size-pc) * 1px) );
        display: flex; align-items: center; gap:1.5em;
    }
    #header .head-search-box .loginList { display: flex; }
    #header .head-search-box .loginList > li:not(:last-child):after { 
        content: '|'; margin: 0 1em; font-size: 0.7em; display: inline-block; transform: translateY(-15%); color: var(--color);
    }
    #header .head-search-box .loginList > li > a { display: inline-block; color: var(--color); font-size: 0.86em; }
    #header .head-search-box .header-search { border: 1px solid #9d9d9d; padding: 0.3em; border-radius: 1.8em; background: #f7f7f7; }
    #header .head-search-box .header-search .input-group { display:flex; align-items:center; }
    @keyframes search_ani1 { to { width: max(200px,calc(300 / 1920 * 100vw)); } }
    #header .head-search-box .header-search .input-group input[type='text'] {
        border: none; width: 0; font-size: 1.1em; background: none; color: var(--color);
        animation: search_ani1 1s linear forwards;
    }
    #header .head-search-box .header-search .input-group input[type='text']::placeholder { color: var(--color); }
    #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 .btn {
        font-size: 1em; background: #f9a51a; border-radius:50%; padding: 0; width: 2.867em; height: 2.867em; line-height: 2.867em; color: #fff;
    }
    #header .head-search-box .header-search .input-group .btn i { font-size: 1.2em; }

    /* btn_menu */
    #header .btn_menu { 
        --btn-icon-height:3px;
        --btn-icon-gap:5px;
        position: absolute; right: 0; top:50%; transform: translateY(-50%); z-index: 3; width: 2em; height: 2em;
    }
    #header .btn_menu > span { display: block; width: 100%; height: var(--btn-icon-height); background: #fff; position: relative; }
    #header .btn_menu > span:before,
    #header .btn_menu > span:after { content:''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: inherit; }
    #header .btn_menu > span:before { transform:translateY( calc(-1 * var(--btn-icon-height) - var(--btn-icon-gap)) ); }
    #header .btn_menu > span:after { transform:translateY( calc(var(--btn-icon-height) + var(--btn-icon-gap)) ); }

    /* topBox */
    #header .topBox { background: #fff; position: relative; z-index: 3; }
    #header .topBox .containerV1 { display:flex; justify-content: space-between; align-items:center; height: var(--header-topBox-height); }
    #header .topBox .containerV1 .logo a img { height: calc( var(--header-topBox-height) / 2 ); }
    

    /* 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.4em);
        
        font-size: min( calc( var(--menu-font-size-mob) / 350 * 100vw ), calc(var(--menu-font-size-pc) * 1px) );
    }   
}
@media (min-width:991px) {/* pc */
    @keyframes width_ani1 { to { width: 100%; } }
    #header .btn_menu > span { 
        width: 0; animation: width_ani1 1s linear forwards;  
    }
    /* menu */
    #header .menu { background: #000; position: relative; }
    #header .menu .containerV1 { position: relative; z-index: 1; }
    #header .menu .outer { display:flex; background: #000; }
    #header .menu .outer > li { position: relative; padding-right: clamp(60px, calc(110 / 1920 * 100vw),110px); }
    #header .menu .outer > li > span > a { display: block; color: #fff; padding: 0.8em 0 1em; 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.85em; line-height: 1.4; padding-left: 0.7em; position: relative; margin-left: 1em; }
    #header .menu .inner > li > a:before { 
        --inner-before-size:4px;
        content: ''; position: absolute; left: 0; top: 8.5px; width: var(--inner-before-size); height: var(--inner-before-size); background: var(--inner-item-color); border-radius: 50%;
    }
    #header .menu .inner > li:not(:last-child) > a { margin-bottom: 0.8em; }

    /* 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; }
    /* on */
    #header .menu .outer > li.on { background: #1d1d1d; }

    /* 스크롤 할 때 */
    #header.scroll { transform: translateY(calc(-1 * var(--header-topBox-height))); }
}
@media (991px <= width <= 1430px) {/* pc */
    #header .menu {
        --menu-font-size-pc:15;
    }
    #header .btn_menu { right: 15px; }
}
@media (max-width:991px) { /* mob */
    /* topBox */
    #header .topBox { border-bottom: 1px solid #f4f4f4; }
    /* btn_menu */
    #header .btn_menu { right: 15px; }
    #header .btn_menu > span { background: #000; }
    #header .btn_menu > span:before,
    #header .btn_menu > span:after { background: #000; transition: 0.3s; }

    #header .btn_menu.active > span { background: #fff; }
    #header .btn_menu.active > span:before { transform: rotate(45deg); }
    #header .btn_menu.active > span:after { transform: rotate(-45deg); }

    /* 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: 0.75em; }
    #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 - section3 */
@media all {
    #index .section3 { padding: max(60px, calc( 90 / 1920 * 100vw )) 0 50px; }
    #index .section3 .containerV1 > .title {
        --font-size-pc: 35;
        --font-size-mob: 24;
        font-size: min( calc( var(--font-size-mob) / 350 * 100vw ), calc(var(--font-size-pc) * 1px) );
        text-align: center; font-weight: bold; color: #0066b2; line-height: 1.4;
        margin-bottom: 1.2em; transition: 1.5s;
    }
    #index .section3[data-scroll="out"] .containerV1 > .title {
        transform: scale(1.4); opacity: 0.5;
    }
}

/* index - section2 - itemBox1 */
@media all {
    #index .section2 .itemBox1 { 
        display: grid; grid-template-columns: repeat(2,1fr); align-items:center; 
        margin: 60px 0; gap:30px 0;
    }  
    #index .section2 .itemBox1 > .textBox { 
        padding-right: 15px; transition: 2s;
    }
    #index .section2[data-scroll='out'] .itemBox1 > .textBox {
        opacity: 0; transform: translateX(-10%);
    }
    #index .section2 .itemBox1 > .textBox .text1 {
        --text1-font-size-pc:20;
        --text1-font-size-mob:16;
        font-size: min( calc( var(--text1-font-size-mob) / 350 * 100vw ), calc(var(--text1-font-size-pc) * 1px) );
        line-height: 1.4; font-weight: bold; padding-bottom: 0.1em; color: #313131;
    }
    #index .section2 .itemBox1 > .textBox .title {
        --title-font-size-pc:35;
        --title-font-size-mob:22;
        font-size: min( calc( var(--title-font-size-mob) / 350 * 100vw ), calc(var(--title-font-size-pc) * 1px) );
        font-weight: bold; line-height: 1.3; padding-bottom: 0.25em; color: #0066b2;
    }
    #index .section2 .itemBox1 > .textBox .text2 {
        --text2-font-size-pc:25;
        --text2-font-size-mob:18;
        font-size: min( calc( var(--text2-font-size-mob) / 350 * 100vw ), calc(var(--text2-font-size-pc) * 1px) );
        font-weight: bold; line-height: 1.4; padding-bottom: 0.5em; color: #313131;
    }  
    #index .section2 .itemBox1 > .textBox .text3 {
        --text3-font-size-pc:18;
        --text3-font-size-mob:13;
        font-size: min( calc( var(--text3-font-size-mob) / 350 * 100vw ), calc(var(--text3-font-size-pc) * 1px) );
        line-height: 1.6; padding-bottom: 0.3em; color: #313131;
    } 
    #index .section2 .itemBox1 > .cardList {  
        --cardList-font-size-pc:20;
        --cardList-font-size-mob:16;
        font-size: min( calc( var(--cardList-font-size-mob) / 350 * 100vw ), calc(var(--cardList-font-size-pc) * 1px) );
        display: grid; grid-template-columns: repeat(2,1fr); gap:0.6em 0.75em;
    }
    #index .section2 .itemBox1 .cardList > li {
         transition: calc(1s + var(--i) * 0.3s);
    }
    #index .section2[data-scroll="out"] .itemBox1 .cardList > li {
        transform: translateY(-100%); opacity: 0;
    }
    #index .section2 .itemBox1 > .cardList > li > a { 
        display: block; border: 1px solid #c7c7c7; 
        padding: 1.25em 0.5em 1.25em 1em; position: relative;
        display: grid; grid-template-columns: auto 1fr; align-items:center; gap:0.7em;
        overflow: hidden;
    }
    #index .section2 .itemBox1 > .cardList > li > a:hover {  
        background: #f4f4f4;
    }
    #index .section2 .itemBox1 > .cardList > li > a .icon { width: 2.95em; }
    #index .section2 .itemBox1 > .cardList > li > a .textBox { color: #313131; }
    #index .section2 .itemBox1 > .cardList > li > a .textBox .title {  
        font-size: 1em; font-weight: bold; line-height: 1.4; padding-bottom: 0.2em;
    }
    #index .section2 .itemBox1 > .cardList > li > a .textBox .text1 {  
        font-size: 0.75em; line-height: 1.4;
    }
    #index .section2 .itemBox1 > .cardList > li > a .more { 
        position: absolute; right: 0; top: 0; font-weight: 100; 
        font-size: 1.75em; margin-right: 0.3em;
    }
    #index .section2 .itemBox1 > .cardList > li > a .more > span { 
        position: relative; z-index: 1; color: #fff;
    }
    #index .section2 .itemBox1 > .cardList > li > a .more:after {
        content: ''; position: absolute; 
        left: 50%; top: 50%; transform: translate(-30%,-72%);
        width: 4em; height: 4em; border-radius:50%;
        background: #f586b7;
    }
}
@media (max-width:1500px) {
    #index .section2 .itemBox1 { 
        grid-template-columns: 1fr 1.5fr;
    }         
    #index .section2 .itemBox1 > .textBox .text3 br { display: none; }
}
@media (max-width:1200px) {
    #index .section2 .itemBox1 { 
        grid-template-columns: 1fr;
    } 
    #index .section2 .itemBox1 > .cardList > li > a .textBox .text1 {
        height: 4.2em;
    }
    #index .section2 .itemBox1 > .cardList > li > a .textBox .text1 br { display: none; }
    
}
@media (max-width:768px) {
    #index .section2 .itemBox1 > .cardList { 
        grid-template-columns: 1fr; max-width: 350px; margin: 0 auto;
    }
    #index .section2 .itemBox1 > .cardList > li > a .textBox .text1 { height: auto; }
}

/* index - section2 - itemBox2 */
@media all {
    #index .section2 .itemBox2 {  
        --itemBox2-font-size-pc:18;
        --itemBox2-font-size-mob:12;
        font-size: min( calc( var(--itemBox2-font-size-mob) / 350 * 100vw ), calc(var(--itemBox2-font-size-pc) * 1px) );
        display: grid; grid-template-columns: repeat(6,1fr); gap:1em;
        margin-bottom: 80px;
    }
    #index .section2 .itemBox2 > li {
        --border-color:#ededed;
        transition: 0.6s; transition-delay: calc(var(--i) * 0.1s); border-left: 1px solid var(--border-color);
    }
    #index .section2 .itemBox2 > li:last-child { border-right: 1px solid var(--border-color); }
    #index .section2 .itemBox2 > li > a { 
        display: block; transition: 0.4s;
    }
    #index .section2 .itemBox2 > li > a > span {
        display: block; width: 6.1111em; margin: 0 auto 1em;
    }
    #index .section2 .itemBox2 > li > a > .text1 { color: #000; text-align: center; }
    #index .section2 .itemBox2 > li > a:hover { transform: translateY(-10%); }
}
@media (max-width:991px) {
    #index .section2 .itemBox2 {
        grid-template-columns: repeat(3,1fr); gap:2em 1em;
    }
    #index .section2 .itemBox2 > li:nth-child(3n) { border-right: 1px solid var(--border-color); }
}

/* index - section2 - itemBox3 */
@media all {
    #index .section2 .itemBox3 {
        display: flex; margin-bottom: 68px;
    }
    #index .section2 .itemBox3 > .item { width: 50%; }
    #index .section2 .itemBox3 > .item1 { padding-right: calc(40 / 1920 * 100vw); }
}
@media (max-width:1200px) {
    #index .section2 .itemBox3 > .item1 { width: 45%; }
    #index .section2 .itemBox3 > .item2 { width: 55%; }
}
@media (max-width:991px) {
    #index .section2 .itemBox3 { 
        flex-wrap: wrap; max-width: 600px; margin: 0 auto 68px;
    }
    #index .section2 .itemBox3 > .item1 { width: 100%; margin-bottom: 40px; }
    #index .section2 .itemBox3 > .item2 { width: 100%; }
}
/*--------------------------------------------------- 인덱스세팅 끝 ----------------------------------------------------------------------------*/



/*--------------------------------------------------- 푸터세팅 ----------------------------------------------------------------------------*/
@media all {
    #footer { background: #333; font-size: 14px; }
    #footer .itemBox1 { border-bottom: 1px solid #636363; padding: 2.28em 0; }
    #footer .itemBox1 .linkList { display:flex; align-items:center; }
    #footer .itemBox1 .linkList > li { flex:1; text-align: center; }
    #footer .itemBox1 .linkList > li > a { 
        padding: 0 10px; display: block; color: rgba(255,255,255,.4); 
    }
    #footer .itemBox1 .linkList > li > a:hover { color: rgba(255,255,255,1); }
    #footer .itemBox1 .linkList > li.style1 > a { 
    border: 1px solid #51b5ff; display: inline-block; padding: 6px 2.85em; 
    border-radius:2em; color: #51b5ff;
    }
    #footer .itemBox2 { padding: 2.57em 0 1.57em; }
    #footer .itemBox2 .containerV1 { display:flex; }
    #footer .itemBox2 .containerV1 > * { flex:1 1 auto; margin-right: 15px; }
    #footer .itemBox2 .containerV1 .f_logo { text-align: center; }
    #footer .itemBox2 .containerV1 > .textBox > p { 
        color: rgba(255,255,255,.4); line-height: 1.4; 
    }
    #footer .itemBox2 .containerV1 > .textBox > .text1 { 
        color: #fff; margin-bottom: 1.2em; 
    }
	#footer .itemBox2 .containerV1 > .textBox > .text2 {
		display:flex; gap:0.5em;
	}
	#footer .itemBox2 .containerV1 > .textBox > .text2 > span:not(:last-child):after {
		content: '/'; margin-left: 0.5em;
	}
    #footer .itemBox2 .containerV1 > .imgBox { 
        margin-right: 0; display:flex; justify-content:center; align-self:center; 
    }
    #footer .itemBox2 .containerV1 > .imgBox > li { margin-right: 1.6em; }
    #footer .itemBox2 .containerV1 > .imgBox > li:last-child { margin-right: 0; }    
}
@media (max-width:991px) {
    #footer { font-size: 12px; }
	#footer .itemBox1 .linkList { flex-wrap:wrap; }
	#footer .itemBox1 .linkList > li { flex:1 1 auto; padding: 5px 0; }
	#footer .itemBox1 .linkList > li.style1 > a { display: block; padding: 6px 10px; }
	#footer .itemBox2 .containerV1 > .textBox > .text2 { display: block; }
}
@media (max-width:840px) {
	#footer .itemBox2 .containerV1 { flex-wrap:wrap; text-align: center; }
	#footer .itemBox2 .containerV1 > * { 
        width: 100%; margin-bottom: 20px; margin-right: 0; 
    }
	#footer .itemBox2 .containerV1 > .imgBox { 
        margin-bottom: 0; justify-content:center; align-items:center; 
    }
}
@media (max-width:480px) {
	#footer .itemBox1 .linkList > li { flex:auto; width: 50%; }
	#footer .itemBox1 .linkList > li > a { padding: 6px 10px; }
	#footer .itemBox1 .linkList > li:nth-child(1) { order:3; }
	#footer .itemBox1 .linkList > li:nth-child(2) { order:2; }
	#footer .itemBox1 .linkList > li:nth-child(3) { order:1; }
	#footer .itemBox1 .linkList > li:nth-child(4) { order:4; }
	#footer .itemBox1 .linkList > li:nth-child(5) { order:5; }
	#footer .itemBox1 .linkList > li:nth-child(6) { order:6; }

	#footer .itemBox2 .containerV1 > .textBox > .text2 > span { display: block; }
	#footer .itemBox2 .containerV1 > .textBox > .text2 > span:after { display: none; }
}

/*--------------------------------------------------- 푸터세팅 끝 ----------------------------------------------------------------------------*/



/* 서브페이지 패딩 */
.nt-container,.nt-container-wide { 
    padding-top: 50px; padding-bottom: 70px;
    min-height: 70vh; 
}

/* 서브페이지 타이틀 */
@media all {
    .titleBox_sub {  
        --sub-font-size-pc:20;
        --sub-font-size-mob:15;
        font-size: min( calc( var(--sub-font-size-mob) / 350 * 100vw ), calc(var(--sub-font-size-pc) * 1px) );     
        color: #fff; position: relative; padding-bottom: calc(450 / 1920 * 100vw);
    }
    .titleBox_sub:before {
        content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
        background: rgba(0,0,0,0.6); z-index: 2;
    }
    .titleBox_sub:after {
        content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
        background: url(./img/title_sub.jpg) no-repeat center / cover; 
        
    }
    .titleBox_sub > .containerV1 {
        display:flex; justify-content: center; align-items: flex-end;
        position: absolute; left: 50%; top:50%; transform: translate(-50%,0%);
        width: 100%; z-index: 3;
    }
    .titleBox_sub h2 {
        font-size: 2em; font-weight: bold; line-height: 1.4;
    }
    .titleBox_sub small {
        font-size: 0.6em; margin-left: 0.6em; font-weight: 500;
        font-family: 'Poppins', sans-serif;
    }
    .titleBox_sub .location {
        font-size: 0.8em; font-weight: 500;
    }
    .titleBox_sub .location .icon {
        margin: 0 0.4em;
    }
}
@media (max-width:768px) {
    .titleBox_sub { padding-bottom: calc(300 / 768 * 100vw); }
    .titleBox_sub:after { background: url(./img/title_sub_2.jpg) no-repeat center / cover;  }
    .titleBox_sub .location { display: none; }
}


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

/* 팝업 */
#hd_pop { z-index: 9999 !important; }
#hd_pop .list-link {
    display: grid; grid-template-columns: repeat(2,1fr);
    text-align: center; font-size: 13px;
	display: none !important;
}
#hd_pop .list-link > li > a {
    display: block; padding: 1em 0; color: #fff;
}
#hd_pop .list-link > li.new > a {
    background: #0066b2;
}
#hd_pop .list-link > li.old > a {
    background: #8fc41f;
}