/**************** 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;}
body .container.wide{max-width:1730px;}

.btn.btn-primary{background:#d81823;color: #fff;border:none;display: flex;align-items: center;justify-content:center;border-radius:200px;padding: 0.8rem 1rem;height:50px;width: 100%;max-width: 160px;transition:0.6s !important;}
.btn.btn-primary img{width:80%;}
.btn.btn-primary span{font-size:1rem;font-weight:500;}
.btn.btn-primary:hover{background:#000;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;}

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

.transition-300{transition:0.3s;}

.black{color:#333;}
.bold{font-weight:700;}

.main-sec{overflow: hidden;padding:160px 0;}


@media (max-width: 1024px) {
    .main-sec { padding: 120px 0; }
}

@media (max-width: 768px) {
    .main-sec { padding:90px 0; }

    .main-content .btn.btn-primary{height:46px;}
}

@media (max-width: 480px) {
    .main-sec { padding:70px 0; }

    .btn.btn-secondary{max-width:96px;}

    .btn.btn-primary{max-width:100%;}
    .main-content .btn.btn-primary{max-width:160px;}
}





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

#hd{position:fixed;z-index:1000;top:0;left:0;width:100%;transition-duration:.3s;background:#fff;}
.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:17px 0 17px 0;}
.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%);}
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%;}
#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:16px;color:#777;line-height:1.5;padding:4px 0;letter-spacing:-0.02em;}
.gnb_2dli a.gnb_2da:hover{color:#d81823;transition:.3s all;font-weight:600;}
#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:15px 5px;}
.gnb_2dul { position:relative; }
.gnb_2dli { display:block; }

#hd.hd_zindex,
#hd.hd_zindex .gnb_1da,
#hd.hd_zindex .gnb_2dul { display:block; }


/* 모바일 */

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

#m_nav_icon {opacity: 1;z-index: 9999;}
#mo_menu_wrap{display:none;}
#mo_menu_wrap .m_menu{height: 60px;width: 60px;display:flex;align-items: center;justify-content: center;background:transparent;position: absolute; top: 0; right: 0;}
#mo_menu_wrap #m_nav_icon {width: 30px;height: 12px;position: relative;cursor: pointer;}
#mo_menu_wrap #m_nav_icon .menu_bar {width: 100%;height: 2px;background: #000;position: absolute;left: 0;transition: .25s ease-in-out;}

#mo_menu_wrap #m_nav_icon .menu_bar:nth-child(1) { top: 0; }
#mo_menu_wrap #m_nav_icon .menu_bar:nth-child(2) { top: 9px; }

#mo_menu_wrap #m_nav_icon.close .menu_bar:nth-child(1) {top: 9px;transform: rotate(45deg);}
#mo_menu_wrap #m_nav_icon.close .menu_bar:nth-child(2) {top: 9px;transform: rotate(-45deg);}

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:60px;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:before {content: '';width: 100%;position: absolute;top: 0;right: 0;background:#fff;height: 60px;}

#m_gnb #gnb_1dul{margin:0 auto;}
#m_gnb #gnb_1dul .gnb_1da{color:#333;line-height:40px; width: 100%;text-align: left;position: relative;}
#m_gnb #gnb_1dul .gnb_1da:after{content: '';width: 10px;height: 10px;position: absolute;right:25px;top: calc(50% - 4px);border-top: 1px solid #9CA3AF;border-right: 1px solid #9CA3AF;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;}
#m_gnb .gnb_2dli a.gnb_2da{color:#999;text-align: left;}
#m_gnb .gnb_2dli a.gnb_2da:hover{color:#333;}
#m_gnb  #gnb_1dul .gnb_1dli:before{display:none;}

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:768px) {
    body .main_container{padding-top:60px;}

    .header_wrap {min-height:60px;align-items: center;height: 1px;padding:0;}
    .header_logo_wrap{padding:0;}
    .header_logo_wrap .logo_on{display:block;width:70%;}
    .header_logo_wrap .logo_off{display:none;}

    #gnb{display:none;}
    #mo_menu_wrap {display: flex;}
    ul.gnb_1dul{display:none;}
    a.hd_icon_btn.btn03.close{margin-top:0;}
    #gnb_btn{display:none;}

}


/**************** footer ****************/
footer{background:#171d26;padding:4rem 0 6rem;}

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

footer .ft-pt.pt-rt h2{color:#fff;font-weight:bold;margin-bottom:5px;}
footer .ft-pt.pt-rt h4{color:#aaa;margin-top:10px;font-weight:400;text-align: right;}

footer .company-info p{font-size:1rem;color:#fff;opacity:0.35;font-weight:300;margin-bottom:8px;}
footer .company-info p:last-child{margin-bottom: 0;}

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

footer .ft-logo{opacity:0.2;margin-bottom:20px; max-width: 40%; }

@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 { flex-direction: column; }
    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; }
}


/**************** cd-popup ****************/
.cd-popup {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color:rgba(29, 34, 46, 0.9);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;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container {background:#fff;max-width:600px;position: relative;padding:3rem 1.2rem 2rem;width: 95%;height:auto;max-height:80%;overflow-y:scroll;margin: 4em auto;border-radius: .25em .25em .4em .4em;text-align: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-ms-transform: translateY(-40px);-o-transform: translateY(-40px);transform: translateY(-40px); /* Force Hardware Acceleration in WebKit */-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;}
.cd-popup-container h2 {color:#fff;font-size:1.5rem;font-weight: bold;}
.cd-popup-container p {font-size: 1.05rem;}
.cd-popup-container .check-field{background:transparent;max-width:100%;padding:0.5rem 0;}

.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;}
.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 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;}
}