:hover {transition:all 0.5s;}
.img-responsive {width:100%;}
.img-maxponsive {max-width:100%;}
.relative {position:relative; }
.text-center {text-align:center !important;}
.bold {font-weight:700;}
input + label {cursor:pointer;}
video  {width:100%;}
a {display:block;}
.mbr {display:block; width:100%; height:1px;}
.br {display:none;}
.ft-pp {font-family: "Poppins", sans-serif; }

.container {margin:0 auto; padding:0 25px; width:100%;}
.underBlue {color:#002ab0; text-decoration:underline; text-underline-offset: 4px;}
button.btnBlue {padding:20px 0; width:100%; text-align:center; color:#fff; background:#002ab0; border-radius:15px; font-weight:700;}
.btnReg {margin-top:16px; padding:20px 0; width:100%; text-align:center; color:#fff; background:#171717; border-radius:15px; font-weight:700;}

.int {padding:95px 0 60px 0;}
.int .container {display:flex; flex-direction:column; gap:16px; }
.int .intVisual .tit {width:90%; margin:0 auto 40px auto;}
.int .intVisual .video {border-radius:10px; overflow:hidden;}

.intForm .tit {font-size:24px; font-weight:400; line-height:1.5;}
.formPart h3 {display:none;}
.formPart {margin:25px 0 40px 0;}
.formPart ul {display:flex; align-items:center; gap:12px; font-size:14px; accent-color:#66558d; flex-wrap:wrap;}
.formPart ul li {display:flex; align-items:center; gap:5px; }
.formPart ul li input {transform:scale(1.1);}

.fomrList li  {position:relative; margin-bottom:44px; display:flex; flex-direction:column; gap:10px; }
.fomrList li label {font-size:14px; color:#000; opacity:0.45;}
.fomrList li input {padding:12px; width:100%; background:#f4f4f6; color:#000; border-radius:13px;}
.fomrList a.missPassword {font-size:16px; text-align:right; }
.fomrList a.policyUse  {width:100%; margin-top:10px; font-size:16px; text-align:right;  }

#foot {padding:30px 0;}
#foot .flex { margin-bottom:7px; display:flex; align-items:center; justify-content:center; gap:8px;}
#foot .flex .logo {width:77px;}
#foot .flex .copyright {font-size:12px; color:#9b9b9b; }
#foot .mail {display:none;}

/* 회원가입 레이어팝업 페이지 */
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}
.register-popup {
    display: flex;
    position: fixed;
    top: 50%;
    left: 50%;
    width: calc(100% - 40px);
    max-width: 680px;
    max-height: calc(100% - 60px);
    padding-top: 80px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    overflow: hidden;
    transform: translate(-50%, -50%);
    z-index: 1000;
}
.register-content {
    flex: 1;
    width: 100%;
    overflow-y: auto;
}
#register-iframe {
    overflow: hidden;
}
.popup-close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 40px;
    height: 40px;
    font-size: 0;
    border-radius: 12px;
    cursor: pointer;
    transition: all .3s;
}
.popup-close:hover {
    background-color:#f5f5f5;
}
.popup-close:before,
.popup-close:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 1px;
    background-color: #172B4D;
}
.popup-close:before {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.popup-close:after {
    transform: translate(-50%, -50%) rotate(45deg);
}

@media (min-width: 1200px) {
.container {padding:0 10px; width:1240px;}
.mbr {display:none;}
.br {display:block; width:100%; height:1px;}

.int {padding:125px 0 60px 0;}
.int .container {flex-direction:row; justify-content:space-between;}
.int .intVisual .tit {width:100%; margin:0 auto 106px auto;}
.int .intVisual .video {border-radius:30px;}
.intForm .tit {position:relative; top:-5px; font-size:40px; line-height:1.5;}
.int .intVisual {width:750px;}
.int .intForm {width:380px;}

.formPart {margin:64px 0 33px 0;}
.formPart h3 {margin-bottom:13px; display:block; font-size:20px; font-weight:100; color:#9A999C;  letter-spacing:-1px; }
.formPart ul {padding:0 0 0 2px; gap:13px; font-size:16px;}
.formPart ul li {gap:7px;}
.formPart ul li input {position:relative; top:-1px; transform:scale(1.2);}
.fomrList li {margin-bottom:60px; gap:15px;}
.fomrList li:nth-child(2) {margin-bottom:58px;}
.fomrList li label {font-size:16px;}
.fomrList li input {padding:15px; border-radius:15px;}
.fomrList a.missPassword {position:absolute; top:0; right:0; width:100%; }

#foot .flex {justify-content:flex-start; gap:13px;}
#foot .flex .logo {width:132px;}
#foot .container {padding:0 30px;}
#foot .mail {display:block; font-size:18px; padding:0 0 0 3px;}
}


@media (min-width: 1600px) {
.container {padding:0 10px; width:1440px;}
.int .intVisual {width:800px;}
.int .intForm {width:450px;}
.formPart ul {gap:20px;}
.fomrList li:nth-child(2) {margin-bottom:85px;}
}