.page-sff .btn_popup_close {position: relative; display: block; width: 2.4rem; overflow: hidden; text-indent: 100%; white-space: nowrap;}
.page-sff .btn_popup_close::after {content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url('https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/common/icon-bold-action-delete.svg'); background-size: 100% 100%; width:2.4rem; height:2.4rem; z-index: 1;}
.page-sff .btn-group {display: flex; padding: 0 !important;}
.page-sff .btn-group:not(:first-child):not(:only-child):last-child {margin-top:3.2rem;}
.page-sff .btn-group a{display:inline-flex;align-items:center;justify-content: center;vertical-align: middle;color: #000 !important;transition: background cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color cubic-bezier(0.4, 0, 0.2, 1) 0.2s, border-color cubic-bezier(0.4, 0, 0.2, 1) 0.2s, font-weight cubic-bezier(0.4, 0, 0.2, 1) 0.2s;cursor: pointer;position: relative;font-weight: 700;border-width: 1px;border-style: solid;text-align: center;white-space: nowrap;text-decoration: none;-webkit-appearance: none;-webkit-tap-highlight-color: transparent;background-color: transparent;padding: 0 24px;border-radius: 20px;border: none;font-family: 'SamsungONE';border: 1px solid #000;}
.page-sff .btn-group a:not(:last-child):not(:only-child) {margin-right:2rem;}
.page-sff .btn-group .btn-large{height: 40px;line-height: 40px;font-size: 1.4rem;padding: 0 24px;}
.page-sff .btn-group a.light-bg{background-color: #000;color: #fff;}
.page-sff .btn-group a.light-bg:hover{color: #eee;background-color: #333333;}
.page-sff .btn-group a.dark-bg{background-color: #fff;color: #000; border-color: #fff;}
.page-sff .btn-group a.dark-bg:hover{color: #000; background-color: #eee;}
.page-sff a.light-underline {line-height:1.85rem; border-radius:0; border-top:none; border-right:none; border-left: none;border-bottom:2px solid #fff; color:#fff !important; padding: 0 0 1px !important; height: auto;}


.page-sff [class^="section-"] > .inner {padding: 8rem 3.2rem;}
.page-sff .section-kv {height:64rem; position:relative; width:100%; overflow:hidden;}
.page-sff .section-kv figure {position:relative; height:64rem; max-height:64rem;}
.page-sff .section-kv figure::after {content:''; position:absolute; display: block; top:0; left: 0; width:100%; height:100%; background-color:rgba(0, 0, 0, .4); z-index:1;}
.page-sff .section-kv video {width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0;}
.page-sff .section-kv .inner {color: #fff; text-align: center; position:absolute; top:0; left: 50%; -webkit-transform:translateX(-50%);transform:translateX(-50%); width:100%; height:100%; max-height:64rem; height: auto;}
.page-sff .section-kv .btn-group {justify-content: center;}
.page-sff  #archive-login a.text-underline {text-decoration: underline; color:#2189ff !important; border: none; padding: 0;}
.page-sff  #archive-login .btn-group {display: flex; padding: 0 !important; flex-wrap:wrap;}
.page-sff  #archive-login .btn-group .btn {display:inline-flex;align-items:center;justify-content: center;vertical-align: middle;color: #fff ;transition: background cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color cubic-bezier(0.4, 0, 0.2, 1) 0.2s, border-color cubic-bezier(0.4, 0, 0.2, 1) 0.2s, font-weight cubic-bezier(0.4, 0, 0.2, 1) 0.2s;cursor: pointer;position: relative;font-weight: 700;border-width: 1px;border-style: solid;text-align: center;white-space: nowrap;text-decoration: none;-webkit-appearance: none;-webkit-tap-highlight-color: transparent;background-color: transparent;padding: 0 24px;border-radius: 20px;border: none;font-family: 'SamsungONE';border: 1px solid #000;}
.page-sff  #archive-login .btn-group .btn-large{height: 40px;line-height: 40px;font-size: 1.4rem;padding: 0 24px;}
.page-sff  #archive-login .btn-group .light-bg{background-color: #000;color: #fff;}
.page-sff  #archive-login .btn-group .light-bg.disabled {background-color: #aaa; border-color:#aaa}
.page-sff  #archive-login .btn-group .light-bg:hover{color: #eee;background-color: #333333;}
.page-sff  #archive-login .btn-group .btn + ul {margin-top:6rem;}
.page-sff  #archive-login .btn-group ul {flex:1 0 100%; display: flex; flex-direction: column; align-items: center;}
.page-sff  #archive-login .btn-group ul li:not(:first-child) {margin-top:0.8rem;}

.page-sff .popup-wrapper#archive-login,
.page-sff .popup-wrapper#msg-popup {position: fixed; left: 0; top: 0; height: 100%; z-index: 1000; width: 100%; background-color:  rgba(0, 0, 0, .9); display:none;}
.page-sff .popup-wrapper#archive-login .eyebrow:not(p) {font-weight: bold;}
.page-sff .popup-wrapper#archive-login.active,
.page-sff .popup-wrapper#msg-popup.active {display:block; overflow-y:auto;}
.page-sff .popup-wrapper#archive-login .popup-content {position: relative; border-radius:2rem; width: 100%; max-width: 80.2rem; top: auto; left: 50%; transform: translateX(-50%); z-index: 1000; background: #fff; padding: 7.2rem 6rem 6rem; margin: 8rem 3.2rem;}
.page-sff .popup-wrapper#archive-login header {display:flex; align-items: center;}
.page-sff .popup-wrapper#archive-login header button {position:absolute; top:3.2rem; right:2.4rem; text-indent: -99999px; overflow: hidden; border: none; background: #fff;}
.page-sff .popup-wrapper#archive-login header .logo {max-width: 9.4rem; height:1.5rem;}
.page-sff #archive-login .login-wrapper {display: flex; flex-direction: column; align-items: center;}
.page-sff #archive-login .login-wrapper h4 {font-family:"Samsung One KR", "SamsungSharpSans" !important;font-size:3.6rem; line-height:5.1rem; margin-top:0.8rem; margin-bottom:2rem;}
.page-sff #archive-login .login-wrapper .eyebrow {font-size:1.8rem; line-height:2.5rem; display:block;}
.page-sff #archive-login .login-wrapper p {font-size:1.4rem; line-height:2rem; text-align:center;}
.page-sff #archive-login .login-wrapper form {width:100%; max-width: 33rem;}
.page-sff #archive-login .login-wrapper .login-form-wrap {margin:2rem 0 0;}
.page-sff #archive-login .login-wrapper .login-form-wrap li {margin-top:6.2rem;}
.page-sff #archive-login .login-wrapper .login-form-wrap li.recaptcha-area {margin-top:6rem; height:7.2rem;}
.page-sff #archive-login .login-wrapper .login-form-wrap + .btn-group {margin-top:6rem;}
.page-sff #archive-login .login-wrapper form button {flex:1;}
.page-sff .popup-wrapper#msg-popup .popup-content {position: relative; border-radius:2rem; width: 100%; max-width: 44.8rem; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1000; background: #fff; padding: 7.2rem 6rem 6rem; margin: 0;}
.page-sff .popup-wrapper#msg-popup .popup-content {padding: 3.2rem 0 0;}
.page-sff .popup-wrapper#msg-popup .popup-content section {padding: 0 2.4rem 3.3rem; text-align:center;}
.page-sff .popup-wrapper#msg-popup .popup-content footer button {width: 100%; padding: 2rem; font-size:"SamsungSharpSans"; font-size: 1.8rem; line-height: 2.5rem; border-top: 1px solid rgba(0, 0, 0, 0.1);}
.page-sff #msg-popup .popup-detail h4 {font-size:2.4rem; line-height:3.4rem;}
.page-sff #msg-popup h4 + p {font-size:1.6rem; line-height:2.3rem; margin-top:0.8rem;}

.popup-wrapper .error-msg { margin-top: 8px ; color : #ef3434 }
.archive-logout { display: none }

@media screen and  (min-width: 768px) and (max-width: 1023px), (min-device-width: 768px) and (max-device-width: 1023px) and (-webkit-min-device-pixel-ratio: 2) {
    .popup-wrapper#archive-login .popup-content {padding: 7.2rem 3.2rem 4.8rem; margin:0; max-width:70.4rem; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
    #archive-login .login-wrapper h4 {font-size:2.8rem; line-height:3.9rem;}
    #archive-login .login-wrapper .eyebrow {font-size:1.5rem; line-height:2rem;}
    #archive-login .login-wrapper .login-form-wrap {margin:1.6rem 0 0;}
    #archive-login .login-wrapper .login-form-wrap li {margin-top:5.4rem;}
    #archive-login .login-wrapper .login-form-wrap li.recaptcha-area {margin-top:7.2rem;}
    #archive-login .login-wrapper .login-form-wrap + .btn-group {margin-top:4.8rem;}
    .popup-wrapper#archive-login footer {margin-top:6.4rem;}
    #msg-popup .popup-detail h4 {font-size: 2rem; line-height:2.8rem;}
    #msg-popup h4 + p {font-size: 1.4rem; line-height:2rem;}
    .popup-wrapper#msg-popup .popup-content {max-width:34rem;}
    .popup-wrapper#msg-popup .popup-content footer button {font-size: 1.6rem; line-height:2.3rem; padding:1.6rem 2rem;}
}

@media screen and (max-width:767px) {
    .popup-wrapper#archive-login header button {top:2rem;}
    .popup-wrapper#archive-login .popup-content {padding: 5.6rem 2.4rem; margin:0; max-width:100%; border-radius: 0 !important;}
    #archive-login .login-wrapper h4 {font-size:2.8rem; line-height:3.9rem;}
    #archive-login .login-wrapper p {font-size: 1.2rem; line-height: 1.6rem; text-align:center;}
    #archive-login .login-wrapper .eyebrow {font-size:1.5rem; line-height:2rem;}
    #archive-login .login-wrapper .login-form-wrap {margin:1.6rem 0 0;}
    #archive-login .login-wrapper .login-form-wrap li {margin-top:3rem;}
    #archive-login .login-wrapper .login-form-wrap li.recaptcha-area {margin-top:4rem;}
    #archive-login .login-wrapper .login-form-wrap + .btn-group {margin-top:4.8rem;}
    .popup-wrapper#archive-login footer {margin-top:6.4rem;}
    .popup-wrapper#archive-login footer ul {max-width:23rem; margin: 0 auto; flex-wrap:wrap; justify-content: center;}
    .popup-wrapper#archive-login footer ul:last-child li {margin:0; padding: 0; text-align:center;}
    .popup-wrapper#archive-login footer ul:last-child li:first-child {margin-bottom:1.2rem;}
    .popup-wrapper#archive-login footer ul:last-child li::after {display: none !important;}
    #msg-popup .popup-detail h4 {font-size: 1.6rem; line-height:2.3rem;}
    #msg-popup h4 + p {font-size: 1.2rem; line-height:1.6rem;}
    .popup-wrapper#msg-popup .popup-content {padding: 2.8rem 0 0;max-width:31.2rem;}
    .popup-wrapper#msg-popup .popup-content section {padding-bottom:2.8rem;}
    .popup-wrapper#msg-popup .popup-content footer button {font-size: 1.4rem; line-height:1.2rem; padding:1.6rem 2rem;}
}