/* 헤더 */
#header {position: fixed; top: 0; left: 0; width: 100%; height: 105px; border-bottom: 2px solid #f8f8f8; background-color: #fff; z-index: 9;}
.header-wrap {max-width: 1220px; width: 1220px; margin: 0 auto; display: flex; align-items: center; padding-top: 38px; padding-bottom: 15px; box-sizing: border-box;}
.header-wrap .logo {margin-right: 70px;}
.header-wrap .logo img {height: 37px;}
.header-wrap .gnb {display: flex; justify-content: space-between; width: 1090px;}
.header-wrap .gnb > li {position: relative; padding-bottom: 20px; margin-top: 15px;}
.header-wrap .gnb > li.blue {color: #268fca!important;}
.header-wrap .gnb > li > a > span {padding: 6px 10px; font-size: 18px; font-weight: 600;}
.header-wrap .gnb > li:hover > a > span {background-color: #f2f5f9; border-radius: 6px;} 
.header-wrap .gnb > li .lnb {display: none; position: absolute; top: 100%; left: 00%; box-shadow: -5px -3px 5px rgba(48,48,47,0.12); padding: 10px 5px; background-color: #fff; z-index: 9; border: 1px solid #e7e7e7; color: #333;}
.header-wrap .gnb > li:hover .lnb {display: block;}
.header-wrap .gnb > li .lnb li {width: max-content; max-width: 210px; font-weight: 500;}
.header-wrap .gnb > li .lnb li span {padding: 10px 20px; display: inline-block; font-size: 16px;}
.header-wrap .gnb > li .lnb li:hover {background-color: #f2f5f9; border-radius: 6px;}

/* 푸터 */
#footer {height: 265px; background-color: #2c2c2c;}
.footer-wrap {color: #fff; font-size: 14px; line-height: 135%; padding: 22px 0 30px; box-sizing: border-box;}
.footer-wrap .footer-terms {margin-bottom: 23px; border-bottom: 1px solid #fff; padding-bottom: 14px;}
.footer-wrap .footer-terms .terms-list {display: flex;}
.footer-wrap .footer-terms .terms-list li {margin-right: 33px;}
.footer-wrap .logo {margin-bottom: 18px;}
.footer-wrap .logo img {height: 30px;}
.footer-wrap .footer-info {margin-bottom: 12px;}
.footer-wrap .copyright {font-size: 12px;}
.footer-wrap .footer-line {display: flex; justify-content: space-between;}
/* 서브 레이아웃 */
/* .contents {width: 100%; min-height: calc(100% - 335px); position: relative; color: #333;} */
.contents {width: 100%; min-height: calc(100% - 248px); position: relative; color: #333;}
.content-wrap {display: flex; justify-content: space-between; gap: 25px; padding-bottom: 100px; padding-top: 140px; position: relative;} 
.content-wrap.center-content {display: block;}
.content-wrap > .left {width: 286px;}
.content-wrap > .right {width: 100%; padding-top: 15px; box-sizing: border-box;}
.content-wrap > .full {width: 100%;}
.content-wrap > .sms-form {width: calc(100% - 311px) !important;}
.page-title {text-align: left; font-size: 22px; font-weight: 600;}
.page-title.sec {margin-top: 80px;}
.content-wrap.center-content .page-title {text-align: center; font-size: 20px; font-weight: 600;}
.content-wrap.center-content .page-desc {text-align: center; font-size: 16px; margin: 30px 0 35px; font-weight: 500;}

/* 팝업 */
.popup-layer {display: block; position: fixed; width: 100%; height: 100%; overflow: hidden; background-color: rgba(0,0,0,0.4); top: 0; left: 0; z-index: 9998;}
.popup-box {position: absolute; min-width: 450px; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; box-sizing: border-box; padding: 30px 30px 25px; border-radius: 13px; border: 1px solid #42ade2;}
.popup-header {position: relative;}
.popup-header h2 {font-size: 20px; margin-bottom: 15px;}
.popup-header .close {position: absolute; top: -50px; right: -50px; border: none; background-color: transparent; padding: 0; opacity: 1;}
.popup-header .close img {width: 45px; height: 45px;}
.popup-con {overflow-y: hidden; position: relative}