body,button,input,select{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Avenir,Helvetica Neue,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Malgun Gothic,맑은 고딕,sans-serif}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
/*# sourceMappingURL=normalize.min.css.map */

/* Pretendard 
@font-face{font-family:'Pretendard';font-weight:900;font-display:swap;src:local('Pretendard Black'), url('../font/Pretendard-Black.subset.woff2') format('woff2'), url('../font/Pretendard-Black.subset.woff') format('woff')}
@font-face{font-family:'Pretendard';font-weight:800;font-display:swap;src:local('Pretendard ExtraBold'), url('../font/Pretendard-ExtraBold.subset.woff2') format('woff2'), url('../font/Pretendard-ExtraBold.subset.woff') format('woff')}
@font-face{font-family:'Pretendard';font-weight:700;font-display:swap;src:local('Pretendard Bold'), url('../font/Pretendard-Bold.subset.woff2') format('woff2'), url('../font/Pretendard-Bold.subset.woff') format('woff')}
@font-face{font-family:'Pretendard';font-weight:600;font-display:swap;src:local('Pretendard SemiBold'), url('../font/Pretendard-SemiBold.subset.woff2') format('woff2'), url('../font/Pretendard-SemiBold.subset.woff') format('woff')}
@font-face{font-family:'Pretendard';font-weight:500;font-display:swap;src:local('Pretendard Medium'), url('../font/Pretendard-Medium.subset.woff2') format('woff2'), url('../font/Pretendard-Medium.subset.woff') format('woff')}
@font-face{font-family:'Pretendard';font-weight:400;font-display:swap;src:local('Pretendard Regular'), url('../font/Pretendard-Regular.subset.woff2') format('woff2'), url('../font/Pretendard-Regular.subset.woff') format('woff')}
@font-face{font-family:'Pretendard';font-weight:300;font-display:swap;src:local('Pretendard Light'), url('../font/Pretendard-Light.subset.woff2') format('woff2'), url('../font/Pretendard-Light.subset.woff') format('woff')}
@font-face{font-family:'Pretendard';font-weight:200;font-display:swap;src:local('Pretendard ExtraLight'), url('../font/Pretendard-ExtraLight.subset.woff2') format('woff2'), url('../font/Pretendard-ExtraLight.subset.woff') format('woff')}
@font-face{font-family:'Pretendard';font-weight:100;font-display:swap;src:local('Pretendard Thin'), url('../font/Pretendard-Thin.subset.woff2') format('woff2'), url('../font/Pretendard-Thin.subset.woff') format('woff')}*/



/* Layout */
body{/*font-family:'Pretendard';*/background-color:#1C1B21;overflow:hidden}

.ico{display:inline-block;overflow:hidden;position:relative;font-size:0;text-indent:-999px;background-repeat:no-repeat;background-position:center;background-size:100%;color:transparent}
.ico-close{background-image:url(../images/ico-close.svg);width:44px;height:44px}
.ico-arrow{width:42px;height:42px;background-image:url(../images/ico-arrow.svg);opacity:0.8}


.layout-wrap{display:flex;line-height:0}
.layout-left{position:relative;padding-left:100px;padding-right:0;width:calc( 100% - 620px )}
.layout-right{flex-shrink:0;position:relative;width:520px}


/* layout-left */
.layout-left .tit{margin:23px 0 48px 0;display:flex;align-items:center;overflow:hidden;justify-content:space-between}
/*.layout-left .tit h2{flex-shrink:0;color:#AC4CF8;font-size:48px;font-weight:700;margin:0;padding-right:50px}*/
.layout-left .tit h2{margin-right:20px;width:226px;height:48px;background:url(../images/logo.svg) no-repeat 0 0;font-size:0;text-indent:-999px;color:transparent}

.layout-left .tab-wrap{position:relative;width:calc(100% - 305px);flex-shrink:1;margin-right:30px}
.btn-bg{display:inline-block;position:absolute;top:0;width:100px;height:78px;right:0px;background:linear-gradient(90deg, rgba(28, 27, 33, 0.00) 0%, #1C1B21 40.89%, #1C1B21 100%);z-index:1}
.btn-bg.left{transform:rotate(180deg);left:0}
.right.none + .btn-bg.right{display:none}
.left.none + .btn-bg.left{display:none}

.layout-left .tab-wrap a{display:flex;justify-content:center;align-items:center;width:74px;height:74px;border:2px solid rgba(255,255,255,0.3);border-radius:99px;position:absolute;top:0;background-color:#1C1B21;z-index:2}
.layout-left .tab-wrap a.btn-arrow.left{left:0;transform:rotate(180deg)}
.layout-left .tab-wrap a.btn-arrow.right{right:0}

.btn-arrow.right.none + .layout-left .tab-wrap:after{right:0;transform:rotate(180deg)}

.layout-left .tab-wrap a.none{display:none}

#myBtnContainer{display:flex;position:relative;gap:8px;overflow:hidden}

button.btn{padding:0px 36px;color:rgba(255, 255, 255, 0.75);font-size:28px;font-weight:500;height:78px;border-radius:70px;border:2px solid rgba(255, 255, 255, 0.20);background:transparent;white-space:nowrap}
button.btn.active, button.btn:active{font-weight:700;color:#DB8FFD;border-color:rgba(142, 56, 245, 0.80);background:rgba(142, 56, 245, 0.25)}

.layout-left .row{height:525px;overflow:scroll;display:flex;flex-wrap:wrap;gap:25px;padding-bottom:45px;align-items:flex-start;align-content:flex-start}
.layout-left .row .column{display:none;line-height:0;width:366px;height:179px}
.layout-left .row .column.show{display:block}

.layout-left .row .column a{display:block;line-height:0;border:1px solid #494949;overflow:hidden;border-radius:16px;height:180px;box-sizing:border-box}
.layout-left .row .column a img{width:100%}
.layout-left .row .column a:active{border:5px solid #ac4cf8}

.tabCont{white-space:nowrap;transition:transform 0.5s}

.layout-left:after{content:'';display:inline-block;position:absolute;bottom:0;left:0;width:100%;height:40px;background:linear-gradient(rgba(24, 31, 42, 0.00) 0%, #181F2A 100%);z-index:1}

/* layout-right */
.layout-right .btn-close{position:absolute;top:0;right:0;padding:38px}

img {
    pointer-events: none;
    user-select: none;
}