/*********************setting.css*********************/

/* 기본 스타일 */
.form-field { height: 65px; display: flex; background: #f8f9fa; border-radius: 6px; border: 1px solid #e2e8f0; transition: 0.3s; overflow: hidden; }
.form-field .form-label { max-width:160px; padding: 0 2rem; font-size: 1.125rem; color: #333; font-weight: 600; width:25%; display: inline-flex; align-items: center; margin-bottom: 0; border-right: 1px solid rgba(0, 0, 0, 0.05); }
.form-field .form-input { padding: 0 2rem 0 1rem; height: 100%; border: none; background: #f8f9fa; color: #333; font-size: 1rem;width: calc(100% - 160px);}
.form-field .form-input::placeholder { color: #9CA3AF; opacity: 0.7; }
.form-field.active { border-color: #001A72; }
.form-field.form-textarea{height:180px;}
.form-field.form-textarea .form-label{align-items: flex-start;padding: 1.2rem 2rem;border-right: 1px solid rgba(0, 0, 0, 0.05);}
.form-field.form-textarea .form-input{padding:1.2rem 2rem 1.2rem 1rem;}
.form-field.form-date input{cursor: pointer !important;}


.check-field { width: 100%; padding: 10px 10px 10px 15px; height: 60px; display: inline-flex; justify-content: space-between; align-items: center; background: #f8f9fa; border-radius: 6px; border: 1px solid #e2e8f0; }
.custom-checkbox { position: relative; user-select: none; line-height: 1; }
.custom-checkbox label { font-size: 1.05rem; color: #666; display: inline-flex; align-items: center; cursor: pointer; text-align: left; line-height: 1.2; word-break: keep-all;}
.custom-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkmark { margin-right: 14px; position: relative; display: inline-block; height: 24px; width: 24px; background-color: white; border-radius: 50%; border: 1px solid #ccc; }
.checkmark .material-icons { position: absolute; color: #000; font-size: 18px; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; }
.custom-checkbox input:checked ~ .checkmark { background-color: #001A72; border-color: transparent; }
.custom-checkbox input:checked ~ .checkmark .material-icons { display: block; color: white; }


@media (max-width:1200px) {
    .form-field { flex-direction: column; height: auto; }
    .form-field .form-label { max-width: 100%; width: 100%; min-width: auto; padding:1rem 1rem; border-right: none; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
    .form-field .form-input { width: 100%; padding: 1rem; }
    .form-field.form-textarea .form-input { padding: 1rem; }
    .form-field.form-textarea .form-label { padding:1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
    .check-field { max-width: 100%; }
}
@media (max-width:768px) {
    .form_box.d-grid { grid-template-columns: 1fr !important; }
    .submit_btn{max-width:100% !important;}
}
@media (max-width: 480px) {

    .form-field .form-label { font-size: 0.9rem; }
    .form-field .form-input { font-size: 0.8rem; }
    .check-field { padding: 0.7rem 1rem; }
    .custom-checkbox label { font-size: 0.9rem; }
    .checkmark { width: 22px; height: 22px; margin-right: 8px; }
}

/* 레이아웃 */
.form_box { margin-bottom: 20px; }
.form_box.d-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.mt-45 { margin-top: 45px; }
.text-center { text-align: center; }
.mx-auto { margin-left: auto; margin-right: auto; }
.transition-300{transition:0.3s;}

/* 버튼 */
.btn { display: inline-block; padding: 8px 15px; border-radius: 4px; cursor: pointer; font-size: 14px; font-weight: 600; text-decoration: none; transition: all 0.3s; }

.button{justify-content: space-between;cursor: pointer; color: black; text-transform: lowercase;display: inline-block; overflow: hidden; transition: all 0.4s cubic-bezier(.86, .01, .15, .99); }
.button::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; }
.button.outline-button {background: transparent;color: #fff;transition: 0.4s;transform: perspective(1px) translateZ(0);border: 2px solid #ccc;border-radius: 8px;overflow: hidden;display: flex;align-items: center;justify-content: space-between;position: relative;}
.button.outline-button p{margin-bottom:0;padding-top:2px;}
.outline-button:hover { color:#333;border-color: #fff; transform: translateY(-5px); }
.outline-button::before { clip-path: circle(0.5% at 50% 50%); background:#fff; transition: 0.4s; opacity:0; }
.outline-button:hover::before { clip-path: circle(100% at 50% 50%);opacity: 1;  }

.two-button{width: 100%;display: grid;grid-template-columns: repeat(2, 1fr);gap:10px;}

.btn.btn-primary{background:#001A72;color: #fff;border:none;display: flex;align-items: center;justify-content: space-between;padding: 0.8rem 1rem;height: 50px;width: 100%;max-width: 160px;transition:0.6s !important;}
.btn.btn-primary span{font-size:0.813rem;font-weight:500;}
.btn.btn-primary:hover{background:#001A72;color:#fff;}
.btn.btn-secondary{font-size:0.875rem;font-weight:300;color:rgba(255,255,255,0.8);background:#394053;width:120px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:none;}
.btn.btn-secondary.type02{display:flex;}
.btn-secondary { background-color: transparent; color: #001A72; border: 1px solid #001A72; }
.btn-secondary:hover { background-color:#000;color:#fff; }

.primary-color{color:#001A72;}
.hover-primary-color:hover{color:#001A72 !important;}



/* 제출 버튼 */
.btn_wrap { text-align: center; margin-top: 2rem; }
.submit_btn {height:54px;width: 100%;max-width: 160px;text-align: center; display: inline-block; background-color:#000; color: white; border: none; padding:10px 30px; border-radius: 6px; font-size: 16px; font-weight: 600; cursor: pointer; transition:0.6s !important; }
.submit_btn:hover { background-color: #001A72; }



/* CD 팝업 스타일 */
.cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.7); opacity: 0; visibility: hidden; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 1001; }
.cd-popup.is-visible { opacity: 1; visibility: visible; transition: opacity 0.3s 0s, visibility 0s 0s; }
.cd-popup-container { position: relative; padding: 2rem; width: 90%; max-width: 600px; margin: 4em auto; background: #ffffff; border-radius: 8px; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); transform: translateY(-40px); backface-visibility: hidden; transition-property: transform; transition-duration: 0.3s; }
.cd-popup-container .modal-content{ background: #f5f7fa; padding: 1.2rem 2rem; word-break: keep-all; border-radius: 6px; border: 1px solid #e5e9f0; }
.cd-popup-container h2 { color: #001A72; font-size: 1.5rem; font-weight: bold; margin-top: 0; margin-bottom: 1rem; letter-spacing: -0.02em; }
.cd-popup-container p { font-size: 1.05rem; color: #4a5568; line-height: 1.6; word-break: keep-all; margin-bottom: 0 !important; }
.cd-popup-container .check-field { background: transparent; max-width: 100%; padding: 0.5rem 0; }

.cd-popup-container .cd-popup-close {}
.is-visible .cd-popup-container {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}

@media only screen and (min-width: 1170px) {
    .cd-popup-container {margin:0 auto;}
}


@media (max-width: 768px) {
    .cd-popup-container{padding:1.2rem 1rem;}
    .cd-popup-container h2{font-size:1.3rem;}
    .cd-popup-container p{font-size:1rem;}
}
@media (max-width: 480px) {
    .cd-popup-container h2{font-size:1.2rem;}
    .cd-popup-container p{font-size: 0.9rem;}
}



/* general.css */
#fp-nav li:last-child {display: none !important;}

main#container{width: 100%; max-width:100%; margin: 0 auto; min-height: 100vh;}
.content_wrap#content{ padding:0 !important; }
.sec_con {width: 100%;max-width: 1240px;padding:0 20px;margin: 0 auto;}

.sub_wrap{max-width:100%; width: 100%;margin: 0 auto; }
.sub_con{ max-width:1240px; width:100%; margin:0 auto; padding:0 20px;}
.sub_con_100 { width:100%; margin:0 auto; }

#m_gnb #gnb_1dul .gnb_1dli:last-child .gnb_1da:after{display:none;}

@media(max-width:800px) {
    .sec_con {padding: 100px 20px;}
}


/* 메인네비 */
#fp-nav .fp-tooltip{font-family: 'Paperlogy' !important;}

.fp-viewing-1 #fp-nav ul li a span, .fp-viewing-1 .fp-slidesNav ul li a span,.fp-viewing-1 #fp-nav .fp-tooltip{color:#333;}
.fp-viewing-1 #fp-nav ul li a.active span:after{border: 4px solid #ccc;}
.fp-viewing-1 #fp-nav ul li a.active span{background:#333;}

.fp-viewing-2 #fp-nav ul li a span, .fp-viewing-2 .fp-slidesNav ul li a span,.fp-viewing-2 #fp-nav .fp-tooltip{color:#333;}
.fp-viewing-2 #fp-nav ul li a.active span:after{border: 4px solid #ccc;}
.fp-viewing-2 #fp-nav ul li a.active span{background:#333;}

.fp-viewing-3 #fp-nav ul li a span, .fp-viewing-3 .fp-slidesNav ul li a span,.fp-viewing-3 #fp-nav .fp-tooltip{color:#333;}
.fp-viewing-3 #fp-nav ul li a.active span:after{border: 4px solid #ccc;}
.fp-viewing-3 #fp-nav ul li a.active span{background:#333;}

.fp-viewing-4 #fp-nav ul li a span, .fp-viewing-4 .fp-slidesNav ul li a span,.fp-viewing-4 #fp-nav .fp-tooltip{color:#333;}
.fp-viewing-4 #fp-nav ul li a.active span:after{border: 4px solid #ccc;}
.fp-viewing-4 #fp-nav ul li a.active span{background:#333;}

.fp-tooltip.right {background-color: rgba(255,255,255,0.4);padding: 1px 4px;border-radius: 2px;}


@media(max-width:800px) {
    #fp-nav.right{right: 20px !important;}
}



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

}

/*******************************************************
*/
/* header
 *******************************************************/


#hd{position:fixed;z-index:1000;top:0;left:0;width:100%;transition-duration:.3s; background: rgba(0,0,0,0); border-bottom:0;}
.header_wrap{z-index:200;position: relative;width: 100%;max-width: calc(100% - 11rem);height: 5rem;text-align:center;display:flex;justify-content:space-between;margin: 0 auto;transition: .25s ease;}

.header_logo_wrap{display:flex;align-items:center;padding:20px 10px 20px 0;height: 100%;}
.header_logo_wrap:after,.header_logo_wrap:before{content:'';display:table;clear:both;}
.header_logo_wrap .logo_on{display:none;}

header#hd.fixed{background:transparent;}
/*header#hd.fixed .logo_on{display:block;transition-duration:.3s;}*/
/*header#hd.fixed .logo_off{display:none;transition-duration:.3s;}*/
header#hd.fixed #gnb_1dul .gnb_1da{color:#fff;}
header#hd.fixed .gnb_1dul li.gnb_1dli:after{background:#001A72;}

header#hd:hover{background:#fff;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 5%);}
header#hd:hover .logo_on{display:block;transition-duration:.3s;}
header#hd:hover .logo_off{display:none;transition-duration:.3s;}
header#hd:hover #gnb_1dul .gnb_1da{color:#333;}
header#hd:hover .gnb_1dul li.gnb_1dli:after{background:#001A72;}


/* subpage header */
header#hd.sub-hd.fixed{background: #fff;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 5%);}
header#hd.sub-hd.fixed .logo_on{display:block;transition-duration:.3s;}
header#hd.sub-hd.fixed .logo_off{display:none;transition-duration:.3s;}
header#hd.sub-hd.fixed #gnb_1dul .gnb_1da{color:#333;}
header#hd.sub-hd.fixed .gnb_1dul li.gnb_1dli:after{background:#001A72;}

/* 메뉴 */

#gnb{position:relative; text-align:center;}

#gnb_1dul{z-index:101;height:100%;}
#gnb_1dul .gnb_1dli{float:left;position:relative;height:100%;}
#gnb .gnb_1dli{position:relative;display:inline-block;zoom:1;line-height:50px;font-size:18px;letter-spacing:.05em;}
#gnb_1dul .gnb_1dli:before{content:"";position:absolute;left:0;right:100%;top:78px;height:2px!important;opacity:0;background-color:#001A72;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;height:100%;}
#gnb_1dul .gnb_1dli:hover:before{left:25px;right:25px;opacity:1;}
#gnb_1dul .gnb_1dli1{padding:0;}
#gnb_1dul .gnb_1da{padding: 12px 22px;display:inline-block;line-height:60px;font-size:17px;color:#fff;letter-spacing:-.02em;text-align:center;font-family:'SCD'; font-weight:600;transition: all ease .3s;}
#gnb_1dul .gnb_1da:hover{color:var(--primary) !important;}
#hd.fixed .gnb_1da{color:#333;}

#hd.fixed #gnb .gnb_1dli:after{background:#333;}
#gnb .gnb_1dli:last-child:after{display:none;}
#hd.hd_zindex #gnb .gnb_1dli:after{background:#333;}
.gnb_wrap {height: 100%;}
#gnb_1dul {z-index: 101;height: 100%;}
#gnb_1dul #gnb_empty{text-align:center;color:#fff;}


/* 중메뉴 */
.gnb_2dli { display:none;}
.gnb_2dli{display:none}.gnb_2dul{display:none;position:absolute;top:0;left:0;}
.gnb_2da{display:block;text-align:center;text-transform:uppercase;text-decoration:none;position:relative;}
.gnb_2dli a.gnb_2da{font-size:15px;color:#777;line-height:1.5;padding:4px 0;letter-spacing:-0.02em;}
.gnb_2dli a.gnb_2da:hover{color:#001A72;transition:.3s all;}
#hd.hd_zindex #gnb-dep1{padding:15px 8px;}
.gnb_2da{-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out;}

/* 대메뉴 오버시 */
#gnb .gnb_1dli:not(.gnb_mnal) { display:block; float:left; text-align:left;}
#gnb .gnb_1dli:last-child { margin:0; }
#gnb .gnb_2dul { top:0; min-width:auto; display:none; padding:10px 5px 15px;}
.gnb_2dul { position:relative; }
.gnb_2dli { display:block; }
#hd.hd_zindex { background-color:#fff; }
#hd.hd_zindex,
#hd.hd_zindex .gnb_1da,
#hd.hd_zindex .gnb_2dul { display:block; }
#hd.hd_zindex .gnb_1da{color:#333; }



/* 모바일 */

#mo_menu_wrap{display:none;}
ul.mo_gnb{display:none;}
#mo_menu_wrap{display:none;}

#nav_icon {width: 22px;height: 18px;display: flex;align-items: center;position: relative;opacity:1;cursor:pointer;}
#nav_icon .menu_bar{position: absolute;width: 18px;height: 2px;background: #fff;z-index: 9999;transition: .25s ease-in-out;-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;}
#nav_icon .menu_bar:nth-child(2){width: 22px;top: 0;}
#nav_icon .menu_bar:nth-child(3){bottom: 0;width: 22px;}

header#hd.fixed #nav_icon .menu_bar{background:#333;}
header#hd:hover #nav_icon .menu_bar{background:#333;}

#nav_icon.close {width: 28px;z-index: 9999;}
#nav_icon.close .menu_bar:nth-child(1){transform:rotate(45deg);top:6px;width:28px !important;background:#333 !important;right: 0;}
#nav_icon.close .menu_bar:nth-child(2){width: 0%; opacity: 0;}
#nav_icon.close .menu_bar:nth-child(3){transform:rotate(-45deg);top:6px;width:28px !important;background:#333 !important;;right: 0;}

#nav_icon.close:hover .menu_bar:nth-child(1){transform:rotate(45deg);top:6px;width:28px;background:#333;}
#nav_icon.close:hover .menu_bar:nth-child(2){width: 0%; opacity: 0;}
#nav_icon.close:hover .menu_bar:nth-child(3){transform:rotate(-45deg);top:6px;width:28px;background:#333;}

header#hd.active {min-height:60px;}
body.active header#hd{background: transparent;border-bottom:none;box-shadow:none;}

#m_gnb{position:fixed;overflow-y:auto;z-index:9998;top:0;bottom: 0;right: -320px;width:100%;max-width:320px;padding-top:82px;background-color:#fff;line-height:1.5;transition: right 0.4s;box-shadow: 0 0 3px 5px rgb(0 0 0 / 5%);}

#m_gnb.open{right:0;height:100%;}
#m_gnb.open main#container:before{content:'';background:rgba(0,0,0,.4);width:100%;height:100%;z-index:999;position:absolute;top:0;left:0;}

#m_gnb{position:fixed;overflow-y:auto;z-index:9998;top:0;bottom: 0;right: -320px;width:100%;max-width:320px;padding-top:80px;background-color:#fff;line-height:1.5;transition: right 0.4s;box-shadow: 0 0 3px 5px rgb(0 0 0 / 5%);}

#m_gnb.open{right:0;height:100%;}
#m_gnb.open main#container:before{content:'';background:rgba(0,0,0,.4);width:100%;height:100%;z-index:999;position:absolute;top:0;left:0;}
#m_gnb.open .mo_menu_bg{}

#m_gnb #gnb_1dul .gnb_1da{color:#333;line-height:40px; width: 100%;text-align: left;position: relative;padding: 10px 20px;}
#m_gnb #gnb_1dul .gnb_1da:after{content: '';width: 10px;height: 10px;position: absolute;right:25px;top: calc(50% - 4px);border-top: 1px solid #333;border-right: 1px solid #333;transform: rotate(45deg);transition-duration: 0.3s;}
#m_gnb a.gnb_1da.open:after{transform: rotate(135deg)!important;}
#m_gnb #gnb_1dul .gnb_1dli{width:100%;height: auto;text-align: left;}

#m_gnb .gnb_2dul{background: #f4f4f4;padding: 10px 20px;margin: 2px 10px;display: none;}
#m_gnb .gnb_2dli a.gnb_2da{color:#999;text-align: left;background: transparent;}
#m_gnb .gnb_2dli a.gnb_2da:hover{color:#333;}
#m_gnb  #gnb_1dul .gnb_1dli:before{display:none;}

#m_gnb .add_menu_wrap {position: absolute;top: 30px;left: 25px;}
#m_gnb li.add_menu.log_btn_wrap{display:block;}
#m_gnb li.add_menu.log_btn_wrap a{color:#333;}
#m_gnb a.hd_log_btn.login:after{background:#333;}
#m_gnb .logo {position: absolute;bottom: 60px;left: 50%;transform: translate(-50%, -0);opacity:0.6;}


body{right:0;transition: right 0.4s;width: 100%;position: relative;}
body.active {position: relative;right: 300px;transition: right 0.4s;}
body.active:before {content: '';position: absolute;z-index: 999;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,0.5);}
#hd.active .header_logo_wrap{display:none;}



@media(max-width:1600px) {
    .header_wrap {max-width: none;padding:0 15px;}
    #gnb_1dul{margin-right:-22px;}
}


@media(max-width:1042px) {
    #gnb_1dul .gnb_1da{padding: 12px 22px;display:inline-block;line-height:60px;font-size:17px;color:#fff;letter-spacing:-.02em;text-align:center;font-family:'SCD'; font-weight:600;transition: all ease .3s;}
}

@media(max-width:1200px) {
    header#hd.fixed{background:#fff;}
    header#hd.fixed .logo_on{display:block;transition-duration:.3s;}
    header#hd.fixed .logo_off{display:none;transition-duration:.3s;}


    .header_wrap {min-height:60px;align-items: center;height: 1px;}
    #gnb{display:none;}
    #gnb_1dul{margin-right:0;}
    #mo_menu_wrap{ height: 100%;width: 100%;display: flex;align-items: center;justify-content: flex-end;}
    li.add_menu{margin:0;}
    ul.gnb_1dul{display:none;}
    a.hd_icon_btn.btn03.close{margin-top:0;}
    #gnb_btn{display:none;}
}
@media(max-width:480px) {
    .header_logo_wrap{}
}




/**************** header_open ****************/

.gnb_all{ position:fixed;top:0;right:-100%;z-index:3;height:100%;width:100%;background:#fff;overflow:hidden;align-items:center;transition:all ease .6s;}
.gnb_all.open{right: 0;}

.gnb_all_title{padding:70px 20px;display:flex;align-items:center;width:100%;background-image:url("../img/main/gnb_img.jpg"); background-position:center;background-size:cover;background-repeat:no-repeat;}
.gnb_con{width:100%;max-width:1710px;margin:0 auto;position:relative;}
.gnb_all a.logo {margin: 0 auto; display: inline-block;}

button#gnb_close_btn { position: absolute; top:11px; right: 0;}
button#gnb_close_btn i {font-size:30px; color:#333;}

.gnb_all_wrap{width:100%;height:calc(100% - 192px);max-width:1260px;padding:20px;margin:0 auto;display:flex;align-items:center;justify-content:center;}

#gnball .gnb_2dul{display: block;}
#gnball ul.gnb_all_1dul > li > ul{display:flex;}
#gnball ul.gnb_all_1dul > li{padding:20px 0 20px 250px;width:100%;position:relative;border-bottom:1px solid #ddd;}
#gnball ul.gnb_all_1dul > li:last-child{border-bottom:none;}
#gnball li.gnb_1dli > a{color: #001A72 !important;margin:0;font-size: 24px;position: absolute;left: 0;top: 21px;font-family: 'SCD';font-weight: 600;}
#gnball ul.gnb_all_1dul > li > ul > li > a{display:block;padding: 5px 0 5px 8px;font-size:16px;color:#333;margin-right:40px;position:relative;}
#gnball ul.gnb_all_1dul > li > ul > li > a:before{content:'';width:4px;height:4px;position:absolute;left:0;top:15px;background:#333;border-radius:100px;}
#gnball ul.gnb_all_1dul > li > ul > li > a:hover{color:#001A72;}


@media(max-width:1505px) {
    #gnball{display:none;}
}


/*******************************************************
*/
/* footer
 *******************************************************/
body footer .container{overflow: inherit;}

footer{background:#111111; padding:3.75rem 0;}
footer p{color:#424242;}
footer ul li span{color:#757575;font-size:13px;}
footer ul li p{color:#D9D9D9;font-size:13px;}
footer .ft-copy{font-size:13px;}



.ft-pt-wrap{display: flex;justify-content: space-between;}

.ft-pt.pt-lf ul{width: 100%;display: grid;grid-template-columns: repeat(2, 1fr);gap:20px;}
.ft-pt.pt-lf ul span{margin-bottom:8px;display:block;}

.ft-pt.pt-rt{display: flex;flex-flow: column;align-items: flex-end;justify-content: space-between;}


/* familysite */
.family-site {position:relative; width:19rem; z-index: 3;}
.family-site button {position: relative; display: flex; justify-content: space-between; align-items: center; width:100%; height:60px; text-align: left; padding: 0 2rem; color: #fff; font-weight: 300; background: #1b1b1b;}

.family-site .icon-wrap {position: relative;display: flex;align-items: center;justify-content: center;}
.family-site .material-icons {font-size: 20px;transition: opacity 0.3s ease, transform 0.3s ease;}
.family-site .icon-remove {position: absolute;top: 0;left: 0;opacity: 0;transform: rotate(-90deg);}
.family-site button.active .icon-add {opacity: 0;transform: rotate(90deg);}
.family-site button.active .icon-remove {opacity: 1;transform: rotate(0);}

.family-site ul {display: none; position: absolute; width: 100%; left: 0; bottom:60px; background: #fff; color:#111; border: 1px solid rgba(0,0,0,0.1); border-bottom: 0; overflow-y: auto; height: 19rem;}
.family-site ul li {border-bottom: 1px solid rgba(0,0,0,0.1);}
.family-site ul li:last-child {border-bottom: 0;}
.family-site ul li a {height: 3rem; line-height: 3rem; padding: 0 2rem; font-weight: 400; display: flex; align-items: center;}
.family-site ul li a span{padding-top:3px; font-size:1rem; }
.family-site ul li a:hover {background: #eee;}


@media screen and (max-width: 1200px) {
    footer { padding: 3.25rem 0; }
    .ft-pt.pt-lf{width:50%;}
    footer ul li span, footer ul li p, footer .ft-copy { font-size: 12px; }
    .ft-pt.pt-lf ul { gap: 12px; }
    .family-site { width: 17rem; }
    .family-site button { height: 50px; padding: 0 1.5rem; }
    .family-site ul { height: 17rem; bottom:50px;}
    .family-site ul li a { height: 2.5rem; line-height: 2.5rem; padding: 0 1.5rem; }
    .family-site ul li a span { font-size: 0.95rem; }
}

@media screen and (max-width:950px) {
    footer { padding: 3rem 0; }
    .ft-pt-wrap { flex-direction: column; }
    .ft-pt.pt-lf { width: 100%; margin-bottom: 2.5rem; }
    .ft-pt.pt-rt { width: 100%; align-items: flex-start; }
    .family-site { position: relative; width: 100%; right: auto; top: auto; left: 0; bottom: 0; }
    .family-site button {}
    .ft-copy { margin-top: 1rem !important; }
}

@media screen and (max-width: 768px) {
    footer { padding: 2.5rem 0; }
    footer ul li span, footer ul li p, footer .ft-copy { font-size: 11px; }
    .ft-pt.pt-lf { margin-bottom:1.5rem; }
    .ft-pt.pt-lf ul { grid-template-columns: 1fr; gap: 10px; }
    .family-site button { height: 45px; padding: 0 1.25rem; font-size: 0.9rem; }
    .family-site .material-icons { font-size: 18px; }
    .family-site ul { height: 15rem; bottom:45px;}
    .family-site ul li a { height: 2.25rem; line-height: 2.25rem; padding: 0 1.25rem; }
    .family-site ul li a span { font-size: 0.9rem; }
}

@media screen and (max-width: 480px) {
    footer { padding: 2rem 0; }
    footer ul li span, footer ul li p, footer .ft-copy { font-size: 10px; }
    .family-site button { height: 40px; padding: 0 1rem; font-size: 0.85rem; }
    .family-site ul { height: 13rem; bottom:40px;}
    .family-site ul li a { height: 2rem; line-height: 2rem; padding: 0 1rem; }
    .family-site ul li a span { font-size: 0.85rem; }
}




/*******************************************************
*/
/* sub top
 *******************************************************/


#sub_top{min-height:580px;padding:110px 15px; background-size:cover;background-position:50% 0;background-repeat:no-repeat;position:relative;display: flex;flex-flow: column;justify-content: flex-end;}

.subtop_wrap{background-color:#333;width: 100%; }

.subtop_wrap.subtop_img_01{background-image:url("../img/sub/subtop01.jpg");}
.subtop_wrap.subtop_img_02{background-image:url("../img/sub/subtop02.jpg");}
.subtop_wrap.subtop_img_03{background-image:url("../img/sub/subtop03.jpg");}
.subtop_wrap.subtop_img_04{background-image:url("../img/sub/subtop04.jpg");}
.subtop_wrap.subtop_img_05{background-image:url("../img/sub/subtop05.jpg");}
.subtop_wrap.subtop_img_06{background-image:url("../img/sub/subtop06.jpg");}

.subtop_title{text-shadow:2px 2px 5px rgb(0 0 0 / 15%);line-height:1em;letter-spacing: 5px;display:flex;flex-flow: column;}

#sub_top .sec-title{z-index: 1;position: relative;}

@media(max-width:1200px){
    #sub_top {min-height: 350px;justify-content: center;text-align: center;padding: 120px 0 60px;}
}
@media(max-width:480px){
    #sub_top {min-height:300px;}
}


/*******************************************************
*/
/* 좌우드래그
 *******************************************************/

.stockTbl-scrollbar-cover{display: none;}
.stockTbl-scrollbar-cover.off{display: none;}

@media(max-width:750px){
    .stockTbl-scrollbar-cover {display: block;position: absolute;  top: 0px;  left: 0px; right: 0px; bottom: 0px; background-color: rgba(0,0,0,0.5); z-index:100;}
    .stockTbl-scrollbar-cover .scroll-cover-txt {position: absolute; top: 50%; left: 0; transform:translateY(-50%);width: 100%;text-align: center; color: #fff; font-size: 15px;}
    .stockTbl-scrollbar-cover .scroll-cover-txt i {font-size: 30px; display: block; margin-bottom: 20px; }
}



/*******************************************************
*/
/* font-face
 *******************************************************/

@font-face {
    font-family: 'PyeojinGothic';
    font-style: normal;
    font-weight:300;
    src: url('../fonts/PyeojinGothic/PyeojinGothic-Light.eot');
    src: url('../fonts/PyeojinGothic/PyeojinGothic-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/PyeojinGothic/PyeojinGothic-Light.ttf') format('truetype'),
    url('../fonts/PyeojinGothic/PyeojinGothic-Light.woff') format('woff'),
    url('../fonts/PyeojinGothic/PyeojinGothic-Light.woff2') format('woff2');
}

@font-face {
    font-family: 'PyeojinGothic';
    font-style: normal;
    font-weight:400;
    src: url('../fonts/PyeojinGothic/PyeojinGothic-Regular.eot');
    src: url('../fonts/PyeojinGothic/PyeojinGothic-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/PyeojinGothic/PyeojinGothic-Regular.ttf') format('truetype'),
    url('../fonts/PyeojinGothic/PyeojinGothic-Regular.woff') format('woff'),
    url('../fonts/PyeojinGothic/PyeojinGothic-Regular.woff2') format('woff2');
}
@font-face {
    font-family: 'PyeojinGothic';
    font-style: normal;
    font-weight:500;
    src: url('../fonts/PyeojinGothic/PyeojinGothic-Regular.eot');
    src: url('../fonts/PyeojinGothic/PyeojinGothic-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/PyeojinGothic/PyeojinGothic-Regular.ttf') format('truetype'),
    url('../fonts/PyeojinGothic/PyeojinGothic-Regular.woff') format('woff'),
    url('../fonts/PyeojinGothic/PyeojinGothic-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'PyeojinGothic';
    font-style: normal;
    font-weight:600;
    src: url('../fonts/PyeojinGothic/PyeojinGothic-Bold.eot');
    src: url('../fonts/PyeojinGothic/PyeojinGothic-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/PyeojinGothic/PyeojinGothic-Bold.ttf') format('truetype'),
    url('../fonts/PyeojinGothic/PyeojinGothic-Bold.woff') format('woff'),
    url('../fonts/PyeojinGothic/PyeojinGothic-Bold.woff2') format('woff2');
}
@font-face {
    font-family: 'PyeojinGothic';
    font-style: normal;
    font-weight:700;
    src: url('../fonts/PyeojinGothic/PyeojinGothic-Bold.eot');
    src: url('../fonts/PyeojinGothic/PyeojinGothic-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/PyeojinGothic/PyeojinGothic-Bold.ttf') format('truetype'),
    url('../fonts/PyeojinGothic/PyeojinGothic-Bold.woff') format('woff'),
    url('../fonts/PyeojinGothic/PyeojinGothic-Bold.woff2') format('woff2');
}


/***************** 팝업레이어 *****************/
#hd_pop {z-index: 1000;position: relative;margin: 0 auto;padding: 0 10px;width: 100%;}
#hd_pop h2 { position:absolute; font-size:0; line-height:0; overflow:hidden;}
.hd_pops {position:absolute; border:1px solid #ddd; background:#fff; overflow: hidden;}
.hd_pops img{max-width:100%;object-fit: cover;}
.hd_pops video{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;object-fit: cover;}

.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative;font-size: 12px;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}


@media (max-width:1200px) {
    .hd_pops{left:50% !important;transform: translateX(-50%) !important;}
}

@media screen and (max-width:768px){
    /*모바일 팝업 레이어*/
    .hd_pops {width: 95%;height: auto;}
    .hd_pops_con {width: auto !important;height: auto !important;max-height: 100% !important;max-width: 100% !important;min-height: 30vh;}
    .hd_pops_con img {width: 100%;height: auto;}
    .hd_pops_footer{margin-top:-15px}
}