/**************** setting ****************/

body{word-break: keep-all;}
body .main_container{padding-top:90px;}
body .container{width:100%;max-width:1230px;padding:0 15px;margin:0 auto;position: relative;overflow: hidden;}

header .btn.button-primary{height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center;}
.btn.button-primary span{color:#fff;}

body h5{line-height: 1.4;}

.sub-sec{padding:120px 0;}


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

#hd{position:fixed;z-index:1000;top:0;left:0;width:100%;transition-duration:.3s;background:transparent;}
.header_wrap{z-index:200;width:100%;height:100%;margin:0 auto;zoom:1;text-align:center;display:flex;justify-content:space-between;position: relative;}

.header_logo_wrap{padding:18px 0 18px 0;text-align:left;}
.header_logo_wrap h5{margin-bottom:3px;}
.header_logo_wrap a:hover{color:inherit;transition: 0.3s;}
.header_logo_wrap small{padding-left:2px;}
.header_logo_wrap a{width:100%;height:100%;display: inline-flex;align-items: center;}
.header_logo_wrap:after,.header_logo_wrap:before{content:'';display:table;clear:both;}
.header_logo_wrap .logo_off{display:block;}
.header_logo_wrap .logo_on{display:none;}

header#hd.fixed{box-shadow: 0 2px 2px 0 rgb(0 0 0 / 5%);background:#fff;}
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 li.gnb_1dli a{color:#333;}
header#hd.fixed .gnb_1dul li.gnb_1dli:after{background:#333;}
header#hd.fixed li.add_menu.log_btn_wrap a{color:#333;}

header#hd.hd_zindex .logo_on{display:block;transition-duration:.3s;}
header#hd.hd_zindex .logo_off{display:none;transition-duration:.3s;}
header#hd.hd_zindex.gnb_1dul li.gnb_1dli a{color:#333;}
header#hd.hd_zindex .gnb_1dul li.gnb_1dli:after{background:#333;}

#hd.hd_zindex #m_gnb.open #gnb_1dul .gnb_1da{padding: 12px 25px;}



/* 메뉴 */

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

#gnb_1dul{z-index:101;height:100%;margin:0 -25px;}
#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:68px;height:2px !important;z-index:2; opacity:0;background-color:#d81823;-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_1dli.gnb_1dli_on a{color:#d81823 !important;}
#gnb_1dul .gnb_1dli1{padding:0;}
#gnb_1dul .gnb_1da{padding: 12px 25px;display:inline-block;line-height:66px;font-size:20px;color:#333;letter-spacing:-.02em;text-align:center;font-weight:600;transition: all ease .3s;}

#gnb #gnb_1dul .gnb_1da{min-width: 110px;}

.gnb_wrap {height: 100%;display:flex;align-items:center;}
#gnb_1dul {z-index: 101;height: 100%;}
#gnb_1dul #gnb_empty{text-align:center;color:#fff;}

@media(max-width:480px) {

    /*.header_wrap {min-height:60px;align-items: center;height: 1px;padding:0;}*/
    .header_logo_wrap small{font-size:12px;}
}


/**************** footer ****************/
footer{background:#343a40;padding:4rem 0 5rem;}

.ft-pt-wrap{display: flex; flex-direction: column; position: relative;}

footer .company-info p{font-size:1rem;color:#fff;opacity:0.35;font-weight:300;margin-bottom:8px;display:flex;align-items:center;}
footer .company-info p:last-child{}
footer .company-info .ft-group{align-items:center;}
footer .company-info .ft-group span{margin: 0 5px 9.5px;font-size:1rem;color:#fff;opacity:0.35;font-weight: 200;}

footer .ft-copy p{font-size:1rem;color:#fff;opacity:0.25;font-weight:300;}

@media (max-width: 1024px) {
    footer { padding:4rem 0 4.5rem; }
    footer .ft-pt.pt-rt h2 { font-size: 1.8rem; }
    footer .ft-pt.pt-rt h4 { font-size: 1.2rem; }
    footer .company-info p { font-size: 0.9rem; }
    footer .ft-copy p { font-size: 0.9rem; }
}

@media (max-width: 768px) {
    .ft-pt-wrap {}
    footer .ft-pt.pt-rt{order:-1;margin-bottom:20px;}
    footer .ft-pt.pt-rt h2 { font-size: 1.6rem;text-align:left; }
    footer .ft-pt.pt-rt h4 { font-size: 1.1rem;text-align:left; margin-bottom: 1rem !important;}

    footer .company-info p { font-size: 0.85rem; margin-bottom: 6px;text-align:left;  }
    footer .ft-logo{display:none;}
    footer .ft-copy p { font-size: 0.85rem; margin-top: 1.5rem !important; text-align:left; }
}

@media (max-width: 480px) {
    footer .ft-pt.pt-rt h2 { font-size: 1.4rem; }
    footer .ft-pt.pt-rt h4 { font-size: 1rem; }

    footer .company-info p { font-size: 0.8rem; margin-bottom: 4px; }
    footer .ft-copy p { font-size: 0.8rem; }
}
@media (max-width:410px) {
    footer .company-info .ft-group {flex-flow: column;align-items: flex-start;}
    footer .company-info .ft-group span{display:none;}
}


/**************** cd-popup ****************/

.cd-popup {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgb(46 47 49 / 90%);opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;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 {overflow: hidden;max-height:65%;position: fixed;padding:3.5rem 2rem 2rem 2rem;width:95%;max-width:800px;background: #fff;border-radius: .25em .25em .4em .4em;text-align: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);top: calc(50% - 40px);left: 50%;transform: translate(-50%, -50%);transition: top 0.3s ease-out;backface-visibility: hidden;}
.is-visible .cd-popup-container {top: 50%;}
.cd-popup-container h2 {color:#fff;font-size:1.5rem;font-weight: bold;}
.cd-popup-container p {font-size: 1.05rem;color: #333;}

.cd-popup-container .cd-popup-close {position: absolute;top: 8px;right: 8px;width: 30px;height: 30px;}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {content: '';position: absolute;top: 12px;width: 14px;height: 3px;background-color: #8f9cb5;}
.cd-popup-container .cd-popup-close::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);left: 8px;}
.cd-popup-container .cd-popup-close::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);right: 8px;}


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


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

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