.content-header .summary {font-size: 0.875rem; text-align: center;}
.content-primary {margin: 0 auto;}
.content-primary .form-wrap {border-top: 0; padding-top: 16px; margin: 0 auto;}
.form-wrap{text-align: left;}
.login-wrap{max-width:456px; margin:0 auto; }
.form-wrap.full .field {padding-left: 0;}
.join-info-wrap{max-width:928px; margin:0 auto; padding:180px 0px;}
.join-wrap{max-width:816px; margin:0 auto; padding:180px 0px;}
.join .form-wrap .checkbox-wrap .checkbox {margin-top: 0px; padding-top: 0px;}

.back-link{text-overflow: ellipsis;font-family: Pretendard;font-size: 16px;font-style: normal;font-weight: 600;line-height: 160%;color:#9D9D9D; margin-bottom:28px;display: inline-flex;align-items: center;}
.back-link::before{content:''; display: block; width: 14px;height: 14px;background: url('../images/common/ico_main_arrow03.png') 0 0 no-repeat;background-size: contain;transform: rotate(180deg);margin-right:8px;}
.join-info-wrap .list.type11{    height: 360px;}
.join-info-wrap .main-title{text-align:left; margin-bottom:60px;}
.join-info-wrap .main-title h3{font-size: 32px;font-style: normal;font-weight: 800;line-height: 130%; text-transform: uppercase; margin-bottom:20px;}
.join-info-wrap .main-title p{font-size: 19px;font-style: normal;font-weight: 500;line-height: 150%; color:#262626;}

.join-info-wrap.survey .form-wrap.full .field{display:flex;    align-items: center;}
.join-info-wrap.survey .form-wrap.full .field.top{align-items:start;}
.join-info-wrap.survey .form-wrap.full .field > h3{flex:4;}
.join-info-wrap.survey .form-wrap.full .field > div:first-child{flex:4;}
.join-info-wrap.survey .form-wrap.full .field .input-text{width:100%;}
.join-info-wrap.survey .form-wrap.full .field h3{padding:0px; margin-bottom:20px;}

.join-info-wrap .form-wrap.full .field{display:flex;}
.join-info-wrap .form-wrap.full .field h3{ display: inline-flex;    flex: 1;    padding: 10px;}
.join-info-wrap .form-wrap.full .field h3.require::after{content:'*'; color:#F00; margin-top:-7px;margin-right:-7px;}
.join-info-wrap .form-wrap.full .field .insert{ display: inline-flex;    flex: 4;    flex-direction: column;gap: 16px;overflow: hidden;}
.join-info-wrap .form-wrap.full .field .input-text{width:70%;}
.join-info-wrap .form-wrap.full .field .input-text.full{width:100%;align-items: center;}
.join-info-wrap .form-wrap.full .field .input-text.full input[type="text"]{min-width: 222px;}
.agree-wrap{margin:80px 0px;}
.info-message { color: #0072EB;  font-size: 16px;font-style: normal;font-weight: 500;line-height: 160%;}
.info-message.type02{color: #000;  font-size: 16px;font-style: normal;font-weight: 500;line-height: 160%;}

.join-info-wrap #btn-next{width:219px;}
.join-info-wrap input[type="text"], .join-info-wrap input[type="password"]{border:1px solid #C4C4C4;height: 48px;padding: 5px 20px;}

.msg-box{max-width:400px;text-align:center; margin:0 auto;}
.msg-box svg{opacity: .5;}
.msg-box h3{font-size: 32px;font-style: normal;font-weight: 800;line-height: 130%; text-transform: uppercase; margin:20px 0px;}
.msg-box p{font-size: 19px;font-style: normal;font-weight: 500;line-height: 150%; color:#262626;}
.msg-box .btn-wrap{margin-top:60px; flex-direction: column;}

.msg-box{max-width:580px;text-align:center; margin:0 auto;}
.msg-box.email{max-width:654px;text-align:center; margin:0 auto;}

.join-memo .btn-join+span{margin-left:40px;}
.btn-wrap.full .p-20{padding:0px 20px;}

.login-wrap .tabs.type06 {margin-bottom:40px;}
.login-wrap .main-title h2{
    display: block;
    position: relative;
    height: 37px;
    background: url(../images/common/logo.png) 0 0 no-repeat;
    background-size: contain;
    background-position: center;font-size:0px;
}

.login-wrap.en .main-title h2{
    display: block;
    position: relative;
    height: 37px;
    background: url(../images/common/logo_en.png) 0 0 no-repeat;
    background-size: contain;
    background-position: center;font-size:0px;
}
.join-info-wrap .tabCont{margin-top:80px;}

.form-wrap .checkbox-wrap .checkbox label {color: #000;}
.checkbox-wrap .checkbox label {color: rgba(0,0,0,.8);font-family: Pretendard;font-size: 16px;font-weight: 700;}
.form-wrap .checkbox-wrap .checkbox label::before {/*margin-right: 10px; margin-top: -5px;*/}
.join .form-wrap .checkbox-wrap .checkbox label{color:#333333; font-size:0.9em;}
.join .form-wrap  .checkbox-wrap{text-align: left; margin:1.5em 0em;}
.btn-area.full .btn{width: 100%;}


.form-wrap .field {
    position: relative;
    
    padding-left: 114px;
}
.form-wrap .field+.field{padding-top: 12px;}
.join-info-wrap .form-wrap .field+.field{padding-top: 40px;}
.login-wrap .checkbox-wrap{    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center; margin:20px 0em 40px 0em;}
.join-memo{ color:#555;	font-family: Pretendard;font-size: 16px;font-weight: 500;line-height: 110%; text-align: center; margin-top:30px; }
.join-memo .btn-join{color: #000;font-size: 16px;font-style: normal;font-weight: 600;line-height: 110%; border-bottom:1.5px solid #000; margin-left:20px;}
.idcheck {
    float: left;
}
.join-info-wrap .form-wrap .field+.submit{margin-top:80px;}
.checkbox.findCheck {
    
    color: #000;
}
.checkbox.findCheck a{text-align: right;font-size: 14px;font-weight: 600;line-height: 110%;color:#9D9D9D;}

.login-sns{    display: flex;
    justify-content: center;
    gap: 1em;
    margin: 1em 0em;}

.input-text{gap: 0.5em;
    display: flex;}
    .input-text input{flex:1;}

.join-wrap .form-wrap{letter-spacing: -1px;}
.join-wrap .form-wrap .field{display:flex;    align-items: center;}
.join-wrap .form-wrap .field h3{flex:1;}
.join-wrap .form-wrap .field .insert{flex:3;}
.join-wrap .form-wrap .field .insert button{width:130px;}
.join-wrap .form-wrap .field .insert button.w110{width:110px;}

.btn-area{display: flex;
    justify-content: center;
    gap: 1em;}
    .submit.btn-area button{min-width:120px;}
.multiselect-dropdown {
    display: inline-block;
    padding: 2px 5px 0px 5px;
    width: 100% !important;
    border: solid 1px #009def !important;
    padding: 1em !important;}
.member-agree-layout .require{font-size: 18px;font-style: normal;font-weight: 700;line-height: normal;color:#007CFF;font-weight: 600;}
.member-agree-layout .noti{font-size:16px;}
.member-agree-layout .agree-text{font-family: Pretendard;font-size: 20px;font-style: normal;font-weight: 600;line-height: normal;color:rgba(0, 0, 0, 0.60); cursor:pointer;}
.member-agree-layout .agree-text .link{font-weight:700; color:#000; font-size:18px;margin-right:10px;}
.member-agree-layout {    display: flex; flex-direction: column; gap: 16px; background:#F8FAFB; padding:30px;border-radius: 12px;}
.member-agree-layout>div{    display: inline-flex; justify-content: space-between;}

.member-agree-layout>div .agree-view,.member-agree-layout>div .agree-use-view,
.member-agree-layout>div .agree-view,.member-agree-layout>div .agree-view-type1,.member-agree-layout>div .marketing-view{font-size: 16px;color:#9D9D9D;
font-style: normal;
font-weight: 600;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;}

.email-confirm{display: none !important;}
.email-confirm.active{display: flex !important;}
.phone-confirm{display: none !important;}
.phone-confirm.active{display: flex !important;}

.btn.type03.done{ color: #b7b7b7; border: 3px solid #b7b7b7; }

.progress {
    list-style: none;
    margin: 0;
    padding: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
    color: #849397;
    display: flex;
    width: 100%;
    min-width: fit-content;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.progress > li {
    position: relative;
    display: table-cell;
    text-align: center;
    font-size: 0.8em;
    text-align: left;
}
.progress > li.is-active {
    color: #3498DB;
}

/*.progress > li.is-active:before {
    color: #FFF;
    background: #3498DB;
}
 .progress > li:before {
    content: attr(data-step);
    display: block;
    margin: 0 auto;
    background: #DFE3E4;
    width: 3em;
    height: 3em;
    text-align: center;
    margin-bottom: 0.25em;
    line-height: 3em;
    border-radius: 100%;
    position: relative;
    z-index: 1000;
} */
.progress > li:after {
    content: '';
    position: absolute;
    display: block;
    border-bottom: 2px dotted #D9D9D9;
    width: 260px;
    height: 0.5em;
    bottom: 12px;
    left: 140%;
    margin-left: 1.5em \9;
    z-index: -1;
}
.progress > li.on:after , .progress > li.on >span,.progress > li.on >i{
    color: #0072EB;
    border-color: #0072EB;
}
.progress > li:last-child:after {
      display: none;
    }
.progress > li:last-child {    place-self: flex-end; width: fit-content; display: flex;    display: inline-block;
    position: relative;}
    .progress > li >span{width:88px; text-align:left;    display: inline-block;font-size:16px;color:#9D9D9D;font-weight: 500;line-height: 160%;}
    .progress > li >i{width:88px; text-align:left;    display: inline-block;font-size:16px;color:#9D9D9D;font-weight: 500;line-height: 160%;}
    .progress > li > .num{font-size:20px; font-weight: 700;line-height: 160%;}

.notice.edu {padding:30px; margin-bottom:20px;}
.notice.edu h3::before{
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='29' viewBox='0 0 28 29' fill='none'%3E%3Cg clip-path='url(%23clip0_5171_38075)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5 20.4167L14 16.9867C13.545 16.94 13.2067 16.9167 12.8333 16.9167C9.71833 16.9167 3.5 18.48 3.5 21.5833V23.9167H14L10.5 20.4167ZM12.8333 14.5833C15.4117 14.5833 17.5 12.495 17.5 9.91667C17.5 7.33833 15.4117 5.25 12.8333 5.25C10.255 5.25 8.16667 7.33833 8.16667 9.91667C8.16667 12.495 10.255 14.5833 12.8333 14.5833Z' fill='%230072EB'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.0483 24.4974L14 20.4141L15.6333 18.7691L18.0483 21.1957L24.0333 15.1641L25.6667 16.8091L18.0483 24.4974Z' fill='%230072EB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5171_38075'%3E%3Crect width='28' height='28' fill='white' transform='translate(0 0.585938)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	width:28px;height:28px;    display: inline-block;margin-right:8px;
}
.notice.edu h3{display:inline-flex;font-size: 20px;font-style: normal;font-weight: 700;line-height: 150%; }
.notice.edu p{font-size: 14px;font-weight: 400;line-height: 150%;margin-top:12px;}
.choice-wrap + .choice-wrap{margin:80px 0px; border-top:1px solid rgba(0,0,0,.2); padding-top:80px;}

.submit.btn-wrap{margin:100px 0px;}
.join-info-wrap .form-wrap.full .field .input-text.full.email > div{ width: 69%;display: flex;align-items: center;gap: 12px;}

.find-info.join-info-wrap input[type="text"], .find-info.join-info-wrap input[type="password"]{max-width:484px;}
.find-info.join-info-wrap .form-wrap.full .field .insert .btn{width: 200px;height: 48px;}

/**Mobile**/
@media screen and (max-width : 780px) {
	.join-memo{display:flex; flex-direction: column; align-items: self-start; gap:12px;}
	.join-memo .btn-join{margin-left:0px;}
	.join-info-wrap{padding:80px 20px;}
	.join-info-wrap .main-title p {font-size: 16px;width:85%;}
	.join-info-wrap .list.type11{height:auto;}
	fieldset{    display: inline-block;
    min-width: unset;
    max-width: unset;
    width: 100%;}
    
    .join-info-wrap .form-wrap.full .field .input-text.two > input{width:80%;}
	.join-info-wrap .form-wrap.full .field{    flex-direction: column; gap: 14px;}
	.join-info-wrap .form-wrap.full .field .input-text{width:100%;}
	.join-info-wrap .form-wrap.full .field h3{font-size:16px; padding:10px 0px;}
	.info-message.type02,.info-message{font-size:14px;}
	.member-agree-layout{background:transparent; padding:0px; background:#F9F9F9;padding:30px; font-size:16px;}
	.member-agree-layout .agree-text{font-size:16px;line-height: 160%;}
	.member-agree-layout .require{font-size:16px;}
	.member-agree-layout input[type="checkbox"] + label{font-size:16px;height: auto; background-size: 20px auto;background-position: 0px 3px;padding-bottom: 1px;}
	.agree-wrap{margin:80px 0px 100px 0px;}
	.join-info-wrap #btn-next{width:100%;}
	.join-info-wrap .form-wrap.full .field .input-text.full.email{    flex-direction: column; align-items: start; width: 100%; gap:8px;}
	.join-info-wrap .form-wrap.full .field .input-text.full.email .select-wrap{width:100%;}
	.join-info-wrap .form-wrap.full .field .input-text.full.email > div{width:100%;}
	.input-text{gap:0px;}
	.join-info-wrap .form-wrap.full .field .input-text.full input[type="text"]{min-width:20px; width: 155px;flex-shrink: 0;}
	.join-info-wrap .main-title{margin-bottom:80px;}
	.confirm-wrap .content-wrap.p100{padding:0px 20px 0px 20px; width: 100%;}
	
	.msg-box h3{font-size: 24px;font-style: normal;font-weight: 800;line-height: 130%;}
	.msg-box p{font-size: 18px;font-style: normal;font-weight: 500; line-height: 150%; word-break: keep-all;}
	.msg-box .btn-wrap{margin-top:320px; flex-direction: column;}
	.progress{    align-items: start;        align-items: center;margin-bottom:80px;}
	.progress > li:not(.on) >span{display:none;}
	.progress > li >i{    display: inline-flex; margin-right:0px;}
	.progress > li:not(.on):after{display:none;}
	.progress > li{ display: inline-flex;flex: 1;         justify-content: center;}
	.progress > li.on{display: inline-flex; align-items: center;flex: 5; justify-content: start;gap:4px;}
	.progress > li:last-child{display:inline-flex;}
	.progress > li:after{width:89px; left: 125px; bottom: 15px;}
	.progress > li >i{width:auto;}
	
	.notice.edu p{ word-break: keep-all;}
	.join-info-wrap .tabs.type07{ flex-direction: column;}
	.join-info-wrap .form-wrap.full .field .tabs.type07 h3{font-size:18px;}
	.join-info-wrap .form-wrap.full .field .tabs.type07 p{    word-break: keep-all;}
	.join-info-wrap .main-title{margin-bottom:40px;}
	.msg-box.email .btn-wrap{margin-top:40px;}
	.msg-box.email .btn-wrap.full .p-20{padding:0px;}
	
	.msg-box.email .join-memo{        align-items: center;}
	.msg-box.email .join-memo .btn-join+span{margin-left:0px; margin-top:40px;}
	.choice-wrap + .choice-wrap{border-top:0px; padding-top:0px;}
	.progress > li:last-child.on{        justify-content: end;}
	.progress > li:last-child.on:after{display:inline-block; left: 3px; color: #D9D9D9; border-color: #D9D9D9;}
	
	.confirm-wrap .msg-box .btn-wrap{margin-top:100px;}
	.layer-popup.mem .popup-content{height:100%;    border-radius: 0px; padding:80px 20px 0px 20px;}
	.layer-popup.mem .popup-wrap .input-wrap{padding:20px;}
	.layer-popup.mem .popup-wrap input[type="text"]{width:139px;}
	.layer-popup.mem .popup-wrap .btn{width:100%;}
	.layer-popup .popup-content .text-wrap{padding:0px;}
	.layer-popup.mem{top:64px;}
	.confirm-wrap .content-wrap.p100{padding:0px;}
	.layer-popup.mem .popup-wrap{top:0px;}
	.layer-popup.mem .filter-wrap{display:block;}
	
	.layer-popup.mem .popup-wrap h3{font-size: 24px;font-weight: 800;line-height: 130%;margin-top:20px;}
	.layer-popup.mem .popup-wrap p{ max-width: 250px;}
	.find-info.join-info-wrap .form-wrap.full .field .insert .btn{width:120px;font-size:14px;}
	
	.member-agree-layout .agree-text .link{font-size:16px;display:inline-block;}
	.member-agree-layout>div{align-items: start; gap:1em;flex-direction: column; }
	.member-agree-layout>div .agree-view{margin-left:32px;}
	.tabs + .agree-wrap{margin:60px 0px 100px 0px;}
	.card-text .txt-card{flex-direction: column; gap:1em;}
	.join-info-wrap .form-wrap.full .field .insert.g0{gap:0px !important;}
	
}