@charset "utf-8";
/* CSS Document */

/*****************/
/* 전체 공용 css */
/*****************/
@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&family=Nanum+Gothic&display=swap');

html,body{width:100%; height:100%; font-family:'Noto Sans KR', sans-serif; font-weight:500; font-size:14px; color:#000000; background-color:#ffffff; line-height:1.5em; letter-spacing:0px; word-break:keep-all;  -moz-transform-origin:center left; -webkit-transform-origin:center left; -ms-transform-origin:center left; transform-origin:center left;}
div{position:relative; box-sizing:border-box;} 
a{display:block; text-decoration:none; color:#000000; box-sizing:border-box; width:100%; height:100%;}
img, video{position:absolute; width:100%; height:100%; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); object-fit:cover;}
body, div, p{margin:0px; padding:0px;}
input, option, select, textarea{font-family:'Noto Sans KR', sans-serif; font-weight:500; box-sizing:border-box;}

:root{
	--colorHi1 : #e22f22;
	--colorHi2 : #07f81c;
	--colorGray1 : #d9d9d9;
	--colorGray2 : #595959;
	--colorMenuBg : #666666;
	--colorBg : #e9e9e9;
}

::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar-thumb{background-color:var(--colorGray2); border-radius:5px;}
::-webkit-scrollbar-track{background-color:#000000;}
::-webkit-scrollbar:horizontal{height:5px;}
::-webkit-scrollbar-thumb:horizontal{background-color:var(--colorGray1); border-radius:5px;}
::-webkit-scrollbar-track:horizontal{background-color:rgba(255, 255, 255, 0);}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    -webkit-text-fill-color: #000000 !important;
}

/****************************/
/********** common **********/
/****************************/
body.popup, body.alert, body.login{overflow:hidden;}
.wrapAll{width:100vw; min-height:100vh; background-color:#2a2a2a; color:#ffffff;}
.middleText{display:table-cell; vertical-align:middle;}
input[type=file]{position:absolute; width:0px; height:0px;}
label[for=file]{position:absolute; left:0px; top:2px; border:1px solid var(--colorGray2); padding:5px 20px; font-size:16px; color:var(--colorGray2); cursor:pointer; box-sizing:border-box;}
label[for=file]:hover{border:1px solid var(--colorHi1); color:var(--colorHi1);}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none; margin:0;}
input[type=checkbox]{accent-color:var(--colorHi1);}

.highlight{color:var(--colorHi1);}

/* alert */
.alertAll{position:fixed; left:0px; top:0px; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7); z-index:10000;}
.alertContainer{position:absolute; left:50%; top:50%; width:400px; transform:translateX(-50%) translateY(-50%); background-color:#ffffff; border-radius:5px; overflow:hidden;}
.alertHeadContainer{width:100%; height:50px; display:table; text-align:center; background-color:var(--colorHi1); color:#ffffff; font-weight:700; font-size:20px;}
.alertTextContainer{width:100%; min-height:100px; height:auto; display:table; font-size:14px; padding:0px 20px; text-align:center; word-break:keep-all;}
.alertBtnContainer{width:100%; display:flex; justify-content:center; padding:10px 0px; background-color:var(--colorBg);}
.alertBtn{margin:0px 5px;}
.alertBtn a{padding:5px 10px; border-radius:1px;}
.alertBtnRed a{border:1px solid var(--colorHi1); background-color:var(--colorHi1); color:#ffffff;}
.alertBtnWhite a{border:1px solid var(--colorHi1); color:var(--colorHi1);}
.alertBtnGray a{border:1px solid var(--colorGray2); color:var(--colorGray2);}
.apprearanceAlertAll{position:fixed; padding:10px 20px; font-size:16px; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); z-index:10000; background-color:rgba(0, 0, 0, 0.9); border-radius:20px; box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.3); display:none;}

/* popup */
.popupAll{position:fixed; left:0px; top:0px; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7); display:none; z-index:10000;}
.popupAll.popup{display:block;}
.popupContentsAll{position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); background-color:#ffffff; padding:20px;}
.popupTitleContainer{width:100%; height:30px; display:flex; justify-content:space-between; margin-bottom:20px;}
.popupTitle{font-size:18px; font-weight:700; display:table; color:#000000;}
.popupCloseBtn{width:30px; height:30px;}
.popupCloseBtn a:before, .popupCloseBtn a:after{width:100%; height:2px; position:absolute; content:''; background-color:var(--colorGray2); margin-top:14px;}
.popupCloseBtn a:before{transform:rotate(45deg);}
.popupCloseBtn a:after{transform:rotate(-45deg);}

/* 최상단 메뉴바 */
.wrapAllTop{position:fixed; left:0px; top:0px; width:100%; height:60px; display:flex; justify-content:space-between; padding:0px 20px; background-color:#000000; z-index:30;}
.wrapLeft, .wrapRight, .wrapCenter{width:calc(100% / 3);}
/* 최상단 메뉴바 좌측 */
.mobileMenuBtn{display:none;}
.wrapTopLeftBtnContainer{display:flex; height:100%;}
.wrapTopLeftBtn{display:table; margin-right:30px;}
.wrapTopLeftBtn a{color:#ffffff; font-weight:500; font-size:14px; display:table-cell; vertical-align:middle;}
.wrapTopLeftBtn a:hover{color:var(--colorHi1);}
/* 최상단 메뉴바 중앙 */
.wrapCenter{display:flex; justify-content:center;}
.wrapCenter a{width:183px; height:22px; background-image:url("../img/logoWhite.svg"); background-size:cover; margin-top:16px;}
/* 최상단 메뉴바 우측 */
.wrapRight{display:flex; justify-content:flex-end;}
.wrapRight .wrapTopLeftBtn{margin:0px 15px 0px 0px;}
.wrapRightContainer{display:flex; justify-content:flex-end; font-size:16px; margin-top:12px;}
.wrapRight a{color:#ffffff; margin:0px 10px;}
.wrapRightTextBtn{margin-top:7px;}
.wrapRightIconBtn{margin-top:7px;}
.wrapRightIconBtn a{width:21px; height:22px; background-image:url("../img/frontIconset.png");}
.wrapRightIconBtn.like a{background-position:0px 0px;}
.wrapRightIconBtn.cart a{background-position:-50px 0px;}
.wrapRightIconBtn.cart a .num{font-size:11px; width:14px; padding:0px 0px 0px 0px; text-align:center; background-color:var(--colorHi1); position:absolute; border-radius:50%; display:none;}
.wrapRightProfileContainer{width:35px; height:50px;}
.wrapRightProfileBtn{width:35px; height:35px; border-radius:50%; overflow:hidden;}
.wrapRightProfileBtn a{width:100%; height:100%; margin-left:0px;}
.wrapRightLoginBtn{font-size:14px; margin-top:5px; border:1px solid #ffffff; border-radius:15px; height:30px;}
.wrapRightLoginBtn a{width:100%; height:100%; padding:3px 10px;}
.wrapRightProfileContainer{width:35px; overflow:visible;}
.wrapRightBtnContainer{padding:3px 5px; background-color:#ffffff; border-radius:5px; position:absolute; top:50px; display:none; box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.3);}
.wrapRightBtn a{font-size:14px; color:#000000; padding:3px 0px;}
.wrapRightBtn a:hover, .wrapRightBtn.selected a{color:var(--colorHi1);}
.wrapRightBtnContainer:hover .wrapRightBtnContainer{display:block;}
.menuWrapMobile{display:none;}
.categoryMenuAll{width:100%; padding:10px 0px; position:absolute; left:0px; top:60px; background-color:#000000; display:none; flex-wrap:wrap; border-top:1px solid rgba(255, 255, 255, 0.2);}
.categoryMenuAll.show{display:flex;}
.categoryMenuBtn{margin:5px 20px; font-size:14px;}
.categoryMenuBtn a{color:#ffffff;}
.categoryMenuBtn a:hover, .categoryMenuBtn.selected a{color:var(--colorHi1);}

/* 본문 내용 부분 */
.wrapAllMiddle{width:100%; padding-top:60px; height:auto; min-height:calc(100vh - 166px); z-index:20;}

/* footer */
.wrapAllBottom{width:100%; background-color:#141414; padding:20px 0px; z-index:10;}
.footerContents{width:1200px; margin:0 auto; display:flex; justify-content:space-between;}
.footerContainer{margin:0px 10px;}
.footerLogo{width:183px; height:22px; opacity:0.65; margin-bottom:10px;}
.footerText{color:#ffffff; opacity:0.65; margin-top:5px;}
.footerText.big{font-size:16px; font-weight:700;}
.footerText.small{font-size:12px;}
.footerText.small.gray{opacity:0.5;}
.footerTextBtn a{opacity:0.65; font-size:12px; color:#ffffff; transition:opacity 0.3s; margin-top:5px;}
.footerTextBtn a:hover{opacity:1;}
.footerCenterAll{padding:15px; background-color:#8a8a8a; color:#000000; border-radius:15px;}
.footerCenterText.big{font-size:16px; font-weight:700;}
.footerMobile{display:none;}

/* 리스트 썸네일 컨테이너 */
.listThumb{height:auto; border-radius:10px; overflow:hidden;}
.listThumb a{width:100%; height:auto; border-radius:10px; overflow:hidden;}
.listThumb.size1 a, .listThumb.size1 .listThumbContainer{padding-top:calc((100% * (9 / 16)));}
.listThumb.size2 a, .listThumb.size2 .listThumbContainer{padding-top:calc((100% * (9 / 16)) + 2px);}
.listThumb.size3 a, .listThumb.size3 .listThumbContainer{padding-top:calc((100% * (9 / 16)) + 4px);}
.listThumbContainer{position:absolute; left:0px; top:0px; width:100%; height:auto; padding-top:calc((100% * (9 / 16)));}
.listThumb.size1 .listThumbContainer{padding-top:calc((100% * (9 / 16)));}
.listThumbInfoAll{position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:3; color:#ffffff; opacity:0; transition:opacity 0.3s; pointer-events:none;}
.listThumb:hover .listThumbInfoAll{opacity:1;}
.listThumbInfoTop{position:absolute; left:0px; top:0px; width:100%; height:40px; background-image:linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); display:flex; justify-content:flex-end; padding:10px;}
.listThumbInfoBottom{position:absolute; left:0px; bottom:0px; width:100%; height:40px; background-image:linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); display:flex; justify-content:space-between; padding:10px;}
.listThumbInfoBtn a{background-image:url("../img/frontIconset.png"); pointer-events:auto;}
.listThumbInfoBtn.sample a{width:23px; height:17px; background-position:-200px -100px;}
.listThumbInfoBtn.like a{width:20px; height:18px; background-position:0px -100px; margin-left:10px;}
.listThumbInfoBtn.like.selected a{background-position:-50px -100px;}
.listThumbInfoBtn.cart a{width:20px; height:22px; background-position:-46px 0px;}
.listThumbInfoBtn.cart.selected a{background-position:-96px 0px;}
.listThumbInfoTime{display:flex; margin-top:2px;}
.listThumbInfoTime .icon{width:19px; height:14px; background-image:url("../img/frontIconset.png"); background-position:-150px -300px; margin-right:5px; margin-top:4px;}

/* 검색창 공통 */
.searchAll{position:fixed; left:0px; top:60px; width:100%; height:115px; background-color:#000000; z-index:20;}
.searchContainerAll{position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:100%; max-width:1400px;}
.searchContainer{width:100%; height:50px; background-color:#ffffff; padding:5px; border-radius:25px; display:flex; z-index:20;}
.searchWordContainer{display:flex; justify-content:center; width:100%; margin-top:10px; z-index:10;}
.searchSelectAll{width:130px;}
.searchSelect a{width:100%; height:40px; border-radius:20px; background-color:#e5e5e5; border:1px solid #bebebe; text-align:center; display:table; font-weight:700; font-size:16px;}
.searchSelect a .middleText{padding:0px 10px 2px 0px;}
.searchSelect a .middleText:before, .searchSelect a .middleText:after{width:8px; height:2px; background-color:#000000; position:absolute; content:''; right:6px; margin-top:10px;}
.searchSelect a .middleText:before{transform:rotate(50deg); right:10px;}
.searchSelect a .middleText:after{transform:rotate(-50deg);}
.searchTextContainer{width:100%; padding:10px; border-radius:10px; background-color:#ffffff; margin-top:10px; display:none;}
.searchTextContainer.show{display:block;}
.searchText.small a{margin:0px 0px; font-size:14px; color:#8b8b8b;}
.searchText.selected a, .searchText a:hover{color:var(--colorHi1);}
.searchInput{padding:0px 5px; width:calc(100% - 175px);}
.searchInputText{width:100%; outline:none; font-size:16px; height:100%; padding:0px 5px; border:none;}
.searchBtnAll{width:45px;}
.searchBtn a{width:26px; height:26px; background-image:url("../img/frontIconset.png"); background-position:-200px -50px; margin-top:8px;}
.searchWordTitle{opacity:0.65; margin-right:10px; text-shadow:1px 0px 3px rgba(0, 0, 0, 0.5); margin-top:1px;}
.searchWordText{margin-right:5px;}
.searchWordText a{color:#ffffff; box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.5); border:1px solid #ffffff; padding:0px 10px 2px 10px; border-radius:13px;}

/*********************************/
/***** 로그인, 회원가입 팝업 *****/
/*********************************/
/* 공통 */
.memberPopupAll{position:fixed; left:0px; top:0px; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7); z-index:10000; display:none;}
.memberPopupAll.popup{display:block;}
.memberPopupContainer{position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:600px; display:flex; background-color:rgba(255, 255, 255, 1); border-radius:10px; color:#000000;}
.memberPopupLeft{width:50%; height:100%; overflow:hidden; border-top-left-radius:10px; border-bottom-left-radius:10px;}
.memberPopupLeft video{width:calc(100% + 2px); height:calc(100% + 2px);}
.memberPopupRight{width:50%; height:100%; padding:20px;}
.memberPopupRightContainer{position:absolute; width:calc(100% - 40px); top:50%; transform:translateY(-50%);}
.memberPopupTitle{width:100%; text-align:center; font-size:24px; font-weight:700; margin:0px 0px 30px 0px;}
.memberInputText{width:100%; height:40px; background-color:#d1d1d1; border:none; outline:none; font-size:16px; border-radius:20px; margin-bottom:10px; padding:0px 20px;}
.memberPopupBtn a{width:100%; color:#ffffff; border-radius:20px; background-color:var(--colorHi1); text-align:center; padding:9px 0px 10px; font-size:16px;}
.memberPopupBtn.disabled a{background-color:var(--colorGray2); cursor:default; pointer-events:none;}
.memberPopupCloseBtn{position:absolute; width:30px; height:30px; right:10px; top:10px;}
.memberPopupCloseBtn a{opacity:0.8; transition:opacity 0.3s;}
.memberPopupCloseBtn a:hover{opacity:1;}
.memberPopupCloseBtn a:before, .memberPopupCloseBtn a:after{position:absolute; content:''; width:30px; height:2px; background-color:#000000; margin-top:14px;}
.memberPopupCloseBtn a:before{transform:rotate(45deg);}
.memberPopupCloseBtn a:after{transform:rotate(-45deg);}
.memberPopupTextBtnContainer{margin-top:10px; display:flex; justify-content:space-around; flex-wrap:wrap;}
.memberPopupTextBtn{font-size:14px; width:calc(100% / 2); text-align:center;}
.memberPopupTextBtn:after{position:absolute; content:''; right:-1px; top:5px; width:2px; height:12px; background-color:var(--colorGray2);}
.memberPopupTextBtn.full{width:100%;}
.memberPopupTextBtn.full a{padding:5px 0px;}
.memberPopupTextBtn:last-child:after, .memberPopupTextBtn.full:after{display:none;}
.memberPopupTextBtn a:hover{color:var(--colorHi1);}
.pwViewBtn{position:absolute; width:20px; height:18px; right:10px; top:10px;}
.pwViewBtn a{background-image:url("../img/frontIconset.png"); background-position:-200px -200px;}
.pwViewBtn.view a{background-position:-250px -200px;}

/* 로그인 */
.memberPopupAll.login .memberPopupContainer{height:500px;}
.loginInputContainer{margin-bottom:20px;}
.googleLoginContainer{width:100%; border-radius:22px; height:40px; margin-top:10px; overflow:hidden; border:1px solid var(--colorGray2);}
.googleLoginBtn{width:100%; height:100%;}
#googleFakeBtn{position:absolute; left:0px; top:0px; width:100%; height:100%; display:flex; justify-content:center; background-color:#ffffff; pointer-events:none;}
#googleFakeBtn .icon{width:20px; height:21px; background-image:url("../img/frontIconset.png"); background-position:-200px -300px; margin-right:10px; margin-top:10px;}
#googleFakeBtn .text{font-size:16px; margin-top:9px;}
.loginSubText{width:100%; margin-top:10px; text-align:center;}
.loginSubBtn a{width:100%; color:#000000; border-radius:20px; border:1px solid #000000; text-align:center; padding:9px 0px 10px; font-size:16px;}

/* 회원가입 */
.memberPopupAll.join .memberPopupContainer{height:600px;}
.joinTr{width:100%; margin-bottom:10px;}
.memberPopupAll.join .memberInputText{margin-bottom:5px; font-size:14px; padding:0px 10px;}
.joinTd{width:100%;}
.joinInfoText{font-size:12px; color:var(--colorHi1); padding-left:20px; line-height:1.1em;}
.joinBtn{position:absolute; right:5px; top:5px; height:30px; font-size:12px;}
.joinBtn a{color:#ffffff; padding:4px 10px 0px; background-color:var(--colorHi1); border-radius:15px;}
.joinBtn.disabled a{background-color:var(--colorGray2); cursor:default; pointer-events:none;}
.joinAgreeContainer{width:100%; padding:5px; background-color:#dddddd; border-radius:10px; margin-bottom:10px;}
.joinTr.agree{width:100%; display:flex; margin:5px;}
.joinLabel{display:flex;}
.joinLabel a{display:inline-block; color:var(--colorHi1);}
.joinAgreePopup{position:absolute; width:100%; height:100%; background-color:#ffffff; padding:10px; display:none; border-radius:10px;}
.joinAgreePopup.open{display:block;}
.joinAgreeCloseBtn{width:100%; text-align:center;}
.joinAgreeCloseBtn a{background-color:var(--colorGray2); color:#ffffff; text-align:center; padding:10px 0px; border-radius:10px; font-size:16px;}
.joinAgreeContentsContainer{width:100%; margin-top:10px; height:calc(100% - 50px); overflow:hidden; overflow-y:auto;}
.joinAgreeTitle{font-size:18px; font-weight:700; margin-bottom:10px;}

/* 아이디 찾기, 비밀번호 재설정 */
.memberPopupAll.idFind .memberPopupContainer, .memberPopupAll.pwReset .memberPopupContainer{height:400px;}
.mailResetInfo{margin-bottom:30px; text-align:center;}
.mailResetInfo{margin-bottom:30px; text-align:center;}
.mailResetIcon{width:69px; height:69px; background-image:url("../img/frontIconset.png"); background-position:0px -200px; margin:0 auto;}
.resetSuccessAll{position:absolute; width:100%; height:100%; left:0px; top:0px; background-color:#ffffff; display:none; z-index:10;}
.resetSuccessAll.show{display:block;}
.resetSuccessContents{position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:100%; padding:0px 10px;}
.resetSuccessContents .memberPopupTitle{line-height:1.3em;}

/*****************/
/***** index *****/
/*****************/
/* index 공통 */
.indexTitle{width:100%; margin-bottom:20px; text-align:center; font-weight:700; font-size:24px;}
.indexTitle.small{font-weight:500; font-size:14px; margin-top:-10px;}

/* 검색창 */
.index_searchAll{width:100%; height:300px; background-position:center center; background-size:cover; z-index:100;}

/* 인기 키워드 */
.popularKeywordAll{margin-top:50px; width:100%;}
.popularKeywordContainerAll{width:calc(100% - 60px); margin:0 auto; height:101px; z-index:1; overflow:hidden;}
.popularKeywordContainer{width:100%; height:100%; overflow:hidden;}
.popularKeywordContainer.center{display:flex; justify-content:center;}
.popularKeywordMoveBtn{position:absolute; top:50%; transform:translateY(-50%); width:25px; height:25px; z-index:2;}
.popularKeywordMoveBtn.hide{visibility:hidden;}
.popularKeywordMoveBtn{background-color:#ffffff; opacity:0.8; transition:opacity 0.3s;}
.popularKeywordMoveBtn.prev{border-top-right-radius:5px; border-bottom-right-radius:5px; left:0px;}
.popularKeywordMoveBtn.next{border-top-left-radius:5px; border-bottom-left-radius:5px; right:0px;}
.popularKeywordMoveBtn a:hover{opacity:1;}
.popularKeywordMoveBtn a:before, .popularKeywordMoveBtn a:after{width:10px; height:2px; position:absolute; content:''; background-color:#000000; margin:0px 0px 0px 7px;}
.popularKeywordMoveBtn.prev a:before{transform:rotate(45deg); margin-top:15px;}
.popularKeywordMoveBtn.prev a:after{transform:rotate(-45deg); margin-top:9px;}
.popularKeywordMoveBtn.next a:before{transform:rotate(-45deg); margin-top:15px; margin-left:10px;}
.popularKeywordMoveBtn.next a:after{transform:rotate(45deg); margin-top:9px; margin-left:10px;}
.popularKeywordSlide{position:absolute; left:0px; top:0px; width:auto; display:flex; transition:left 0.3s;}
.popularKeywordContainer.center .popularKeywordSlide{position:relative;}
.popularKeyword{width:180px; height:101px; border-radius:10px; overflow:hidden; margin-right:10px;}
.popularKeyword:last-child{margin-right:0px;}
.popularKeywordText{position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); color:#ffffff; font-size:20px; font-weight:700; text-shadow:1px 0px 3px rgba(0, 0, 0, 0.5); z-index:2;}

/* 인기 스톡 */
.popularStockAll{margin-top:50px; width:100%;}
.index_popularStockAll{width:100%;}

/* 패키지 */
.packageStockAll{margin-top:50px; width:100%; padding-top:30px;}
.index_packageContainerAll{width:100%; margin:30px 0px; display:grid; grid-template-columns:repeat(7, auto); grid-gap:4px; padding-right:10px;}

/* 무료 영상 */
.freeStockAll{margin-top:50px; width:100%; padding:30px 0px; background-color:#ffffff; color:#000000;}
.freeStockContainer{margin:0 auto; margin-top:20px; width:1000px; display:grid; grid-template-columns:repeat(3, auto); grid-column-gap:20px; padding-right:10px;}

/*************************/
/***** 리스트 페이지 *****/
/*************************/
.stockListAll{width:100%; background-color:#ffffff; min-height:calc(100vh - 226px); height:auto; padding-top:115px; z-index:10; color:#000000;}
/* 상단 */
.stockListTopAll{width:100%; display:flex; justify-content:space-between; position:fixed; background-color:#ffffff; z-index:20; padding:10px;}
.stockListTopLeftAll{display:flex;}
.stockListFilterBtn{margin-right:10px;}
.stockListFilterBtn a{display:flex; padding:3px 10px; border-radius:15px; border:1px solid #848484;}
.stockListFilterBtn a .icon{width:22px; height:18px; background-image:url("../img/frontIconset.png"); background-position:-256px -56px; margin:4px 5px 0px 0px;}
.stockListFilterBtn.open a .icon{background-position:-396px -56px;}
.stockListFilterBtn.open a{color:var(--colorHi1); border:1px solid var(--colorHi1);}
.stockListFilterBtn a .text{font-size:16px; font-weight:700; margin-top:2px;}
.stockListText{font-size:16px; font-weight:700; margin-top:6px;}
.contentsListRightTopOrderBtn a{padding:5px 25px 5px 15px; border:1px solid #848484; font-size:14px; font-weight:700; border-radius:15px;}
.contentsListRightTopOrderBtn a:before, .contentsListRightTopOrderBtn a:after{position:absolute; content:''; width:6px; height:2px; background-color:#000000; margin-top:10px;}
.contentsListRightTopOrderBtn a:before{transform:rotate(45deg); right:10px;}
.contentsListRightTopOrderBtn a:after{transform:rotate(-45deg); right:6px;}
.contentsListRightTopOrderList{position:absolute; left:0px; top:30px; width:100%; background-color:#ffffff; box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.2); margin-top:5px; display:none;}
.contentsListRightTopOrderListBtn a{padding:5px 5px; font-size:14px;}
.contentsListRightTopOrderListBtn.selected a{color:var(--colorHi1); cursor:default; pointer-events:none;}
.stockListTopRightAll.open .contentsListRightTopOrderList{display:block;}

/* 하단 */
.stockListBottomAll{width:100%; min-height:calc(100vh - 400px); padding-top:53px; height:auto; z-index:10;}
.stockListBottomContainer{width:100%; min-height:calc(100vh - 430px); height:auto;}
.stockListContentsAll{width:100%; height:auto; background-color:#ffffff; z-index:10; display:flex; padding-right:4px; flex-wrap:wrap; transition:0.3s;}
.stockListBottomContainer.open .stockListContentsAll{width:calc(100% - 250px); margin-left:250px;}
.stockListContentsAll .listThumb{width:calc(100% / 6 - 5px); margin:2px;}
.stockListNone{width:100%; height:40px; text-align:center; font-size:14px; font-weight:700; display:table;}

/* 필터 */
.stockListBottomLeftAll{position:absolute; width:250px; height:100%; left:-250px; top:0px; padding:10px; z-index:20; background-color:#ffffff; transition:left 0.3s;}
.stockListBottomContainer.open .stockListBottomLeftAll{left:0px;}
.stockListBottomFilterAll{width:100%; height:auto; overflow-y:auto; position:sticky; top:230px;}
.filterInitBtn{margin-bottom:20px; text-align:right;}
.filterInitBtn a{font-size:16px;}
.filterInitBtn a:hover{color:var(--colorHi1);}
.filterCheckboxContainer{width:100%; font-size:16px; margin-bottom:10px;}
.filterCheckbox{position:relative; top:1px; margin:0px 5px 0px 0px; width:15px; height:15px;}
.filterLineContainer{width:100%; height:1px; background-color:#b8b8b8; margin-bottom:10px;}
.filterBoxTitle{font-size:16px; margin-bottom:5px;}
.listFilterKeywordContainer{width:100%; height:30px; background-color:#c7c7c7; border-radius:15px;}
.listFilterInputText{width:100%; height:100%; padding:0px 15px; color:#555555; border:none; outline:none; background-color:rgba(0, 0, 0, 0);}
.listFilterKeywordBtn{position:absolute; top:2px; right:2px;}
.listFilterKeywordBtn a{width:26px; height:26px; color:#ffffff; background-color:var(--colorHi1); border-radius:50%; font-size:11px; text-align:center; padding-top:3px;}
.listFilterKeywordInfo{margin-top:5px; line-height:1.2em; opacity:0.6; padding-bottom:0px; font-size:14px;}

/* 페이징 */
.stockListBottomNaviAll{width:100%; height:70px; display:flex; justify-content:center; padding:20px 0px;}
.contentsListPageBtn{width:30px; height:30px; border:1px solid #595959; border-radius:5px;}
.contentsListPageBtn a{width:100%; height:100%;}
.contentsListPageBtn.disabled{opacity:0.5;}
.contentsListPageBtn.disabled a{cursor:default; pointer-events:none;}
.contentsListPageBtn a:before, .contentsListPageBtn a:after{width:10px; height:2px; position:absolute; content:''; background-color:#595959; margin:0px 0px 0px 8px;}
.contentsListPageBtn.prev a:before{transform:rotate(45deg); margin-top:16px;}
.contentsListPageBtn.prev a:after{transform:rotate(-45deg); margin-top:9px;}
.contentsListPageBtn.next a:before{transform:rotate(-45deg); margin-top:16px;}
.contentsListPageBtn.next a:after{transform:rotate(45deg); margin-top:9px;}
.contentsPage{width:30px; height:30px; border:1px solid #595959; outline:none; border-radius:5px; margin:0px 5px; text-align:center;}
.contentsListTotalPage{height:30px; display:table; margin-right:5px;}

/********************/
/***** 상세보기 *****/
/********************/
.detailViewAll{width:100%; height:auto; padding-top:110px; background-color:#ffffff; overflow-y:auto; color:#000000;}
.detailViewContainer{width:1500px; min-height:calc(100vh - 336px); margin:0 auto; padding:20px;}
.detailViewTopAll{width:100%; display:flex; justify-content:space-between;}
/* 영상 부분 */
.detailViewTopLeftAll{width:calc(100% - 320px);}
.detailViewVideoContainer{width:100%; height:auto; border-radius:20px; border-bottom-right-radius:0px; overflow:hidden;}
.detailViewTopLeftAll video{position:relative; width:100%; height:auto; left:0px; top:0px; transform:none;}
.detailViewBtnContainer{width:100%; display:flex; justify-content:center; margin-top:10px; z-index:10;}
.detailBtnContainer{width:150px; margin:0px 10px; font-size:16px;}
.detailViewBtn a{display:flex; justify-content:center; padding:5px 0px; border:1px solid #000000; border-radius:16px;}
.detailViewBtn a .icon{background-image:url("../img/frontIconset.png"); margin-top:3px; margin-right:5px; height:16px;}
.detailViewBtn.save a{color:var(--colorHi1); border:1px solid var(--colorHi1);}
.detailViewBtn.save a .icon{width:18px; background-position:-150px -150px;}
.detailViewBtn.save.selected a{color:#ffffff; background-color:var(--colorHi1); }
.detailViewBtn.save.selected a .icon{background-position:-200px -150px;}
.detailViewBtn.sample a .icon{width:16px; background-position:-250px -150px;}
.detailViewBtn.share a .icon{width:16px; background-position:-300px -150px;}
.detailShareContainer{position:absolute; left:0px; top:35px; width:100%; padding:5px; background-color:#ffffff; border:1px solid #d9d9d9; border-radius:10px; display:none;}
.detailShareContainer.show{display:block;}
.detailShareBtn{font-size:14px; width:100%; padding:5px 0px;}
.detailShareBtn a{width:100%; display:flex; opacity:0.7;}
.detailShareBtn a:hover{opacity:1;}
.detailShareBtn a .icon{width:24px; height:24px; background-image:url("../img/frontIconset.png"); margin-right:5px;}
.detailShareBtn a .text{margin-top:1px;}
.detailShareBtn.facebook a .icon{background-position:0px -450px;}
.detailShareBtn.twitter a .icon{background-position:-50px -450px;}
.detailShareBtn.copy a .icon{background-position:-100px -450px;}
#copyId, #copyUrl{width:100px; height:20px; border:none; padding:0px; position:absolute; left:0px; top:-1000px;}

/* 영상 우측 정보 부분 */
.detailViewTopRightAll{width:300px;}
.detailViewTitleText{font-size:20px; margin-bottom:10px;}
/* 회색 박스 부분 */
.detailPriceContainer{width:100%; border-radius:10px; background-color:#e1e1e1; padding:10px;}
.detailPriceAll{width:100%;}
.detailPrice{width:100%; text-align:right; font-size:28px; font-weight:700; margin:10px 0px 20px;}
.detailPriceTr{width:100%; display:flex; font-size:16px; padding:5px;}
.detailPriceTd.title{width:60%;}
.detailPriceTd.contents{text-align:right; font-weight:700; font-size:18px; width:40%;}
.stockLicenceInfoBtn{margin-top:5px;}
.stockLicenceInfoBtn a{color:#999999; display:flex;}
.stockLicenceInfoBtn a .icon{width:16px; height:16px; background-image:url("../img/frontIconset.png"); background-position:0px -350px; margin:2px 5px 0px 0px;}
.stockDetailBtn{width:100%; padding:10px 0px; text-align:center; border-radius:10px; font-size:16px; color:#ffffff; z-index:1; margin-top:10px;}
.stockDetailBtn a{color:#ffffff; display:flex; justify-content:center;}
.stockDetailBtn.cart{background-color:var(--colorHi1);}
.stockDetailBtn.cart.disabled{background-color:var(--colorGray1); cursor:default; pointer-events:none;}
.stockDetailBtn.cart .icon{width:20px; height:22px; background-image:url("../img/frontIconset.png"); background-position:-50px 0px;}
.stockDetailBtn.purchase{background-color:#727272;}
.stockDetailBtn.down, .stockDetailBtn.upgrade{background-color:var(--colorHi1);}
.stockDetailBtn.down .icon{width:23px; height:17px; background-image:url("../img/frontIconset.png"); background-position:-200px -100px; margin-right:5px; margin-top:2px;}
.stockDetailBtn.consulting{background-color:var(--colorHi1);}
.stockDetailBtn.down .stockDetailBtnTitle{display:flex; justify-content:center;}
.stockDetailBtn.down .btnContainer{display:flex; justify-content:center; margin-top:10px;}
.stockDetailDownBtn{width:50%; text-align:center;}
.stockDetailDownBtn a{font-size:15px;}
.stockDetailDownBtn:after{position:absolute; content:''; width:2px; height:11px; background-color:#ffffff; right:0px; top:6px;}
.stockDetailDownBtn:last-child:after{display:none;}
.stockDetailDownBtn a:hover{text-decoration:underline;}

/* 미리보기 북마크 */
.detailBookmarkContainer{width:100%; display:flex; flex-wrap:wrap; margin:10px 0px;}
.detailBookmark{width:calc(50% - 2px); height:auto; border-radius:10px; overflow:hidden;}
.detailBookmark:nth-child(1){margin:0px 1px 1px 0px;}
.detailBookmark:nth-child(2){margin:0px 0px 1px 1px;}
.detailBookmark:nth-child(3){margin:1px 1px 0px 0px;}
.detailBookmark:nth-child(4){margin:1px 0px 0px 1px;}
.detailBookmark a{width:100%; padding-top:calc((100% * (9 / 16))); border-radius:10px; overflow:hidden;}
.detailBookmark a .text{position:absolute; left:0px; bottom:0px; width:100%; text-align:center; padding:10px 0px 5px; background-image:linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); color:#ffffff;}
/* 관련 키워드 */
.detailKeywordAll{width:100%;}
.detailKeywordContainer{width:100%; display:flex; flex-wrap:wrap;}
.detailKeyword{padding:0px 10px; border:1px solid #6e6f6e; border-radius:16px; margin:3px 1px;}
/* 상세보기 컨트롤바 */
.controlbarAll{position:absolute; left:0px; bottom:0px; width:100%; height:45px; background-color:rgba(0, 0, 0, 0.8); z-index:4; display:flex; color:#ffffff;}
.controlbarLeft{display:flex; margin-top:7px; margin-left:10px;}
.controlbarCenter{margin:0px 10px; width:calc(100% - 0px); height:15px; margin-top:15px;}
.playBtn a{width:27px; height:29px; background-image:url("../img/frontIconset.png"); background-position:-50px -150px;}
.playBtn.pause a{background-position:0px -150px;}
.timeContainer{margin:4px 0px; width:100px; text-align:center;}
.controlbarRight{display:flex; margin-top:7px; margin-right:10px;}
.fullscreenBtn a{width:29px; height:30px; background-image:url("../img/frontIconset.png"); background-position:-100px -150px;}
.timebarAll{position:absolute; left:0px; top:0px; width:100%; height:100%; cursor:pointer;}
.timebarBg{position:absolute; left:0px; top:5px; width:100%; height:5px; background-color:#ffffff; pointer-events:none;}
.timebarTop{position:absolute; left:0px; top:5px; width:100%; height:5px; background-color:var(--colorHi1); pointer-events:none;}
#thumbVideo{position:absolute; left:0px; top:-4000px;}

/* 상세보기 중단 */
.detailViewMiddleAll{width:100%; margin-top:20px;}
.detailViewTr{width:100%; margin-top:20px;}
.detailViewTr.small{margin-top:10px;}
.detailViewTd.title{font-size:12px; color:#a4a4a4;}
.detailViewTd.contents.uploader{display:flex;}
.detailViewTr.id{font-size:20px; display:flex; margin-top:10px;}
.detailViewTr.id .title{color:#a3a3a3; font-weight:700;}
.detailViewTr.id .contents{margin:0px 10px;}
.detailIdCopyBtn a{width:12px; height:15px; background-image:url("../img/frontIconset.png"); background-position:-400px -100px; margin:4px 0px 0px 0px;}
.detailInfoTable{margin-top:20px;}
.detailInfoTable td{padding:0px 10px;}
.detailInfoTableHead{height:20px;}
.detailInfoTableHead td{font-size:12px; color:#a4a4a4;}
.detailInfoTableBody{height:25px;}
.detailInfoTableBody .title{font-size:16px; font-weight:700; padding-left:0px;}
.detailInfoProfile{width:30px; height:30px; border-radius:50%; margin-right:10px;}
.detailInfoId{display:table;}
.deatilViewMiddleTitle{font-weight:700; font-size:18px;}
.deatilViewMiddleTitleContainer{display:flex; justify-content:space-between;}
.deatilViewMiddleContentsContainer{width:100%; display:grid; grid-template-columns:repeat(7, auto); grid-template-rows:repeat(2, auto); grid-gap:4px; margin-top:10px;}
.relativeStock{width:100%; height:auto; border-radius:10px; overflow:hidden;}
.relativeStock a{width:100%; height:auto; border-radius:10px; overflow:hidden; padding-top:calc(100% * 9 / 16);}
.relativeStockContainer{position:absolute; left:0px; top:0px; width:100%; height:100%;}
.relativeStock.hover .relativeStockContainer.image{display:none;}
.deatilViewMiddleTitleBtn a{padding-right:12px;}
.deatilViewMiddleTitleBtn a:hover{color:var(--colorHi1);}
.deatilViewMiddleTitleBtn a:before, .deatilViewMiddleTitleBtn a:after{position:absolute; width:7px; height:2px; content:''; background-color:#000000; right:0px; margin-top:10px;}
.deatilViewMiddleTitleBtn a:hover:before, .deatilViewMiddleTitleBtn a:hover:after{background-color:var(--colorHi1);}
.deatilViewMiddleTitleBtn a:before{transform:rotate(-45deg); right:0px;}
.deatilViewMiddleTitleBtn a:after{transform:rotate(45deg); right:3px;}
.deatilViewMiddleTitleBtn.open a:before{transform:rotate(45deg);}
.deatilViewMiddleTitleBtn.open a:after{transform:rotate(-45deg);}

/**********************/
/***** 마이페이지 *****/
/**********************/
/* 공통 */
.wrapAllMiddle.myPage{background-color:#ffffff; color:#000000;}
.myPageAll{width:1000px; margin:0 auto; padding:30px 0px 0px 0px; min-height:calc(100vh - 306px); padding-right:10px;}
.myPageTitle{font-size:20px; font-weight:700; margin-bottom:30px;}
.myPageSubTitle{font-size:17px; font-weight:700; margin-bottom:10px;}
.myPageTr{width:100%; height:110px; display:flex;}
.myPageTr.head{height:40px; justify-content:space-between;}
.myPageTr.none{height:40px; display:table; font-size:16px; text-align:center;}
.myPageTr.single{height:40px;}
.myPageTr.ticket.none{border-top:2px solid var(--colorGray1); border-bottom:2px solid var(--colorGray1); font-size:14px;}
.myPageHeadTr{width:100%; height:40px; justify-content:space-between; display:flex;}
.myPageTd{display:table; text-align:center;}
.myPageTd.check{width:50px;}
.myPageTd.thumb{width:200px;}
.myPageTd.thumb img{width:90%; height:auto; border-radius:5px;}
.myPageLeftTr{width:250px; display:flex;}
.myPageRightTr{width:calc(100% - 250px); display:flex;}
.myPageRightTr1, .myPageRightTr2{width:50%; display:flex;}
.myPageRightTr .myPageTd{width:calc(100% / 3);}
.myPageRightTr.package .myPageTd{width:calc(100% / 2);}
.myPageHeadTr .myPageTd.admin{width:80px; text-align:center;}
.myPageContainer{width:100%; padding:10px; border:1px solid var(--colorGray1); border-radius:10px; margin-bottom:20px;}
.myPageSubTr{width:100%; height:40px; display:flex;}
.myPageSubTr.head{border-top:2px solid var(--colorGray1); border-bottom:2px solid var(--colorGray1); font-weight:700;}
.myPageSubTd{display:table; text-align:center; width:calc(100% / 5);}
.myPageCheckbox{position:relative; width:15px; height:15px;}
.myPageAdminBtn{width:100%; display:table-cell; vertical-align:middle;}
.myPageAdminBtn a{border:1px solid var(--colorHi1); border-radius:5px; color:var(--colorHi1); padding:3px 0px;}
.myPageAdminBtn a:hover{background-color:var(--colorHi1); color:#ffffff;}
.myPageSelect{width:90%; border:1px solid var(--colorGray1); outline:none;}
.myPageTr.single .myPageTd.title{width:100px; text-align:center; font-size:16px; font-weight:700;}
.myPageTr.single .myPageTd.contents{width:calc(100% - 100px); text-align:left;}

/* 장바구니 */
.cartDelBtn{background-color:#8d8d8d; width:80px; border-radius:5px; margin:0 auto;}
.cartDelBtn a{display:flex; color:#ffffff; justify-content:center; padding:3px 0px;}
.cartDelBtn a .icon{width:12px; height:12px; background-image:url("../img/frontIconset.png"); background-position:-100px -300px; margin:5px 3px 0px 0px;}
.cartTotalPriceAll{width:100%; height:80px; bottom:0px; background-color:var(--colorHi1); color:#ffffff; font-weight:700;}
.cartTotalPriceContainer{width:1000px; height:100%; margin:0 auto; display:flex; justify-content:center;}
.cartTotalPriceText{font-size:20px; display:table; margin-right:10px;}
.orderBtn{background-color:#ffffff; border-radius:10px; height:50px; display:table; margin-top:15px;}
.orderBtn a{display:table-cell; vertical-align:middle; padding:0px 50px; font-size:18px;}

/* 주문서 */
.myPageSubTr.orderTicket .myPageSubTd{width:calc(100% / 4);}
.myPageContainer.order{border:none;}
.myPageContainer.order.preOrder{border:1px solid var(--colorGray1);}
.myPageContainer.order:last-child{margin-bottom:0px;}
.myPageContainer.order .myPageSubTitle{font-size:15px;}
.myPageContainer.order .myPageLeftTr{width:200px;}
.myPageContainer.order .myPageRightTr{width:calc(100% - 200px);}
.myPageContainer.order.stock .myPageRightTr1{width:calc(100% / 5 * 3);}
.myPageContainer.order.stock .myPageRightTr2{width:calc(100% / 5 * 2);}
.myPageContainer.order.stock .myPageRightTr1 .myPageTd{width:calc(100% / 3);}
.myPageContainer.order.stock .myPageRightTr2 .myPageTd{width:calc(100% / 2);}
.myPageContainer.order.package .myPageRightTr .myPageTd, .myPageContainer.order.packageUpgrade .myPageRightTr .myPageTd{width:calc(100% / 3);}

/* 요금제 */
.myPageContainer.ticket{display:flex; justify-content:space-around; border:none;}
.ticketContainerAll{width:200px; border:1px solid var(--colorGray1); padding:10px; border-radius:10px;}
.ticketContainerAll.inUse{box-shadow:0px 0px 3px 3px rgba(226, 46, 33, 0.3);}
.ticketContainerTitle{font-size:18px; text-align:center; font-weight:700; }
.indexBannerPaymentLine{width:90%; height:1px; background-color:rgba(0, 0, 0, 0.2); margin:0 auto; margin-top:15px; margin-bottom:15px;}
.ticketContaienrBeforePrice{color:var(--colorHi1); text-align:center; font-size:12px; text-decoration:line-through;}
.ticketContaienrAfterPrice{color:var(--colorHi1); text-align:center; font-size:22px; font-weight:700; margin-bottom:10px; display:inline-block; width:100%;}
.ticketContainerInfo{margin:10px 0px; text-align:center; font-size:12px; line-height:1.4em;}
.ticketOrderBtn a{width:100%; padding:5px 0px; text-align:center; border:1px solid #000000; border-radius:5px;}
.ticketOrderBtn a:hover{border:1px solid var(--colorHi1); color:var(--colorHi1);}
.ticketNowContainer{width:100%; padding:5px 0px; text-align:center; border:1px solid var(--colorHi1); color:var(--colorHi1); border-radius:5px;}

/* 라이선스 규정 */
h1.termsBig{font-size:16px; margin:15px 0px;}
h2.termsMiddle{font-size:15px; margin-bottom:7px; padding-left:30px; text-indent:-15px;}
h3.termsMiddle2{font-size:15px; margin-bottom:7px; padding-left:15px;}
h4.termsSmall{font-weight:400; font-size:14px; margin-bottom:7px; padding-left:38px; text-indent:-13px;}
h5.termsSmall2{font-weight:400; font-size:14px; margin-bottom:7px; padding-left:44px; text-indent:-9px;}
h1.licenseBig{font-size:20px; font-weight:700;}
h2.licenseSmall{font-size:16px; margin-bottom:7px; padding-left:15px; text-indent:-11px; font-weight:500;}
h2.licenseSmall:last-child{margin-bottom:30px;}
.note-dropdown-item h1, .note-dropdown-item h2, .note-dropdown-item h3, .note-dropdown-item h4, .note-dropdown-item h5{margin:0; padding:0; text-indent:0px;}
.licenseTable{width:100%; border-spacing:0; border-collapse:collapse;}
.licenseTable tr.head{height:40px; text-align:center; font-weight:700;}
.licenseTable tr.contents td{padding:10px 5px; border:1px solid var(--colorGray1);}
.licenseTable tr.head td{border-top:2px solid var(--colorHi1); border-bottom:2px solid var(--colorHi1); border-right:1px solid var(--colorHi1); border-left:1px solid var(--colorHi1);}
.licenseTable tr.last td{border-bottom:2px solid var(--colorHi1);}
.licenseTable td.title{width:150px; text-align:center; border-left:none !important;}
.licenseTable td.license{width:120px; text-align:center; border-right:none !important;}
.licenseTable td.detailTitle{width:calc(100% - 390px);}

/* 내 정보 */
.myInfoAll{width:100%; min-height:calc(100vh - 226px); padding:30px 0px;}
.myInfoLeftAll{position:absolute; width:200px; height:100%; left:0px; top:0px; padding:10px; z-index:20; background-color:#ffffff; transition:left 0.3s; box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.3);}
.myInfoRightAll{width:calc(100% - 200px); height:auto; background-color:#ffffff; z-index:10; margin-left:200px; transition:0.3s; padding:0px 10px;}
.myInfoLeftMenuAll{width:100%; overflow-y:auto; position:sticky; top:90px;}
.myInfoLeftProfileContainer{width:100%;}
.myInfoLeftProfileImage{width:80px; height:80px; margin:0 auto; border-radius:50%; overflow:hidden;}
.myInfoLeftProfileName{width:100%; font-size:16px; font-weight:700; text-align:center; margin-top:10px;}
.myInfoLeftMenuContainer{width:100%; margin-top:20px;}
.myInfoLeftMenu.big a{display:flex; padding:10px 0px;}
.myInfoLeftMenu.big a .icon{width:15px; height:16px; background-image:url("../img/frontIconset.png"); margin-right:5px; margin-top:3px;}
.myInfoLeftMenu.big a .text{font-size:16px; font-weight:500;}
.myInfoLeftMenu.big.profile a .icon{background-position:-50px -350px;}
.myInfoLeftMenu.big.purchase a .icon{background-position:-100px -350px;}
.myInfoLeftMenu.big a:hover .text, .myInfoLeftMenu.big.selected a .text{color:var(--colorHi1);}
.myInfoLeftMenu.big.profile a:hover .icon, .myInfoLeftMenu.big.profile.selected a .icon{background-position:-150px -350px;}
.myInfoLeftMenu.big.purchase a:hover .icon, .myInfoLeftMenu.big.purchase.selected a .icon{background-position:-200px -350px;}
.myInfoLeftMenu.small a{padding:5px 0px; font-size:14px; padding-left:20px;}
.myInfoLeftMenu.small a:hover, .myInfoLeftMenu.small.selected a{color:var(--colorHi1);}
.myInfoLeftMenu.selected a{cursor:default; pointer-events:none;}
.myInfoContentsAll{width:100%; margin-top:20px;}
.myInfoTr{width:100%; display:flex; padding:10px 0px; border-bottom:1px solid var(--colorGray1);}
.myInfoTr:nth-child(2){border-top:1px solid var(--colorGray1); margin-top:20px;}
.myInfoTr:last-child{border-bottom:none;}
.myInfoTd.title{width:130px; text-align:center; display:table;}
.myInfoTd.contents{width:calc(100% - 230px); padding-left:20px;}
.myInfoInputText{width:100%; border:none; outline:none; border-bottom:1px solid var(--colorGray1); font-size:14px; padding:0px;}
.myInfoTd.contents .input{display:none;}
.myInfoTr.edit .myInfoTd.contents .input{display:block;}
.myInfoTr.edit .myInfoTd.contents .text{display:none;}
.myInfoTd.contents .input.pw{height:40px;}
.myInfoTd.contents .input.pw .myInfoInputText{height:100%;}
.myInfoTd.contents .input.smallText{margin-top:10px; font-size:12px;}
.myInfoTd.admin{width:100px; display:flex; justify-content:space-around;}
.myInfoTextBtn{display:table;}
.myInfoTextBtn a{display:table-cell; vertical-align:middle;}
.myInfoTextBtn.save a, .myInfoTextBtn.edit a{color:#0000ff;}
.myInfoTextBtn a:hover{color:var(--colorHi1);}
.myInfoTextBtn.save, .myInfoTextBtn.cancle{display:none;}
.myInfoTr.edit .myInfoTextBtn.save, .myInfoTr.edit .myInfoTextBtn.cancle{display:table;}
.myInfoTr.edit .myInfoTextBtn.edit, .myInfoTr.edit .myInfoTextBtn.delete{display:none;}
.myInfoTextBtn.disabled{display:none !important;}
.myInfoProfile{width:80px; height:80px; border-radius:50%; overflow:hidden;}
label[for=profileImg]{height:100%; cursor:pointer; color:#0000ff;}
label[for=profileImg]:hover{color:var(--colorHi1);}
.popupAll.pwChange .popupContentsAll{width:500px;}
.popupChangeTr{width:100%; height:40px; display:flex;}
.myPageTextContents{margin-bottom:10px;}
.quitBtn a{color:#0000ff; font-size:16px;}
.myInfoSearchAll{padding:5px; border:1px solid var(--colorGray1); border-radius:10px; display:flex; flex-wrap:wrap; margin-bottom:10px;}
.myInfoSearchLeft{width:calc(100% / 8 * 5); display:flex; flex-wrap:wrap;}
.myInfoSearchLeft1{width:calc(100% / 5 * 3); display:flex;}
.myInfoSearchLeft2{width:calc(100% / 5 * 2); display:flex;}
.myInfoSearchRight{width:calc(100% / 8 * 3);}
.myInfoSearchRight .myInfoSearch{width:100%; height:30px; display:flex;}
.myInfoSearchLeft1 .myInfoSearchContainer{width:calc(100% / 3);}
.myInfoSearchLeft2 .myInfoSearchContainer{width:calc(100% / 2);}
.myInfoSearchTitle{margin-bottom:5px; font-weight:700; margin-left:3px;}
.myInfoSearchContainer .myPageSelect{width:calc(100% - 5px); padding:0px 0px; height:30px;}
.myInfoSearchContainer .title{margin:0px 5px 0px 0px; height:30px; display:table;}
.myInfoSearchContainer.searchWord{width:calc(100% / 3 * 2);}
.myInfoSearchContainer.btn{width:calc(100% / 3);}
.myInfoSearchContainer.btn .myInfoSearch{display:flex;}
.myInfoSearchBtn{display:table; height:30px; margin-left:5px;}
.myInfoSearchBtn a{display:table-cell; vertical-align:middle; padding:0px 10px; border:1px solid var(--colorHi1); color:var(--colorHi1); border-radius:5px;}
.myInfoSearchBtn a:hover{background-color:var(--colorHi1); color:#ffffff;}
.myInfoSearchBtn.gray a{border:1px solid var(--colorGray2); color:var(--colorGray2);}
.myInfoSearchBtn.gray a:hover{background-color:var(--colorGray2); color:#ffffff;}
.myInfoPurchaseTr{width:100%; display:flex;}
.myInfoPurchaseTr.head{height:40px; font-size:15px; font-weight:700; border-top:2px solid var(--colorGray1); border-bottom:2px solid var(--colorGray1); text-align:center;}
.myInfoPurchaseTr.none{height:40px; display:table; text-align:center; border-bottom:2px solid var(--colorGray1);}
.myInfoPurchaseTr.contents{border-bottom:1px solid var(--colorGray1); height:100px;}
.myInfoPurchaseTr.contents.last{border-bottom:2px solid var(--colorGray1);}
.myInfoPurchaseSubTr{display:flex;}
.myInfoPurchaseSubTr.stockLeft{width:330px;}
.myInfoPurchaseSubTr.stockRight{width:calc(100% - 330px);}
.myInfoPurchaseSubTr.stockRight1{width:calc(100% / 5 * 3);}
.myInfoPurchaseSubTr.stockRight2{width:calc(100% / 5 * 2);}
.myInfoPurchaseSubTr .myPageSelect{width:auto;}
.myInfoPurchaseTd{display:table;}
.myInfoPurchaseTd.thumb{width:180px;}
.myInfoPurchaseTd.thumb img{height:90%; width:auto; border-radius:10px;}
.myInfoPurchaseTd.id{width:150px; text-align:center;}
.myInfoPurchaseSubTr.stockRight1 .myInfoPurchaseTd{width:calc(100% / 3); text-align:center;}
.myInfoPurchaseSubTr.stockRight2 .myInfoPurchaseTd{width:50%; text-align:center;}
.myInfoDownBtnContainer{position:absolute; left:50%; top:20px; transform:translateX(-50%); background-color:#ffffff; border:1px solid var(--colorGray1); border-radius:5px; display:none; z-index:10;}
.myInfoDownBtn a{padding:3px 10px; font-size:13px;}
.myInfoPurchaseBtn.upgrade a, .myInfoPurchaseBtn.down a{color:var(--colorHi1);}
.myInfoPurchaseBtn a:hover, .myInfoPurchaseBtnContainer.open .myInfoPurchaseBtn a, .myInfoDownBtn a:hover{text-decoration:underline;}
.myInfoPurchaseBtnContainer.open .myInfoDownBtnContainer{display:block;}
.myInfoPurchaseSubTr.packageLeft{width:180px;}
.myInfoPurchaseSubTr.packageRight{width:calc(100% - 180px);}
.myInfoPurchaseSubTr.packageRight1{width:calc(100% - 450px);}
.myInfoPurchaseSubTr.packageRight2{width:450px;}
.myInfoPurchaseSubTr.packageRight2 .myInfoPurchaseTd{width:calc(100% / 3);}
.myInfoOrderContainer{width:100%; display:flex; margin-bottom:5px;}
.myInfoOrderBtn{margin-right:20px;}
.myInfoOrderBtn a:after{position:absolute; width:2px; height:10px; content:''; margin:6px 0px 0px 8px; background-color:#000000;}
.myInfoOrderBtn:last-child a:after{display:none;}
.myInfoOrderBtn.selected a, .myInfoOrderBtn a:hover{color:var(--colorHi1);}
.myInfoOrderBtn.selected a{cursor:default; pointer-events:none;}
.myInfoSearchAll.package .myInfoSearchLeft, .myInfoSearchAll.package .myInfoSearchRight{width:50%;}
.myInfoSearchAll.package .myInfoSearchLeft .myInfoSearchContainer{width:calc(100% / 3);}
.myInfoPurchaseSubTr.packageRight .myInfoPurchaseTd{text-align:center;}
.myInfoPurchaseTd.name{width:100%; text-align:left !important;}
.myInfoPurchaseTr.head .myInfoPurchaseTd.name{text-align:center !important;}
.myInfoPurchaseTr.ticket{height:40px;}
.myInfoPurchaseTr.ticket{border-bottom:1px solid var(--colorGray1); height:40px; text-align:center;}
.myInfoPurchaseTr.ticket.last{border-bottom:2px solid var(--colorGray1);}
.myInfoPurchaseSubTr.ticketLeft{width:200px;}
.myInfoPurchaseSubTr.ticketRight{width:calc(100% - 200px);}
.myInfoPurchaseSubTr.ticketRight1{width:calc(100% / 7 * 3);}
.myInfoPurchaseSubTr.ticketRight2{width:calc(100% / 7 * 4);}
.myInfoPurchaseSubTr.ticketRight1 .myInfoPurchaseTd{width:calc(100% / 3);}
.myInfoPurchaseSubTr.ticketRight2 .myInfoPurchaseTd{width:calc(100% / 4);}
.myInfoPurchaseTd.title{text-align:center; width:100%;}
.popupAll.ticketUsePopup .popupContentsAll{width:1000px; max-height:calc(100vh - 120px); overflow-y:auto;}
.popupSmallTitle{font-size:16px; font-weight:700; margin-bottom:5px;}
.popupTicketInfoTrAll{margin-bottom:20px;}
.popupTicketInfoTr{width:100%; display:flex; flex-wrap:wrap; height:40px; border-bottom:1px solid var(--colorGray1); text-align:center;}
.popupTicketInfoTr.top{border-top:2px solid var(--colorGray1);}
.popupTicketInfoTr.last{border-bottom:2px solid var(--colorGray1);}
.popupTicketInfoLeftTr{width:calc(100% / 7 * 4); display:flex;}
.popupTicketInfoRightTr{width:calc(100% / 7 * 3); display:flex;}
.popupTicketInfoTd{display:table;}
.popupTicketInfoRightTr .popupTicketInfoTd{width:calc(100% / 3);}
.popupTicketInfoLeftTr .popupTicketInfoTd{width:calc(100% / 4);}
.popupTicketInfoTr.purchaseContainer{width:100%; height:auto; display:block; border-bottom:none;}
.popupTicketInfoTr.purchaseContainer.noData{height:40px; display:table; border-bottom:2px solid var(--colorGray1); text-align:center;}
.popupTicketInfoTr.purchase .popupTicketInfoTd{width:calc(100% / 4); text-align:center;}
.popupTicketInfoTr.purchase.last{border-bottom:2px solid var(--colorGray1);}
.popupTicketInfoTd.admin.open .myInfoDownBtnContainer{display:block; top:calc(50% + 10px);}
.popupTicketInfoTr.purchase{height:100px;}
.popupTicketInfoTr.purchase img{width:auto; height:90%;}
.popupTicketInfoTr.purchase.top{height:40px;}
.popupTicketInfoNaviContainer{width:100%; display:flex; justify-content:center; padding:5px 0px;}
.popupTicketInfoNavi a{margin:1px 5px; font-size:13px;}
.popupTicketInfoNavi.selected a{font-size:15px; cursor:default; pointer-events:none; margin-top:0px;}
.popupTicketInfoNavi.selected a, .popupTicketInfoNavi a:hover{color:var(--colorHi1);}

/* 저장된 컨텐츠 */
.myInfoSearchAll.folder .myInfoSearchRight{width:100%;}
.myInfoSearchBtn.red a{background-color:var(--colorHi1); color:#ffffff;}
.myInfoSearchBtn.red a:hover{background-color:var(--colorHi1); color:#ffffff;}
.myLikeOrderAll{width:100%; display:flex; justify-content:space-between;}
.myLikeFolderAll{width:100%; display:flex; flex-wrap:wrap; margin-top:10px;}
.myLikeFolderContainer{width:calc(100% / 4 - 10px); margin:5px; border:1px solid var(--colorGray1); border-radius:10px; overflow:hidden;}
.myLikeFolderTop{width:100%; height:auto; overflow:hidden; padding-top:calc(100% * 9 / 16);}
.myLikeFolderImg{width:100%; height:100%; overflow:hidden; position:absolute; left:0px; top:0px;}
.myLikeFolderTopInfo{position:absolute; left:0px; top:0px; width:100%; height:30px; background-image:linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); display:flex; justify-content:space-between; padding:5px; color:#ffffff; pointer-events:none;}
.myLikeFolderBottomInfo{position:absolute; left:0px; bottom:0px; width:100%; height:30px; background-image:linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); display:flex; justify-content:flex-end; padding:5px; color:#ffffff; pointer-events:none;}
.myLikeFolderNum{display:flex;}
.myLikeFolderNum .icon{width:16px; height:12px; margin:2px 5px 0px 0px; background-image:url("../img/frontIconset.png"); background-position:0px -500px;}
.myLikeFolderNum .text{margin:-3px 0px 0px 0px;}
.myLikeFolderLock{width:12px; height:16px; background-image:url("../img/frontIconset.png"); background-position:-50px -500px;}
.myLikeFolderBottom{width:100%; display:flex;}
.myLikeFolderInfoNameContainer{width:100%; height:30px; margin:5px 0px; padding:0px 5px; font-weight:700;}
.myLikeFolderInfoName{width:100%; height:100%; display:table;}
.myLikeFolderInfoNameInput{width:100%; display:none; height:100%; padding:5px 0px;}
.myLikeName{width:100%; outline:none; border:none; border-bottom:1px solid var(--colorGray1); height:100%; font-size:14px; padding:0px;}
.myLikeFolderAdminBtnContainer{position:absolute; right:15px; bottom:5px; padding:5px; width:74px; background-color:#ffffff; box-shadow:0px 0px 3px 1px rgba(0, 0, 0, 0.1); border-radius:5px; display:none;}
.myLikeFolderInfoBtnConatiner.open .myLikeFolderAdminBtnContainer{display:block;}
.myLikeFolderAdminBtn a{font-size:13px;}
.myLikeFolderAdminBtn a:hover{color:var(--colorHi1);}
.myLikeFolderBottom.edit .myLikeFolderInfoName, .myLikeFolderBottom.edit .myLikeFolderInfoBtnConatiner{display:none;}
.myLikeFolderBottom.edit .myLikeFolderInfoNameInput{display:flex;}
.myLikeFolderInfoBtnConatiner{width:15px; height:30px; margin:5px 0px;}
.myLikeFolderInfoAdminBtn{width:100%; height:100%; padding:5px 0px;}
.myLikeFolderInfoAdminBtn a{width:100%; height:100%; display:flex; justify-content:space-around; flex-direction:column; pointer-events:auto;}
.myLikeFolderInfoAdminBtn .dot{width:3px; height:3px; border-radius:50%; background-color:var(--colorGray2); margin-left:6px;}
.myLikeFolderAdminBtn.save, .myLikeFolderAdminBtn.cancle{margin:0px 5px;}
.myLikeFolderAdminBtn.save a, .myLikeFolderAdminBtn.cancle a{width:16px; height:16px; background-image:url("../img/frontIconset.png");}
.myLikeFolderAdminBtn.save a{background-position:-150px -500px;}
.myLikeFolderAdminBtn.save a:hover{background-position:-350px -500px;}
.myLikeFolderAdminBtn.cancle a{background-position:-200px -500px;}
.myLikeFolderAdminBtn.cancle a:hover{background-position:-400px -500px;}

/* 폴더 */
.popupAll.newFolder .popupContentsAll, .popupAll.password .popupContentsAll{width:500px;}
.popupContentsTr{width:100%; display:flex; height:40px; border-bottom:1px solid var(--colorGray1);}
.popupContentsTr:first-child{border-top:2px solid var(--colorGray1);}
.popupContentsTr:last-child{border-bottom:2px solid var(--colorGray1);}
.popupContentsTr.folderPw{border:none;}
.popupContentsTd{display:table; height:100%;}
.popupContentsTd.title{width:100px; font-weight:700; text-align:center;}
.popupContentsTd.contents{width:calc(100% - 100px);}
.popupContentsTr.folderPw .popupContentsTd.contents{width:100%;}
.newFolderInput{width:100%; padding:5px 5px; border:1px solid var(--colorGray1); outline:none;}
.popupContentsBtnContainer{width:100%; display:flex; justify-content:space-around; margin-top:10px;}
.popupContentsBtn a{padding:3px 15px; border-radius:5px;}
.popupContentsBtn.white a{color:var(--colorHi1); border:1px solid var(--colorHi1);}
.popupContentsBtn.white a:hover{color:#ffffff; background-color:var(--colorHi1);}
.myLikeFolderContainer.stock .myLikeFolderTopInfo, .myLikeFolderContainer.package .myLikeFolderTopInfo{opacity:0; transition:opacity 0.3s;}
.myLikeFolderContainer.stock .myLikeFolderBottomInfo, .myLikeFolderContainer.package .myLikeFolderBottomInfo{opacity:0; transition:opacity 0.3s;}
.myLikeFolderContainer.stock .myLikeFolderTop:hover .myLikeFolderTopInfo, .myLikeFolderContainer.package .myLikeFolderTop:hover .myLikeFolderTopInfo{opacity:1;}
.myLikeFolderContainer.stock .myLikeFolderTop:hover .myLikeFolderBottomInfo, .myLikeFolderContainer.package .myLikeFolderTop:hover .myLikeFolderBottomInfo{opacity:1;}
.myLikeFolderBottom.detail{flex-wrap:wrap;}
.myLikeFolderBottom.detail .myLikeFolderInfoNameContainer{width:calc(100% - 15px);}
.myLikeDetailSubContainer{margin-bottom:5px; width:100%; display:flex; padding:0px 5px;}
.myLikeDetailSubContainer .icon{width:16px; height:16px; background-image:url("../img/frontIconset.png"); background-position:0px -550px; margin-right:5px;}
.myLikeDetailSubContainer .text{font-size:13px; margin-top:-3px;}
.myLikeFolderBtn{width:16px; height:16px;}
.myLikeFolderBtn a{width:100%; height:100%; background-image:url("../img/frontIconset.png"); pointer-events:auto;}
.myLikeFolderBtn.cart a{background-position:-50px -550px;}
.myLikeFolderBtn.cart.selected a{background-position:-150px -550px;}
.myLikeFolderBtn.down a{background-position:-100px -550px;}
#admBtnContainer{display:flex; justify-content:center; align-items:center; height:100%;}
.folderAdmBtn a{margin:0px 10px;}
.folderAdmBtn.move a{color:#0000ff;}
.folderAdmBtn a:hover{color:var(--colorHi1);}
.myLikeFolderResolutionContainer{position:absolute; right:25px; bottom:5px; background-color:#ffffff; padding:5px; border-radius:5px; box-shadow:rgba(0px, 0px, 1px, 1px, rgba(0, 0, 0, 0.3)); display:none;}
.myLikeFolderResolutionContainer.show{display:block;}
.myLikeFolderResolutionBtn a{padding:0px 5px; pointer-events:auto; font-size:13px;}
.myLikeFolderResolutionBtn a:hover{color:var(--colorHi1);}
.likeFolderNaviAll{width:100%; display:flex;}
.likeFolderNaviContainer{width:calc(100% / 3);}
.likeFolderNaviContainer:last-child{display:flex; justify-content:flex-end;}
.likeFolderNaviBackBtn{height:30px; margin:20px 0px;}
.likeFolderNaviBackBtn a{padding:3px 15px; border-radius:5px; color:var(--colorGray2); border:1px solid var(--colorGray2);}
.likeFolderNaviBackBtn a:hover{background-color:var(--colorGray2); color:#ffffff;}

.popupAll.savePopup .popupContentsAll{width:500px;}
.popupSaveFolderAll{width:100%; height:auto; max-height:calc(100vh - 200px); overflow-y:auto;}
.popupSaveFolderTr a{width:100%; display:flex; padding:10px 0px; font-size:15px;}
.popupSaveFolderTr a .saveCheckbox{width:15px; height:15px; padding:0px; margin:0px; margin-right:5px;}
.popupSaveFolderTr a .text{margin-top:-4px;}
.popupSaveFolderAddAll{margin:10px 0px 0px 0px; width:100%; display:flex;}
.popupSaveFolderInput{width:100%; border:none; outline:none; border-bottom:1px solid var(--colorGray1);}

/* 결제 완료 */
.myPageSubTr.orderEnd .myPageSubTd{width:calc(100% / 3);}
.orderEndTitle{width:100%; text-align:center; font-size:20px; font-weight:700; padding-bottom:20px; line-height:1.3em;}
.myPageContainer.order.package.upgrade .myPageTd{width:calc(100% / 3);}
.myPageContainer.order.package.upgrade .myPageTd img{height:90%; width:auto;}
.orderEndBtnContainer{padding:0px 0px 20px 0px; width:100%; display:flex; justify-content:center;}
.orderEndBtn{margin:0px 20px;}
.orderEndBtn a{font-size:16px; font-weight:700;}
.orderEndBtn.my a{color:var(--colorHi1);}
.orderFailContainer{position:absolute; width:500px; left:50%; top:50%; transform:translateX(-50%) translateY(-50%);}

@media screen and (max-width:1520px){
	
}

@media screen and (max-width:1500px){
	.detailViewContainer{width:100%;}
}

@media screen and (max-width:1400px){
	.index_searchContainerAll{width:calc(100% - 20px);}
}

@media screen and (max-width:1300px){
	
}

@media screen and (max-width:1200px){
	/* footer */
	.footerContents{width:100%; padding:0px 10px;}
	.footerContainer{margin:0px;}
}

@media screen and (max-width:1100px){
	/* 리스트 페이지 */
	.stockListContentsAll .listThumb{width:calc(100% / 5 - 5px);}
	
	.myInfoSearchRight, .myInfoSearchLeft{width:100%;}
	.myInfoSearchRight{margin-top:5px;}
	.myInfoSearchRight .myInfoSearchTitle{display:none;}
	.myInfoSearchAll.package .myInfoSearchRight{margin-top:0px;}
	.myInfoSearchAll.package .myInfoSearchRight .myInfoSearchTitle{display:block;}
	
	/* footer */
	.footerContents{width:100%;}
	.footerContainer{margin:0px;}	
	
	.myInfoPurchaseTr.ticket{height:80px;}
	.myInfoPurchaseSubTr.ticketRight{flex-wrap:wrap;}
	.myInfoPurchaseSubTr.ticketRight1, .myInfoPurchaseSubTr.ticketRight2{width:100%;}
	.myInfoPurchaseSubTr.ticketRight1{border-bottom:1px solid var(--colorGray1);}
}

@media screen and (max-width:1059px){
	.index_packageContainerAll, .deatilViewMiddleContentsContainer{grid-template-columns:repeat(6, auto);}
}

@media screen and (max-width:1000px){
	/* footer */
	.footerMobile{display:flex; margin-bottom:20px;}
	.footerMobile .footerTextBtn{margin-right:30px;}
	.footerMobile .footerTextBtn:after{position:absolute; content:''; right:-15px; top:10px; width:2px; height:12px; background-color:rgba(255, 255, 255, 0.65);}
	.footerMobile .footerTextBtn:last-child:after{display:none;}
	.footerMobile .footerTextBtn a{font-size:14px;}
	.footerContainer.menu{display:none;}
	/* index - 무료 영상 */
	.freeStockContainer{width:100%;}
	/* 상세보기 */
	.detailViewContainer{padding-right:30px;}
	.detailViewTopAll{flex-wrap:wrap;}
	.detailViewTopLeftAll, .detailViewTopRightAll{width:100%;}
	.detailViewTopRightAll{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:20px;}
	.detailPriceAll{width:100%; top:50%; transform:translateY(-50%);}
	.detailPriceContainer{width:calc(100% - 320px);}
	.detailBookmarkContainer{width:300px;}
	.detailKeywordAll{margin-top:20px;}
	
	/**********************/
	/***** 마이페이지 *****/
	/**********************/
	/* 공통 */
	.myPageAll{width:100%;}
	.myInfoPurchaseSubTr.stockLeft{width:calc((330 * 100vw) / 1000);}
	.myInfoPurchaseSubTr.stockRight{flex-wrap:wrap; width:calc(100% - (330 * 100vw) / 1000);}
	.myInfoPurchaseSubTr.stockRight1, .myInfoPurchaseSubTr.stockRight2{width:100%; height:50%;}
	.myInfoPurchaseSubTr.stockRight2{border-top:1px solid var(--colorGray1);}
	.myInfoPurchaseTr.head{height:80px;}
	.myInfoPurchaseSubTr.stockRight2 .price{width:calc(100% / 3);}
	.myInfoPurchaseSubTr.stockRight2 .admin{width:calc(100% / 3 * 2);}
	.myInfoPurchaseTr.contents .admin{height:100%;}
	.myInfoPurchaseTr.contents .admin .middleText{display:flex; height:100%; align-items:center;}
	.myInfoPurchaseTr.contents .myInfoPurchaseBtn.upgrade, .myInfoPurchaseTr.contents .myInfoPurchaseBtnContainer{width:50%; margin:0px;}
	.myInfoPurchaseSubTr.packageRight .myInfoPurchaseBtn.upgrade{width:100%;}
	.myInfoPurchaseSubTr.packageRight{flex-wrap:wrap;}
	.myInfoPurchaseSubTr.packageRight1, .myInfoPurchaseSubTr.packageRight2{width:100%;}
	.myInfoPurchaseSubTr.packageRight1{border-bottom:1px solid var(--colorGray1);}
	.myInfoPurchaseTd.name{text-align:center !important;}
	
	.popupAll.ticketUsePopup .popupContentsAll{width:100%;}
}

@media screen and (max-width:909px){
	.index_packageContainerAll, .deatilViewMiddleContentsContainer{grid-template-columns:repeat(5, auto);}
}

@media screen and (max-width:900px){
	/* 최상단 메뉴바 */
	.wrapRight, .wrapLeft .wrapTopLeftBtnContainer{display:none;}
	/* 최상단 메뉴바 좌측 */
	.wrapLeft{position:absolute; left:0px; top:0px; padding:15px 20px; z-index:2;}
	.mobileMenuBtn{display:block; width:30px; height:30px;}
	.mobileMenuBtn a{display:flex; justify-content:space-around; flex-direction:column; width:100%; height:100%;}
	.mobileMenuBtnLine{width:100%; height:3px; background-color:#ffffff; transition:0.3s;}
	.mobileMenuBtn.open .mobileMenuBtnLine:nth-child(1){transform:rotate(45deg); top:9px;}
	.mobileMenuBtn.open .mobileMenuBtnLine:nth-child(2){opacity:0;}
	.mobileMenuBtn.open .mobileMenuBtnLine:nth-child(3){transform:rotate(-45deg); top:-11px;}
	/* 최상단 메뉴바 중앙 */
	.wrapCenter{width:100%; justify-content:center; z-index:1;}
	/* 최상단 메뉴바 우측 */
	.menuWrapMobile{display:block; position:absolute; width:100vw; height:calc(100vh - 60px); left:-100vw; top:60px; background-color:rgba(0, 0, 0, 0.9); padding:30px 0px; transition:left 0.3s;}
	.menuWrapMobile.open{left:0px;}
	.menuWrapMobileTop{width:100%;}
	.menuWrapMobileTop.unLogin{display:flex; justify-content:center;}
	.menuWrapMobileProfileImg{margin:0 auto; width:100px; height:100px; border-radius:50%; overflow:hidden;}
	.menuWrapMobileProfileName{font-weight:700; font-size:18px; margin-top:10px; width:100%; text-align:center;}
	.menuWrapMobileBtn{width:200px; margin:0px 10px;}
	.menuWrapMobileBtn a{font-size:18px; font-weight:700; padding:10px 0px 12px 0px; border:1px solid #ffffff; border-radius:20px; text-align:center; color:#ffffff;}
	.menuWrapMobileMenuContainer{width:100%; display:flex; flex-wrap:wrap;}
	.menuWrapMobileMenuContainer.my{margin-top:30px;}
	.menuWrapMobileMenuContainer.admin .menuWrapMobileMenu{width:calc(100% / 3);}
	.menuWrapMobileMenu{width:calc(100% / 3);}
	.menuWrapMobileMenu a{width:100%; color:#ffffff; margin-bottom:30px;}
	.menuWrapMobileMenu a .icon{width:32px; height:32px; background-image:url("../img/frontIconset.png"); margin:0 auto;}
	.menuWrapMobileMenu.admin a .icon{background-position:0px -400px;}
	.menuWrapMobileMenu.info a .icon{background-position:-50px -400px;}
	.menuWrapMobileMenu.purchase a .icon{background-position:-100px -400px;}
	.menuWrapMobileMenu.logout a .icon{background-position:-150px -400px;}
	.menuWrapMobileMenu.save a .icon{background-position:-200px -400px;}
	.menuWrapMobileMenu.cart a .icon{background-position:-250px -400px;}
	.menuWrapMobileMenu a .text{font-size:16px; text-align:center; margin-top:10px;}
	.menuWrapMobileMenuContainer.menu{width:100%; margin-top:30px; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff;}
	.menuWrapMobileMenuContainer.menu .menuWrapMobileMenu{width:50%;}
	.menuWrapMobileMenuContainer.menu .menuWrapMobileMenu.top{border-bottom:1px solid #ffffff;}
	.menuWrapMobileMenuContainer.menu .menuWrapMobileMenu.left{border-right:1px solid #ffffff;}
	.menuWrapMobileMenuContainer.menu .menuWrapMobileMenu a{text-align:center; font-size:16px; padding:20px 0px; margin:0px;}
	
	/* 리스트 페이지 */
	.stockListContentsAll .listThumb{width:calc(100% / 4 - 5px);}
}

@media screen and (max-width:800px){	
	/* footer */
	.footerContents{flex-wrap:wrap;}
	.footerContainer.common{width:100%;}
	.footerCenterAll{padding:0px; background-color:rgba(0, 0, 0, 0); color:#ffffff; opacity:0.65; display:flex;}
	.footerCenterAll .footerCenterText.big{font-size:12px; font-weight:500;}
	.footerCenterAll .footerCenterText.big:first-child{margin-right:5px;}
	.footerCenterAll .footerCenterText.big:first-child:after{content:':'; margin-left:5px;}
	
	/* 내 정보 */	
	.myInfoLeftMenuBtn{position:absolute; left:200px; top:0px; width:30px; height:30px;}
	.myInfoLeftMenuBtn a{width:30px; height:30px; /*border:1px solid var(--colorHi1); border-radius:50%;*/ background-color:#ffffff;}
	.myInfoLeftMenuBtn a:before, .myInfoLeftMenuBtn a:after{position:absolute; content:''; width:15px; height:2px; margin-left:8px; background-color:var(--colorHi1); transition:0.3s;}
	.myInfoLeftMenuBtn a:before{transform:rotate(-45deg); margin-top:18px;}
	.myInfoLeftMenuBtn a:after{transform:rotate(45deg); margin-top:8px;}
	/*.myInfoLeftMenuBtn a:hover{background-color:var(--colorHi1);}*/
	/*.myInfoLeftMenuBtn a:hover:before, .myInfoLeftMenuBtn a:hover:after{background-color:#ffffff;}*/
	.myInfoAll.menu .myInfoLeftMenuBtn{left:0px; top:0px;}
	.myInfoAll.menu .myInfoLeftMenuBtn a{border:none;}
	.myInfoAll.menu .myInfoLeftMenuBtn a:hover{background-color:#ffffff;}
	/*.myInfoAll.menu .myInfoLeftMenuBtn a:hover:before, .myInfoLeftMenuBtn a:hover:after{background-color:var(--colorHi1);}*/
	.myInfoAll.menu .myInfoLeftMenuBtn a:before{transform:rotate(45deg);}
	.myInfoAll.menu .myInfoLeftMenuBtn a:after{transform:rotate(-45deg);}
	.myInfoLeftAll{left:-200px;}
	.myInfoAll.menu .myInfoLeftAll{left:0px;}
	.myInfoRightAll{width:100%; margin-left:0px; padding-right:20px;}
	
	.myPageLeftTr{width:calc(250 * 100vw / 800);}
	.myPageRightTr{width:calc(100% - (250 * 100vw / 800)); flex-wrap:wrap;}
	.myPageRightTr1, .myPageRightTr2{width:100%; height:50%;}
	.myPageTr, .myPageRightTr1{border-bottom:1px solid var(--colorGray1);}
	.myPageTr:last-child{border-bottom:none;}
	.myPageContainer .myPageSubTr.contents.head{height:60px;}	
	
	.myInfoPurchaseTd.thumb img{width:95%; height:auto;}
}

@media screen and (max-width:759px){
	.index_packageContainerAll, .deatilViewMiddleContentsContainer{grid-template-columns:repeat(4, auto);}
}

@media screen and (max-width:700px){
	/* 리스트 페이지 */
	.stockListContentsAll .listThumb{width:calc(100% / 3 - 5px);}
	/* 이용권 */
	.myPageContainer.ticket{padding:10px 0px;}
	.ticketContainerAll{width:calc(100% / 3 - 10px);}	
}

@media screen and (max-width:609px){
	.index_packageContainerAll, .deatilViewMiddleContentsContainer{grid-template-columns:repeat(3, auto);}
}

@media screen and (max-width:600px){
	/* 리스트 페이지 */
	.stockListContentsAll .listThumb{width:calc(100% / 2 - 5px);}
	.myInfoSearchLeft1, .myInfoSearchLeft2{width:100%;}
	.myInfoSearchLeft2{margin-top:5px;}
}