@charset "UTF-8";

/*
	****************************** 공통 레이아웃 ******************************
*/
* {padding:0; margin:0; border:0; list-style: none;}

input:focus {outline:none !important;}

a {text-decoration:none; color:#1a1a1a; cursor:pointer;}
a:visited {text-decoration:none; color:#1a1a1a;}
a:link {text-decoration:none; color:#1a1a1a;}
a:active {text-decoration:none; color:#1a1a1a;}
a:hover {text-decoration:none; color:#000000;}

body {font-family: 'PretendardL'; color:#1a1a1a; line-height:1;}

.mobileNewLine {display:none;}


.showBlockPc {display:block !important;}
.showBlockM {display:none !important;}
.showInlineBlockPc {display:inline-block !important;}
.showInlinePc {display:inline !important;}
.showBlockMobile {display:none !important;}
.showInlineBlockMobile {display:none !important;}
.showInlineMobile {display:none !important;}


/*컨텐츠 넓이*/
.contentHWrap {width:100%; max-width:1280px; margin:0 auto; box-sizing: border-box;}
.contentVWrap {padding-top:120px; padding-bottom:120px;}
.contentVWrap.smallPadding {padding-top:50px;}


/*폰트 스타일*/
.boldText {font-family: 'PretendardM';}
.mainColorText {color:#ffa5aa;}



.cl_mainText { margin-bottom: 50px; text-align: center}
.cl_mainText .subText { font-size: 13px; color: #282828; font-family:'MontL'; margin-bottom: 10px; letter-spacing: 4px; opacity: 0.5}
.cl_mainText .mainText { font-size: 40px; color: #282828;font-family: 'PlayfairDisplayB';}
/*
    ****************************** 버튼 ******************************
*/




/*
    ****************************** 공통 컨텐츠 ******************************
*/

/*상단 배너*/
.topBanner {display:none; height:90px; background-image:url("/app/layout/web/images/topBanner.jpg"); background-size:cover; background-position:center center;}



/*공통 상단*/
/*검색창 추가시에 정렬 center로 주고, topMenu에 position top 사용*/
#commonTop {position: relative;display:flex; flex-direction: column; /*justify-content:center;*/ align-items: center; height:188px; padding-top: 65px;}
#commonTop .mainLogo { font-size:0;}
#commonTop .mainLogo .btnShowMobileMenu { display: none;}
/*#commonTop .mainLogo img {height: 60px;}*/

/*검색창 추가시에 top 사용*/
#commonTop .topMenu { position: absolute; /*top: 50px;*/ right: 0; ;font-size:16px; font-family: 'PretendardM';}
#commonTop .topMenu a {color:#282828;}
#commonTop .topMenu .vBar {display:inline-block; width:1px; height:14px; margin:0 5px; background-color:#cccccc;}

/*검색박스*/
#commonTop .searchArea { display: flex; align-items: center; justify-content: center; width: 100%; margin: 30px 0; }
#commonTop .searchArea .searchBox { width: 100%; max-width: 600px; display:flex; align-items: center; height:40px; font-size:14px; color:#808080;
    padding: 10px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 20px; }
#commonTop .searchArea .searchBox .searchHead {padding:0 10px;}
#commonTop .searchArea .searchBox input {flex:1; height:100%; font-size:14px; color:#1a1a1a; background-color:transparent;}

.fixedIcons {position:fixed; bottom:20px; right:20px; z-index:500;}
.fixedIcons ul {padding:0; margin:0; list-style:none;}
.fixedIcons ul li {margin-bottom:10px;}


/*GNB*/
/*#gnb {border-top:solid 1px #cccccc; border-bottom:solid 1px #cccccc;}*/
#gnb .contentHWrap {display:flex; justify-content: space-around; align-items: center; height:60px;}
#gnb .gnbList {display:flex; justify-content: space-around; align-items: center; width: 100%}
#gnb .list {position: relative ;display:inline-block; flex:1; font-size:20px; font-family: 'PlayfairDisplayB'; text-align:center; margin:0 20px; padding: 20px 0; }
#gnb .list a {color: #282828; width: 100%; height: 100%;display: block; }
#gnb .list:hover > a {font-family: 'PlayfairDisplayB'; color: #ff1a6c;}
#gnb .list > a.on {font-family: 'PretendardB';}
#gnb  .btnShowMobileMenu {display:none;}
#gnb .list:before {content: ''; position: absolute; bottom: 9px; left: 0; width: 100%; height: 1px; background-color: #ff1a6c; display: none;}
#gnb .list:hover:before {display: block;}

#gnb .list:hover .dethList { display: block;}

#gnb .dethList { display: none;position: absolute; top: 60px; left: 0; width: 100%; padding-left: 0; z-index: 10}
#gnb .dethList li { padding: 15px 0; font-family: 'PlayfairDisplayR'; font-size: 16px;}
#gnb .dethList li:nth-child(even){ background-color: #f4dde1;}
#gnb .dethList li:nth-child(odd){ background-color: #e8bac2;}


/*GNB 모바일*/
#gnb_m {display:none; border-top:solid 1px #cccccc; /*border-bottom:solid 1px #cccccc;*/}
#gnb_m .contentHWrap {display:flex; justify-content: space-around; align-items: center; /*height:60px;*/}
#gnb_m a {display:inline-block; flex:1; font-size:20px; font-family:MontR; text-align:center; margin:0 20px;}
#gnb_m a:hover {font-family: 'PretendardB';}
#gnb_m a.on {font-family: 'PretendardB';}
#gnb_m a.btnShowMobileMenu {display:none;}


/*모바일 메뉴*/
#mobileMenu {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:10; background-color: rgba(0,0,0,0.7);}
#mobileMenu .menuContentWrap {background-color:#282828; width: 90%; height: 100%; margin: 0 0 0 auto;  overflow-y: auto;}
#mobileMenu .closeButtonCell { position: absolute; top: 50%; transform: translateY(-50%) ; right: 15px;}
#mobileMenu .closeButtonCell i {font-size:20px; color:#fff;}
#mobileMenu .logoCell {position: relative; padding: 25px; box-sizing: border-box;}
#mobileMenu .logoCell img{ width: 132px;}
#mobileMenu .halfFullButton {padding-left:20px; padding-right:20px; border-bottom:solid 1px #cccccc; padding-bottom:15px;}
#mobileMenu ul.menu {list-style: none; padding-left:0; margin-top: 0;}
#mobileMenu ul.menu li:first-child { border-top: 1px solid #666;}
#mobileMenu ul.menu li {font-size:17px; color:#282828;  padding:12px 0 12px 25px; box-sizing: border-box; border-bottom:solid 1px #666; font-family: 'PretendardR';}
#mobileMenu ul.menu li a { color: #fff;}
#mobileMenu ul.menu.gnbList { margin-bottom: 40px;  }
#mobileMenu ul.menu.gnbList li { position: relative;}
#mobileMenu ul.menu.gnbList li.dethMenu:before { content: ''; position: absolute; top: 15px; right: 20px; background: url(/app/layout/web/images/gnbIcon_off.png) no-repeat; width: 13px; height: 7px; background-size: 13px 7px;}
#mobileMenu ul.menu.gnbList li.dethMenu.on:before {  background: url(/app/layout/web/images/gnbIcon_on.png) no-repeat;width: 13px; height: 7px; background-size: 13px 7px;}
#mobileMenu ul.menu.gnbList li.on > a{ color: #ff1a6d;}
#mobileMenu ul.menu.gnbList .dethList { padding-left: 0; display:none;}
#mobileMenu ul.menu.gnbList .dethList li { padding-left: 10px; box-sizing: border-box;}
#mobileMenu ul.menu.gnbList .dethList li:first-child { border-top: none; padding-top: 20px;}
#mobileMenu ul.menu.gnbList .dethList li:last-child { border:none;}
#mobileMenu ul.menu.gnbList .dethList li a { font-size: 13px; }
#mobileMenu ul.menu.gnbList li a { display: block; width: 100%}
#mobileMenu .mobileSearchArea {padding:10px; box-sizing: border-box;}
#mobileMenu .mobileSearchArea .box {border-radius:40px; display:flex; align-items: center; height:40px; font-size:15px; color:#808080; padding:10px; box-sizing: border-box; background-color:#f2f2f2;}
#mobileMenu .mobileSearchArea .box input {flex:1; height:100%; font-size:15px; color:#1a1a1a; padding-left:7px; box-sizing: border-box; background-color:transparent;}

#mobileMenu .mobileSearchArea .searchHead {font-family: 'PretendardL'; }
#mobileMenu .mobileSearchArea .searchHead i {margin: 0 13px;}


/*footer*/
#commonBottom {color:#d1d1d1; padding:110px 0; line-height:1.4; background-color:#1a1a1a;}
#commonBottom .contentHWrap {display:flex; justify-content: space-between; align-items: center;}
#commonBottom .footer {font-size:18px;}
#commonBottom .footer .footerLogo {margin-bottom:20px;}
#commonBottom .vLine {width:1px; height:180px; margin:0 20px; background-color:#d1d1d1;}
#commonBottom .cs .title {font-size:25px; margin-bottom:15px;}
#commonBottom .cs .title .eng {font-family:MontL;}
#commonBottom .cs .title .vBar {display:inline-block; width:1px; height:17px; margin:0 10px; background-color:#d1d1d1;}
#commonBottom .cs .tel {margin-bottom:20px;}
#commonBottom .cs .tel img {vertical-align: -2px; margin-right:5px;}
#commonBottom .cs .tel a {font-size:35px; font-family: 'PretendardB'; color:#ffa5aa;}
#commonBottom .cs .time {font-size:20px;}
#commonBottom .cs .time .boldText {font-family: 'PretendardB';}
#commonBottom .cs .time .darkText {color:#808080; font-size:18px;}
#commonBottom .cs .time > div {margin-bottom:8px;}

/* customer center page */
#customerCenter .cs {text-align:center;}
#customerCenter .cs .title {font-size:25px; margin-bottom:15px;}
#customerCenter .cs .title .eng {font-family:MontL;}
#customerCenter .cs .title .vBar {display:inline-block; width:1px; height:17px; margin:0 10px; background-color:#d1d1d1;}
#customerCenter .cs .tel {margin-bottom:20px; line-height:40px;}
#customerCenter .cs .tel img {vertical-align: -2px; margin-right:5px;}
#customerCenter .cs .tel a {font-size:35px; font-family: 'PretendardB'; color:#ffa5aa;}
#customerCenter .cs .email {font-size:20px; font-family: 'PretendardB'; line-height:30px;}
#customerCenter .cs .time {font-size:20px; margin-top:25px;}
#customerCenter .cs .time .boldText {font-family: 'PretendardB';}
#customerCenter .cs .time .darkText {color:#808080; font-size:18px;}
#customerCenter .cs .time > div {line-height:35px;}


#customerCenter .customerWrap { display: flex; justify-content: center;}
/*#customerCenter .customer { max-width: 620px; margin: 0 auto;}*/
#customerCenter .customer .textArea { display: flex; align-items: center; color: #282828;font-size: 30px; margin-bottom: 15px;}
#customerCenter .customer .textArea:last-child { margin-bottom: 0;}
#customerCenter .customer .textArea img { width: 33px;}
#customerCenter .customer .textArea .text { margin-left: 25px;}
#customerCenter .customer .textArea .text1 { position: relative;  font-family: 'PretendardB'; }
#customerCenter .customer .textArea .text2 { font-family: 'PretendardL'; }
#customerCenter .customer .textArea .text1 .info { position: absolute; bottom: -30px; left: 0; font-size: 20px; color: #b2b2b2; font-family: 'PretendardR';}

#customerCenter .customer .line { width: 100%; height: 1px; background-color: #ccc; margin: 50px 0;}

/*
    ****************************** 메인페이지 ******************************
*/

#mainPage {padding-top:0;}

/*랭킹*/
#mainPage .ranking {position:absolute; left:0; top:0; font-family:"NotoSansM"; text-align:center; line-height:55px; font-size:20px; width:50px; height:55px; background-color:#ff1a6c; color:#fff;}
#mainPage .ranking.pink {background-color:#ff1a6c;}


/*메인비주얼*/
/*.mainVisual {margin-bottom:0px;}
.mainVisual .swiper-slide {cursor:pointer; height:680px;  background-size:1920px auto; background-position: center top; background-repeat: no-repeat;}
.mainVisual .swiper-slide img {width:100%; display:none;}*/
.mainVisual .swiper-slide img { width: 100%}
.mainVisual .swiper-button-prev.swiper-button-white,
.mainVisual .swiper-button-next.swiper-button-white { color: #282828}
.mainVisual .swiper-button-prev.swiper-button-white { left: 45px;}
.mainVisual .swiper-button-next.swiper-button-white { right: 45px;}

/* 해시태그 */
#mainPage .hashTags .gridWrapper {margin-top:20px; overflow:hidden;}
#mainPage .hashTags .grid {display:flex; flex-wrap:wrap; padding:10px 0 0 10px; margin:-10px}
#mainPage .hashTags .grid .gridCell {
    box-sizing:border-box;
    width:calc(100% / 10);
    width:10%;
    border:0 solid transparent;
    border-width:0 10px 10px 0;
}
#mainPage .hashTags .grid .gridCell a {
    border:1px solid #e2e2e2;
    border-radius:10px;
    display:block;
    line-height:30px;
    text-align:center;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
#mainPage .hashTags .grid .gridCell.hidden {display:none;}
#mainPage .hashTags .grid .gridCell a:hover {color:#FFA5AA; border-color:#FFA5AA;}
#mainPage .hashTags .grid .gridCell a.on {background-color:#FFA5AA; color:#ffffff; border-color:#FFA5AA;}
#mainPage .hashTags .moreButton {display:inline-block; font-size:16px; margin-top:20px; margin-left:10px;}
#mainPage .hashTags .moreButton:hover {color:#FFA5AA;}
#mainPage .hashTags .hashSearchButton {display:inline-block; border:1px solid #FFA5AA; padding:5px 15px; font-size:16px; color:#FFA5AA; margin-top:20px; margin-left:10px;}
#mainPage .hashTags .hashSearchButton:hover {color:#FFA5AA; border:1px solid #FFA5AA; background-color:#FFA5AA; color:#ffffff;}


/* 메인 section */

/*#mainPage .section { margin-top: 100px;}*/
#mainPage .section1 { margin-top: 100px; margin-bottom: 100px;}
#mainPage .section .gridWrapper {overflow:hidden;}
#mainPage .section .grid {display:flex; flex-wrap:wrap; padding:10px 0 0 10px; margin:-10px}
#mainPage .section .grid .gridCell {
    box-sizing:border-box;
    width:calc(100% / 5);
    border:0 solid transparent;
    border-width:0 10px 10px 0;
    cursor: pointer;
    margin-bottom: 10px;
}
#mainPage .section .grid .gridCell .imgArea { position: relative; color: #fff; font-family:'MontR'; font-size: 13px;}
#mainPage .section .grid .gridCell .imgArea > img {width: 100%;}
#mainPage .section .grid .gridCell .imgArea .bg { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  justify-content: center; align-items: center; background-color: rgba(40,40,40,0.5);}
#mainPage .section .grid .gridCell .imgArea .bg .bgText { display: flex; justify-content: center; align-items: center;}
#mainPage .section .grid .gridCell .imgArea .bg .bgText .flex { margin-right: 15px;}
#mainPage .section .grid .gridCell .imgArea .bg .bgText .flex:last-child { margin-right: 0}
#mainPage .section .grid .gridCell .imgArea .bg .bgText .flex img { margin-right: 5px;}
#mainPage .section .grid .gridCell .imgArea .bg .bottomText { position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; display: flex;align-items: center; background-color: rgba(40,40,40,0.5); padding-left: 15px;box-sizing: border-box;}
#mainPage .section .grid .gridCell .imgArea:hover .bg { display: flex;}

#mainPage .section .bestTabBtn { display: flex; align-items: center; justify-content: center; gap: 100px;
    font-family: 'NotoSansL'; margin-top: 60px; padding: 20px 0; box-sizing: border-box; }
#mainPage .section .bestTabBtn .tabBtn.on a { border-bottom: 1px solid #000; }

#mainPage .section .pagination { margin-top: 70px;}
#mainPage .section .pagination i {color: #cccccc}
#mainPage .section .pagination a { color: #282828; font-family:'MontR'; }
#mainPage .section .pagination a.on { background-color: transparent; color: #ff1a6c; }



    /*정렬 드롭다운*/
#mainPage .sortArea {text-align:right; margin-top:20px; margin-bottom:20px;}
#mainPage .sortArea.newCategory {visibility:hidden;}


/*포토 그리드*/
#mainPage .photoArea {}
#mainPage .photoArea .gridWrapper {overflow:hidden;}
#mainPage .photoArea .grid {display:flex; flex-wrap:wrap; padding:10px 0 0 10px; margin:-10px}
#mainPage .photoArea .grid .gridCell {
    box-sizing:border-box;
    width:calc(100% / 5);
    border:0 solid transparent;
    border-width:0 10px 10px 0;
}
#mainPage .photoArea .photoCell {position:relative;  box-sizing: border-box; background-repeat: no-repeat; background-position: center; background-size:cover;}
#mainPage .photoArea .photoCell > img {width:100%;}
#mainPage .photoArea .photoCell .videoMark {position:absolute; top:50%; left:50%; margin-left:-30px; margin-top:-30px; width:60px; opacity:0.5;}
#mainPage .photoArea .photoCell .overCell {
    position: absolute;
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size:14px;
    color:#ffffff;
    cursor:pointer;
    background-color: rgba(26, 26, 26, 0.6);
    z-index:10;
}
#mainPage .photoArea .photoCell .overCell i {margin-right:3px;}
#mainPage .photoArea .photoCell .overCell .vBar {width:1px; height:12px; margin:0 8px; background-color:rgba(255,255,255,0.5);}
#mainPage .photoArea .photoCell:hover .overCell {display:flex;}
#mainPage .photoArea .photoCell .overCell .bottomLayout {
    position: absolute;
    box-sizing: border-box;
    padding-left:10px;
    padding-right:10px;
    display: flex;
    justify-content: start;
    align-items: center;
    width: 100%;
    height: 15%;
    text-align:left;
    left: 0;
    bottom: 0;
    font-size:16px;
    color:#ffffff;
    cursor:pointer;
    background-color: rgba(26, 26, 26, 0.6);
    z-index:10;
}
#mainPage .photoArea .photoCell .ranking {position:absolute; left:0; top:0; font-family:"NanumGothic"; text-align:center; line-height:30px; font-size:12px; width:35px; height:35px; background-color:#000; color:#fff;}
#mainPage .photoArea .photoCell .ranking.pink {background-color:#000;}
#mainPage .photoArea .gridCell .productName {font-family: 'PretendardB'; text-align:center; margin-top:10px; margin-bottom:15px; font-size:16px;}


/*포토 상세보기 팝업*/
#photoDetailPopup {position:fixed; display:none; flex-direction: column; top:0; left:0; width:100%; height:100%; justify-content: center; align-items: center; z-index:100; background-color:rgba(0,0,0,0);}
#photoDetailPopup .popupWinWrap {width:95%; max-width:1100px; max-height:95vh; border:solid 1px #808080; box-sizing: border-box;}
#photoDetailPopup .popupTopBar {width:100%; height:25px; color:#ffffff; text-align:right; background-color:#c1c1c1;}
#photoDetailPopup .popupTopBar .mobileClose {display:none;}
#photoDetailPopup .popupTopBar .photoTitle {display:none;}
#photoDetailPopup .popupTopBar .modelNum { display: none;}
#photoDetailPopup .popupTopBar .mobileCLoseBtn { display: none;}
#photoDetailPopup .popupTopSubBar {width:100%; height:20px; background-color:white;}
#photoDetailPopup .popupTopBar .btnCloseCSPopup {font-size:25px; /*margin-right:5px;*/ cursor:pointer;}
#photoDetailPopup .popupWin {position:relative; width:100%; max-height:calc(95vh - 42px); padding:40px; box-sizing: border-box; overflow-y:auto; overflow-x:hidden; box-shadow: 13px 13px 15px rgba(0,0,0,0.1); background-color:#ffffff;}
#photoDetailPopup .popupWin .photoArea {display:flex; margin-bottom:15px;}
#photoDetailPopup .popupWin .photoArea .largeImage {flex:1; border:solid 1px #cccccc; box-sizing: border-box; background-repeat: no-repeat; background-position:center; background-size:contain;}
#photoDetailPopup .popupWin .photoArea .largeImage img {width:100%;}
#photoDetailPopup .popupWin .photoArea .largeImage video {width:100%; max-height:500px;}
#photoDetailPopup .popupWin .photoArea .thumbImage {width:260px; margin-left:40px;}
#photoDetailPopup .popupWin .photoArea .thumbImage .gridWrapper {overflow:hidden;}
#photoDetailPopup .popupWin .photoArea .thumbImage .grid {display:flex; flex-wrap:wrap; padding:1px 0 1px 0; margin:-1px}
#photoDetailPopup .popupWin .photoArea .thumbImage .grid .gridCell {
    box-sizing:border-box;
    width:calc(100% / 2);
    border:0 solid #cccccc;
    border-width:0 1px 1px 0;
}
#photoDetailPopup .popupWin .photoArea .thumbImage {position:relative; border:solid 1px #cccccc;}
#photoDetailPopup .popupWin .photoArea .thumbImage .selectAllCell {position:absolute; top:-25px; right:0; font-size:13px; color:#ffffff;}
#photoDetailPopup .popupWin .photoArea .thumbImage .selectAllCell > span {display:inline-block; height:20px; line-height:20px; vertical-align:middle; padding:0 10px; border-radius:30px; cursor:pointer; background-color:#ffa5aa;}
#photoDetailPopup .popupWin .photoArea .thumbImage .selectAllCell .btnDeselectAll {display:none;}
#photoDetailPopup .popupWin .photoArea .thumbImage .photoCell {position:relative; box-sizing:content-box; background-repeat: no-repeat; background-position:center; background-size:contain; cursor:pointer;}
#photoDetailPopup .popupWin .photoArea .thumbImage .photoCell img {width:100%;}
#photoDetailPopup .popupWin .photoArea .thumbImage .photoCell .checkCell {position:absolute; right:0px; top:5px;}
#photoDetailPopup .popupWin .photoArea .thumbImage .photoCell.on::after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:solid 2px #ffa5aa; box-sizing: border-box; pointer-events: none; z-index:10;}
#photoDetailPopup .popupWin .photoArea .thumbImage .gridCell:nth-of-type(9) {border-bottom-color:transparent;}
#photoDetailPopup .popupWin .photoArea .thumbImage .gridCell:nth-of-type(10) {border-bottom-color:transparent;}

#photoDetailPopup .popupWin .describeArea {display:flex; justify-content: space-between; margin-bottom:20px;}
#photoDetailPopup .popupWin .describeArea .infoArea {width:370px;}
#photoDetailPopup .popupWin .describeArea .infoArea .title {display:flex; justify-content:space-between; font-size:23px; font-family: 'PretendardM'; border-bottom:solid 1px #cccccc; padding-bottom:7px; margin-bottom:7px;}
#photoDetailPopup .popupWin .describeArea .infoArea .title .price {font-family:NotoSans; text-align:right; font-size:20px; font-weight:normal; line-height:25px;}
#photoDetailPopup .popupWin .describeArea .infoArea .keyword {font-size:13px; border-bottom:solid 1px #cccccc; padding-top:7px; padding-bottom:7px;}
#photoDetailPopup .popupWin .describeArea .infoArea .keyword .headText {display:inline-block; width:70px; font-family: 'PretendardM'; color:#ffa5aa;}
#photoDetailPopup .popupWin .describeArea .infoArea .keyword .bodyText {display:inline-block; color:#8c8c8c;}
#photoDetailPopup .popupWin .describeArea .infoArea .originalImageSize {font-size:13px; border-bottom:solid 1px #cccccc; padding-top:7px; padding-bottom:7px;}
#photoDetailPopup .popupWin .describeArea .infoArea .originalImageSize .headText {display:inline-block; width:70px; font-family: 'PretendardM'; color:#ffa5aa;}
#photoDetailPopup .popupWin .describeArea .infoArea .originalImageSize .bodyText {display:inline-block; color:#8c8c8c;}
#photoDetailPopup .popupWin .describeArea .infoArea .buttonCell {margin-top:10px; text-align:left;}
#photoDetailPopup .popupWin .describeArea .infoArea .btnViewMore {width:162px !important; font-size:12px; padding:3px; letter-spacing: -1px; text-align:center; margin-bottom:10px;}
#photoDetailPopup .popupWin .describeArea .buttonArea {display:flex; flex-direction: column; justify-content: space-between;}

#photoDetailPopup .popupWin .dcText {font-size:16px; text-align:center; line-height:1.4; margin-bottom:10px;}
#photoDetailPopup .popupWin .dcText .boldText {font-family: 'PretendardM';}
#photoDetailPopup .popupWin .dcText .lineText {text-decoration: line-through;}
#photoDetailPopup .popupWin .photoInfo {font-size:12px; color:#8c8c8c; text-align:center; margin-bottom:20px;}

#photoDetailPopup .popupWin .contentNoticeBox {padding:15px; box-sizing: border-box; background-color:#f2f2f2;}
#photoDetailPopup .popupWin .contentNoticeBox .title {font-size:14px; font-family: 'PretendardM'; border-bottom:solid 1px #b3b3b3; padding-bottom:5px; margin-bottom:10px;}
#photoDetailPopup .popupWin .contentNoticeBox .title .btnViewDetail {cursor:pointer; color:#1a1a1a; height:20px; line-height:18px; background-color:transparent;}
#photoDetailPopup .popupWin .contentNoticeBox ul {list-style:none;}
#photoDetailPopup .popupWin .contentNoticeBox ul li {font-size:14px; color:#1a1a1a; margin-bottom:7px;}
#photoDetailPopup .popupWin .contentNoticeBox ul li:last-child {margin-bottom:0;}
#photoDetailPopup .popupWin .contentNoticeBox ul li::before {content:"· ";}
#photoDetailPopup .popupWin .contentNoticeBox ul li .btnViewDetail {cursor:pointer;}

/*컨텐츠유의사항 팝업*/
#contentNoticePopup {position:fixed; display:none; top:0; left:0; width:100%; height:100%; justify-content: center; align-items: center; z-index:100; background-color:rgba(0,0,0,0);}
#contentNoticePopup .popupWinWrap {position:relative;}
#contentNoticePopup .popupWinWrap .btnCloseCSPopup {position:absolute; top:20px; right:20px; font-size:16px; color:#8c8c8c; cursor:pointer; z-index:10;}
#contentNoticePopup .popupWin {width:700px; max-height:95vh; border:solid 1px #808080; padding:40px; box-sizing: border-box; box-shadow: 13px 13px 15px rgba(0,0,0,0.1); overflow-y: auto; background-color:#ffffff;}
#contentNoticePopup .popupWin .popupTitle {font-size:25px; color:#ffa5aa; font-family: 'PretendardM'; margin-bottom:40px;}
#contentNoticePopup .popupWin .contentArea {font-size:15px; line-height:1.5;}
#contentNoticePopup .popupWin .contentArea .grayText {color:#808080;}


/*장바구니 담기 완료*/
#cartComplete {
    position: fixed;
    display:none;
    /*display:flex;*/
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    color: #ffffff;
    letter-spacing: -1px;
    border-radius: 50%;
    padding:30px;
    background-color: rgba(255, 165, 170, 0.8);
    z-index:1000000
}
#cartComplete > img {width:80px; margin-bottom:15px;}

/*
 * 이벤트 페이지
 */
#eventList {}
#eventList .listArea {margin-bottom:60px;}
#eventList .listArea .gridWrapper {overflow:hidden;}
#eventList .listArea .grid {display:flex; flex-wrap:wrap; padding:20px 0 0 20px; margin:-20px}
#eventList .listArea .grid .gridCell {
    box-sizing:border-box;
    width:calc(100% / 3);
    border:0 solid transparent;
    border-width:0 20px 20px 0;
}
#eventList .listArea .gridCell > a.contWrap {display:block; width:100%; height:100%; border:solid 1px #d5d5d5; box-sizing: border-box;}
#eventList .listArea .gridCell .imgCell {position:relative;}
#eventList .listArea .gridCell .imgCell > img {display:block; width:100%;}
#eventList .listArea .gridCell .imgCell .cover {position:absolute; top:0; left:0; width:100%; height:100%;}
#eventList .listArea .gridCell .imgCell .cover .rectLine {position:absolute; top:50px; bottom:50px; left:30px; right:30px; border:solid 1px #ffffff;}
#eventList .listArea .gridCell .imgCell .cover .listLogo {position:absolute; top:10px; left:30px;}
#eventList .listArea .gridCell .imgCell .cover .iconCell {position:absolute; width:100%; bottom:0; padding:0 30px; padding-bottom:10px; box-sizing: border-box;}
#eventList .listArea .gridCell .imgCell .cover .iconCell img {margin-right:5px;}
#eventList .listArea .gridCell .imgCell .cover .iconCell img:last-child {float:right; margin-right:0;}
#eventList .listArea .gridCell .imgCell .over {position:absolute; display:none; justify-content: center; align-items: center; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,0.5);}
#eventList .listArea .gridCell:hover .imgCell .over {display:flex;}
#eventList .listArea .gridCell .textCell {text-align:center; padding:20px 10px; border-top:solid 1px #d5d5d5; box-sizing: border-box;}
#eventList .listArea .gridCell .textCell .title {font-size:20px; color:#303030; font-family: 'PretendardM'; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#eventList .listArea .gridCell .textCell .describe {font-size:16px; color:#909090;}
#eventList .listArea .gridCell .textCell .period {font-size:12px; color:#909090; margin-top:10px; padding-top:10px; border-top:solid 1px #d5d5d5;}


/*이벤트 상세*/
#eventView {}
#eventView .eventContent {border:solid 1px #d5d5d5; padding:80px; box-sizing: border-box;}
#eventView .eventContent .title {font-size:28px; font-family: 'PretendardB'; text-align:center; padding-bottom:50px; margin-bottom:50px; border-bottom:solid 1px #d5d5d5;}
#eventView .eventContent .contentText {text-align:center;}
#eventView .eventContent .period {font-size:12px; color:#909090; text-align:right; border-top:solid 1px #d5d5d5; margin-top:50px; padding-top:10px;}







/*
    ****************************** 메인 팝업 ******************************
*/

.photoPopupWrap { /*display: none;*/position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 1020px; /*height: 760px; */background-color: #fff; z-index: 9999}
.photoPopupWrap .popupTopBar { width: 100%; height: 20px; background-color: #878787; text-align: right;}
.photoPopupWrap .popupTopBar  i { font-size: 19px; margin-right: 5px; cursor: pointer; color: #fff; }
.photoPopupWrap .popupTopSubBar { width: 100%; height: 20px; background-color: #c1c1c1; }
.photoPopupWrap .selectAllArea { position: absolute; top: 63px;right: 31px; font-size: 13px; color: #ffffff;}

.photoPopupWrap .selectAllArea > span {
    display: none;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    padding: 0 10px;
    border-radius: 30px;
    cursor: pointer;
    background-color: #ffa5aa;
}
.photoPopupWrap .selectAllArea .btnSelectAll { display: inline-block}

.photoPopupWrap .popArea { display: flex;  padding: 50px 30px; box-sizing: border-box;}
.photoPopupWrap .popArea .mainImgArea {
    margin-right: 10px;
    flex: 1;
    border: solid 1px #cccccc;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.photoPopupWrap .popArea .mainImgArea img { width: 100%;}
.photoPopupWrap .popArea .imgListArea { flex: 1;}
.photoPopupWrap .popArea .gridWrapper {overflow:hidden;}
.photoPopupWrap .popArea .grid {display:flex; flex-wrap:wrap; padding:5px 0 0 5px; margin:-5px}
.photoPopupWrap .popArea .grid .gridCell {
    position: relative;;
    box-sizing:border-box;
    width:calc(100% / 5);
    border:0 solid transparent;
    border-width:0 5px 5px 0;
    cursor: pointer;
}
.photoPopupWrap .popArea .grid .gridCell img { width: 100%;}
.photoPopupWrap .popArea .grid .gridCell .chkArea { position: absolute; top: 3px; right: 7px;}
.photoPopupWrap .popArea input[type=checkbox]:not(.uk-checkbox) + label {
    display: inline-block;
    height: 11px;
    font-weight: normal;
    cursor: pointer;
    line-height: 24px;
    padding-left: 11px;
    background: url(/app/layout/web/images/chkIconOff.png) left / 11px no-repeat !important;
}

.photoPopupWrap .popArea input[type=checkbox]:checked + label {
    background-image: url(/app/layout/web/images/chkIconOn.png) !important;
}

.photoPopupWrap .popArea .textArea { margin-top: 50px; padding-left: 25px; box-sizing: border-box;}

.photoPopupWrap .popArea .textArea .topArea { display: flex; justify-content: space-between; align-items: center }
.photoPopupWrap .popArea .textArea .topArea .topLeftText { padding-left: 10px; box-sizing: border-box;}
.photoPopupWrap .popArea .textArea .topArea .topLeftText .modelNum { font-size: 25px; color: #202020; font-family: 'PretendardB'; margin-bottom: 10px;}
.photoPopupWrap .popArea .textArea .topArea .topLeftText .rinkBtn { font-size: 13px; color: #ff1a6c; font-family: 'PretendardR'; border: 1px solid #ff1a6c; box-sizing: border-box; padding: 5px 10px; }
.photoPopupWrap .popArea .textArea .topArea .topRightText .flex { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px}
.photoPopupWrap .popArea .textArea .topArea .topRightText .flex:last-child { margin-bottom: 0;}
.photoPopupWrap .popArea .textArea .topArea .topRightText .flex .title { font-size: 18px; color: #202020; font-family: 'PretendardM';}
.photoPopupWrap .popArea .textArea .topArea .topRightText .flex .price { font-size: 20px; color: #202020; font-family: 'PretendardB'; margin-left:20px; }
.photoPopupWrap .popArea .textArea .topArea .topRightText .flex .price span{ font-size: 16px;font-family: 'PretendardL'; }

.photoPopupWrap .popArea .textArea .midArea {margin: 15px 0; border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc; padding: 20px; box-sizing: border-box;}
.photoPopupWrap .popArea .textArea .midArea .midText { font-size: 13px; color:#202020; font-family: 'PretendardM';}
.photoPopupWrap .popArea .textArea .midArea .midText span:first-child { margin-right: 20px;}
.photoPopupWrap .popArea .textArea .midArea .midText span:last-child { margin-right: 0;}
.photoPopupWrap .popArea .textArea .midArea .midText span { margin-right: 35px;}
.photoPopupWrap .popArea .textArea .midArea .midText .cor { color: #ff1a6c;}

.photoPopupWrap .popArea .textArea .bottomArea .titleArea {position: relative; padding-left: 10px; box-sizing: border-box; font-size: 15px; color: #202020; font-family: 'PretendardM';}
.photoPopupWrap .popArea .textArea .bottomArea .titleArea  .hideBtn {  display: inline-block; font-size: 13px;  font-family: 'PretendardR'; border: 1px solid #202020; padding: 5px 10px; box-sizing: border-box; margin-left: 5px; cursor: pointer;}
.photoPopupWrap .popArea .textArea .bottomArea .listText { margin: 10px 0 20px; padding-left: 20px;}
.photoPopupWrap .popArea .textArea .bottomArea .listText li {font-size: 13px; color: #202020; font-family: 'PretendardL'; margin-bottom: 5px; }
.photoPopupWrap .popArea .textArea .bottomArea .listText li span {  font-family: 'PretendardM';}
.photoPopupWrap .popArea .textArea .bottomArea .listText li:last-child { margin-bottom: 0; }
.photoPopupWrap .popArea .textArea .bottomArea .btnArea { display: flex; justify-content: space-around;}
.photoPopupWrap .popArea .textArea .bottomArea .btnArea .btn { flex: 1; width: 100% ; height: 50px; border-radius: 50px; display: flex; justify-content: center; align-items: center; font-size:20px; color: #fff; font-family: 'PretendardM'; cursor: pointer;}
.photoPopupWrap .popArea .textArea .bottomArea .btnArea .basketBtn { margin-right: 10px; background-color: #ff1a6c;}
.photoPopupWrap .popArea .textArea .bottomArea .btnArea .closeBtn { background-color: #808080;}
.photoPopupWrap .popArea .textArea .btnArea.mobile { display: none;}


.photoPopupWrap .popArea .textArea .bottomArea .hideText { display: none; position: absolute;top: -220px; left: 115px; width: 800px; padding: 40px; box-sizing: border-box; border: 1px solid #808080; background-color: #fff; cursor: auto;}
.photoPopupWrap .popArea .textArea .bottomArea .hideText .title { font-size: 25px; color: #ff1a6c; font-family: 'PretendardB'; margin-bottom: 40px; }
.photoPopupWrap .popArea .textArea .bottomArea .hideText .textBox { margin-bottom: 28px; font-size: 15px; color:#202020;  font-family: 'PretendardL'; line-height: 1.2}
.photoPopupWrap .popArea .textArea .bottomArea .hideText .textBox .subTit { font-family: 'PretendardB'; margin-bottom: 5px;}
.photoPopupWrap .popArea .textArea .bottomArea .hideText .info { font-size: 15px; color: #808080;  font-family: 'PretendardL';}
.photoPopupWrap .popArea .textArea .bottomArea .hideText .hideTextClose { position: absolute; top: 7px; right: 7px; cursor: pointer;}
.photoPopupWrap .popArea .textArea .bottomArea .hideText .hideTextClose i { color: #202020; font-size: 20px;}

.photoPopupWrap .popArea .textArea .bottomArea .titleArea  .hideBtn.on .hideText { display: block;}
.photoPopupWrap .list.on { border: 2px solid orange}
.photoPopupWrap .hiddenArea { display: none;}


#photoDetailPopup .imgListArea .gridCell .list {
    box-sizing: content-box;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}

#mainPage .gridCell .imgArea {
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


/*
	****************************** 미디어 쿼리 ******************************
*/
@media(max-width:1280px) {
    /*
        ****************************** 공통 레이아웃 ******************************
    */
    /*컨텐츠 넓이*/
    .contentHWrap {
        padding-left: 10px;
        padding-right: 10px;
    }


    /*
        ****************************** 공통 컨텐츠 ******************************
    */

    /*공통 상단*/
    #commonTop .mainLogo {margin-right:30px;}
    #commonTop .topMenu {margin-left:30px; font-size:14px;}

    .btnKakaoChanel img {width:150px;}
    .btnCustom img {width:150px;}


    /*footer*/
    #commonBottom {padding:80px 0;}
    #commonBottom .footer {font-size:16px;}
    #commonBottom .cs .title {font-size:20px;}
    #commonBottom .cs .tel a {font-size:30px;}
    #commonBottom .cs .time {font-size:18px;}
    #commonBottom .cs .time .darkText {font-size:16px;}



    /*
        ****************************** 메인페이지 ******************************
    */

    #mainPage .photoArea .grid .gridCell {
        width:calc(100% / 4);
    }

    .mainVisual .swiper-button-prev.swiper-button-white:after,
    .mainVisual .swiper-button-next.swiper-button-white:after { font-size: 30px;}

    .mainVisual .swiper-button-prev.swiper-button-white { left: 30px;}
    .mainVisual .swiper-button-next.swiper-button-white { right: 30px;}
}










@media(max-width:768px){
    .mobileNewLine {display:block; width:100%; height:1px;}

    /*
        ****************************** 공통 레이아웃 ******************************
    */

    /*컨텐츠 넓이*/
    #gnb{display: none}
    #gnb_m{display: block}
    .contentVWrap {padding-top:50px; padding-bottom:50px;}
    .showBlockPc {display:none !important;}
    .showBlockM {display:block !important;}
    .showInlineBlockPc {display:none !important;}
    .showInlinePc {display:none !important;}
    .showBlockMobile {display:block !important;}
    .showInlineBlockMobile {display:inline-block !important;}
    .showInlineMobile {display:inline !important;}


    /*
        ****************************** 공통 컨텐츠 ******************************
    */

    /*상단 배너*/
    .topBanner {height:50px; background-size:cover; background-position:center center;}

    /*공통 상단*/
    #commonTop {display:flex; flex-wrap:wrap; justify-content:normal; align-items:center; height:auto; padding-left:0; padding-right:0; padding-top: 0;}
    #commonTop .mainLogo {width:100%; text-align:center; margin-right:0; padding:15px 0;}
    #commonTop .mainLogo img {width:80px; height: auto;}
    #commonTop .searchArea {width:100%; flex:auto; border-top:solid 1px #cccccc;}
    #commonTop .searchArea .box {display:flex; justify-content: flex-end; align-items: center; height:50px; font-size:16px; padding:10px; background-color:#ffffff;}
    #commonTop .searchArea .box .searchHead {padding:0 10px;}
    #commonTop .searchArea .box input {flex:1; height:100%; font-size:16px; color:#1a1a1a; background-color:transparent;}
    #commonTop .searchArea .box button {background-color:transparent; margin-right:5px;}
    #commonTop .searchArea .box button i {font-size:16px; color:#818181;}
    #commonTop .topMenu {display:none}
    #commonTop .btnShowMobileMenu {}
    #commonTop .mainLogo .btnShowMobileMenu { display: block; font-size: 20px; position: absolute; top: 50%; transform: translateY(-50%); right: 15px;}

    .fixedIcons {bottom:20px; right:20px; z-index:500;}
    .fixedIcons ul li img {width:80px;}



    /*GNB*/
    #gnb .contentHWrap {display:flex; justify-content: space-between; align-items: center; height:50px;}
    #gnb a {display:inline-block; flex:auto; font-size:15px; margin:0;}
    #gnb a.btnShowMobileMenu {display:block; flex:auto;}
    #gnb a.btnShowMobileMenu i {font-size:18px; color:#000000;}

    /*GNB 모바일*/
    #gnb_m .contentHWrap {display:flex; flex-wrap: wrap; justify-content: space-between; align-items: center; /*height:100px;*/ padding: 0}
    #gnb_m a {display:inline-block; box-sizing: border-box; flex:auto; font-size:15px; margin:0;  width: calc(100% / 4); font-family: 'PlayfairDisplayB';
        height: 50px; line-height: 50px; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc}
    /*#gnb_m a:nth-child(n+5){border-bottom: none}*/
    #gnb_m a.btnShowMobileMenu {display:block; flex:auto;}
    #gnb_m a.btnShowMobileMenu i {font-size:18px; color:#1a1a1a;}
    #gnb_m a:hover { font-family: 'PlayfairDisplayB'; color: #ff1a6c;}

    /*footer*/
    #commonBottom {padding:0;}
    #commonBottom .contentHWrap {display:flex; flex-direction: column-reverse; justify-content: flex-end; align-items: center; padding-left:0; padding-right:0;}
    #commonBottom .footer { display: none;width:100%; font-size:13px; color:#cccccc; text-align:center; padding:30px 0; background-color:#ffffff;}
    #commonBottom .footer .footerLogo {margin-bottom:10px;}
    #commonBottom .footer .footerLogo img {width:80px;}
    #commonBottom .vLine {display:none;}
    #commonBottom .cs {text-align:center; padding:30px 0;}
    #commonBottom .cs .title {font-size:18px; margin-bottom:0;}
    #commonBottom .cs .title .vBar {display:none;}
    #commonBottom .cs .hBar {width:15px; height:1px; margin:10px auto; background-color:#d1d1d1;}
    #commonBottom .cs .tel {margin-bottom:5px;}
    #commonBottom .cs .tel img {height:20px; vertical-align: -2px; margin-right:5px;}
    #commonBottom .cs .tel a {font-size:25px;}
    #commonBottom .cs .time {font-size:14px;}
    #commonBottom .cs .time .boldText {color:#ffa5aa; font-family: 'PretendardB';}
    #commonBottom .cs .time .darkText {font-size:13px;}



    .cl_mainText { margin-bottom: 25px;}
    .cl_mainText .subText { font-size: 10px; margin-bottom: 5px; letter-spacing: 3px;}
    .cl_mainText .mainText { font-size: 25px;}


    /*
        ****************************** 메인페이지 ******************************
    */

    #mainPage {padding-top:0;}

    /*랭킹*/
    #mainPage .ranking { line-height:35px; font-size:13px; width:35px; height:35px; }

    /*메인비주얼*/
    .mainVisual {margin-bottom:10px;}
   /* .mainVisual .swiper-slide {height:auto; background-image:none;}
    .mainVisual .swiper-slide img {display:block;}*/
    .mainVisual .swiper-button-prev.swiper-button-white:after,
    .mainVisual .swiper-button-next.swiper-button-white:after { font-size: 20px;}

    .mainVisual .swiper-button-prev.swiper-button-white { left: 0px;}
    .mainVisual .swiper-button-next.swiper-button-white { right: 0px;}

    /* 메인 section */
    #mainPage .section1 { margin-top: 40px; margin-bottom: 40px;}

    #mainPage .section .grid { padding:5px 0 0 5px; margin:-5px}
    #mainPage .section .grid .gridCell {
        width:calc(100% / 3);
        border-width:0 5px 5px 0;
    }
    #mainPage .section .grid .gridCell .imgArea {  font-size: 10px;}
    #mainPage .section .grid .gridCell .imgArea .bg .bgText .flex img {margin-right: 0}
    #mainPage .section .grid .gridCell .imgArea .bg .bgText .flex { margin-right: 10px;}
    #mainPage .section .grid .gridCell .imgArea .bg .bottomText { height: 30px; padding-left: 5px;}
    #mainPage .section .pagination { margin-top: 25px;}






    /*#mainPage .photoSortDropdown {display:none;}*/

    #mainPage .sortAreaM {position:relative; display:block; height:40px; line-height:40px; font-size:14px; text-align:center; margin-bottom:30px; background-color:#e6e6e6;}
    #mainPage .sortAreaM .selectedText {font-family: 'PretendardB';}
    #mainPage .sortAreaM .options {display:none; position:absolute; width:100%; text-align:center; background-color:rgba(230,230,230,0.8); z-index:10;}
    #mainPage .photoArea {}
    #mainPage .photoArea .grid .gridCell {
        width:calc(100% / 3);
        border-width:0 5px 5px 0;
    }
    #mainPage .photoArea .photoCell {position:relative; border:solid 1px #cccccc; box-sizing: border-box; background-repeat: no-repeat; background-position: center; background-size:cover;}
    #mainPage .photoArea .photoCell > img {width:100%;}
    #mainPage .photoArea .photoCell .overCell {
        font-size:11px;
    }
    #mainPage .photoArea .photoCell .overCell i {margin-right:0;}
    #mainPage .photoArea .photoCell .overCell .vBar {margin:0 3px;}
    #mainPage .photoArea .photoCell:hover .overCell {display:flex;}
    #mainPage .photoArea .photoCell .overCell .bottomLayout {font-size:12px;}



    /* 해시태그 */
    #mainPage .hashTags .grid {padding:5px 0 0 5px; margin:-5px}
    #mainPage .hashTags .grid .gridCell {
        width:calc(100% / 5);
        width:20%;
        border-width:0 5px 5px 0;
    }
    #mainPage .hashTags .grid .gridCell a {
        line-height:30px;
        font-size:12px;
    }
    #mainPage .hashTags .hashSearchButton {display:none;}

    #mainPage .hashTags .grid .gridCell:nth-of-type(6) {display:none;}
    #mainPage .hashTags .grid .gridCell:nth-of-type(7) {display:none;}
    #mainPage .hashTags .grid .gridCell:nth-of-type(8) {display:none;}
    #mainPage .hashTags .grid .gridCell:nth-of-type(9) {display:none;}
    #mainPage .hashTags .grid .gridCell:nth-of-type(10) {display:none;}

    /*포토 상세보기 팝업*/
    #photoDetailPopup .popupWinWrap {height:100%; width:100%; max-height:100%; border:0;}
    #photoDetailPopup .popupTopBar {
        position: relative;
        height: 45px;
        line-height: 45px;
        font-size: 18px;
        font-family: 'PretendardM';
        color: #1a1a1a;
        text-align: center;
        vertical-align: middle;
        border-top: solid 1px #cccccc;
        border-bottom: solid 1px #cccccc;
        background-color: #ffffff;
    }
    #photoDetailPopup .popupTopBar .mobileClose {display:block; position:absolute; left:10px; top:10px; font-size:25px;}
    #photoDetailPopup .popupTopBar .photoTitle {display:inline;}
    #photoDetailPopup .popupTopSubBar {display:none;}
    #photoDetailPopup .popupTopBar .pcClose {display:none;}
    #photoDetailPopup .popupTopBar .mobileCLoseBtn { display: block; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); width: 10px; cursor: pointer;}
    #photoDetailPopup .popupTopBar .modelNum { display: block;text-align: center;}
    #photoDetailPopup .popupWin {position:relative; width:100%; height:calc(100% - 47px); max-height:calc(100% - 47px); padding:0; box-shadow: 0 0 0 rgba(0,0,0,0.1);}
    #photoDetailPopup .popupWin .photoArea {display:flex; flex-direction: column; margin-bottom:15px;}
    #photoDetailPopup .popupWin .photoArea .largeImage {flex:auto; width:100%; margin-right:0; margin-bottom:15px; border:0; border-bottom:solid 1px #cccccc;}
    #photoDetailPopup .popupWin .photoArea .photoInfo {margin-bottom:30px; line-height:20px;}
    #photoDetailPopup .popupWin .photoArea .thumbImage {width:100%; margin-left:0;}
    #photoDetailPopup .popupWin .photoArea .thumbImage .selectAllCell {top:-23px; right:10px; font-size:12px;}
    #photoDetailPopup .popupWin .photoArea .thumbImage .selectAllCell > span {height:18px; line-height:18px; padding:0 5px;}
    #photoDetailPopup .popupWin .photoArea .thumbImage .gridWrapper {overflow:hidden;}
    #photoDetailPopup .popupWin .photoArea .thumbImage .grid {display:flex; flex-wrap:wrap; padding:10px 0 0 10px; margin:-10px}
    #photoDetailPopup .popupWin .photoArea .thumbImage .grid .gridCell {
        box-sizing:border-box;
        width:calc(100% / 5);
        border:0 solid transparent;
        border-width:0 10px 10px 0;
    }
    #photoDetailPopup .popupWin .photoArea .thumbImage {border:0; padding-left:10px; padding-right:10px; box-sizing: border-box;}
    #photoDetailPopup .popupWin .photoArea .thumbImage .photoCell {box-sizing:border-box; border:solid 1px #cccccc;}
    #photoDetailPopup .popupWin .photoArea .thumbImage .photoCell img {width:100%;}

    #photoDetailPopup .popupWin .describeArea {display:flex; flex-direction:column; justify-content: space-between; margin-bottom:20px;}
    #photoDetailPopup .popupWin .describeArea .infoArea {width:90%; margin:0 auto;}
    #photoDetailPopup .popupWin .describeArea .infoArea .title {font-size:16px; margin-left:10px; margin-right:10px; padding-bottom:7px; margin-bottom:7px;}
    #photoDetailPopup .popupWin .describeArea .infoArea .title .price {font-size:18px;}
    #photoDetailPopup .popupWin .describeArea .infoArea .keyword {border-bottom:1px solid #e2e2e2; font-size:14px; padding-left:10px; padding-right:10px; margin-bottom:10px;}
    #photoDetailPopup .popupWin .describeArea .infoArea .keyword .headText {display:inline-block; width:70px; font-family: 'PretendardM'; color:#ffa5aa; }
    #photoDetailPopup .popupWin .describeArea .infoArea .keyword .bodyText {display:inline-block; color:#8c8c8c; margin-bottom:7px;}
    #photoDetailPopup .popupWin .describeArea .infoArea .btnViewMore {width:162px !important; font-size:12px; padding:3px; letter-spacing: -1px; text-align:center;}
    #photoDetailPopup .popupWin .describeArea .buttonArea {display:flex; flex-direction: column; justify-content: space-between;}
    #photoDetailPopup .popupWin .describeArea .buttonArea .buttonCell {text-align:center; margin-bottom:30px;}
    #photoDetailPopup .popupWin .describeArea .buttonArea .buttonGroup {text-align:center;}

    #photoDetailPopup .popupWin .dcText {font-size:14px;}
    #photoDetailPopup .popupWin .photoInfo {display:none;}

    #photoDetailPopup .popupWin .contentNoticeBox {padding:10px; margin:10px; margin-top:0;}
    #photoDetailPopup .popupWin .contentNoticeBox .title {font-size:14px; padding-bottom:5px; margin-bottom:10px;}
    #photoDetailPopup .popupWin .contentNoticeBox .title .btnViewDetail {color:#1a1a1a; height:20px; line-height:18px; background-color:transparent;}
    #photoDetailPopup .popupWin .contentNoticeBox ul li {font-size:14px; color:#1a1a1a; margin-bottom:7px;  }


    /*포토 상세보기 팝업*/
    #contentNoticePopup {background-color:rgba(0,0,0,0.8);}
    #contentNoticePopup .popupWinWrap {width:95%; height:95%;}
    #contentNoticePopup .popupWinWrap .btnCloseCSPopup {position:absolute; top:10px; right:10px; font-size:16px;}
    #contentNoticePopup .popupWin {width:100%; height:95%; max-height:95%; padding:10px;}
    #contentNoticePopup .popupWin .popupTitle {font-size:18px; margin-bottom:20px;}
    #contentNoticePopup .popupWin .contentArea {font-size:14px; line-height:1.5;}


    /*장바구니 담기 완료*/
    #cartComplete {
        width: 150px;
        height: 150px;
        font-size: 16px;
        letter-spacing: -1px;
        padding:15px;
    }
    #cartComplete > img {width:50px; margin-bottom:10px;}


    /*
     * 이벤트 페이지
     */
    #eventList {}
    #eventList .listArea {margin-bottom:30px;}
    #eventList .listArea .gridWrapper {overflow:hidden;}
    #eventList .listArea .grid {display:flex; flex-wrap:wrap; padding:20px 0 0 20px; margin:-20px}
    #eventList .listArea .grid .gridCell {
        box-sizing:border-box;
        width:calc(100% / 2);
        border:0 solid transparent;
        border-width:0 15px 15px 0;
    }
    #eventList .listArea .gridCell > a.contWrap {display:block; width:100%; height:100%; border:solid 1px #d5d5d5; box-sizing: border-box;}
    #eventList .listArea .gridCell .imgCell {position:relative;}
    #eventList .listArea .gridCell .imgCell > img {display:block; width:100%;}
    #eventList .listArea .gridCell .imgCell .cover {position:absolute; top:0; left:0; width:100%; height:100%;}
    #eventList .listArea .gridCell .imgCell .cover .rectLine {position:absolute; top:50px; bottom:50px; left:30px; right:30px; border:solid 1px #ffffff;}
    #eventList .listArea .gridCell .imgCell .cover .listLogo {position:absolute; top:10px; left:30px;}
    #eventList .listArea .gridCell .imgCell .cover .iconCell {position:absolute; width:100%; bottom:0; padding:0 30px; padding-bottom:10px; box-sizing: border-box;}
    #eventList .listArea .gridCell .imgCell .cover .iconCell img {margin-right:5px;}
    #eventList .listArea .gridCell .imgCell .cover .iconCell img:last-child {float:right; margin-right:0;}
    #eventList .listArea .gridCell .imgCell .over {position:absolute; display:none; justify-content: center; align-items: center; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,0.5);}
    #eventList .listArea .gridCell:hover .imgCell .over {display:flex;}
    #eventList .listArea .gridCell .textCell {text-align:center; padding:20px 10px; border-top:solid 1px #d5d5d5; box-sizing: border-box;}
    #eventList .listArea .gridCell .textCell .title {font-size:15px; color:#303030; font-family: 'PretendardM'; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
    #eventList .listArea .gridCell .textCell .describe {font-size:14px; color:#909090;}
    #eventList .listArea .gridCell .textCell .period {font-size:12px; color:#909090; margin-top:10px; padding-top:10px; border-top:solid 1px #d5d5d5;}


    /*이벤트 상세*/
    #eventView {}
    #eventView .eventContent {border:solid 1px #d5d5d5; padding:40px; box-sizing: border-box;}
    #eventView .eventContent .title {font-size:20px; font-family: 'PretendardB'; text-align:center; padding-bottom:25px; margin-bottom:25px; border-bottom:solid 1px #d5d5d5;}
    #eventView .eventContent .contentText {text-align:center;}
    #eventView .eventContent .period {font-size:12px; color:#909090; text-align:right; border-top:solid 1px #d5d5d5; margin-top:50px; padding-top:10px;}

    /* customer center page */
    #customerCenter .cs {text-align:center;}
    #customerCenter .cs .title {font-size:25px; margin-bottom:15px;}
    #customerCenter .cs .title .eng {font-family:MontL;}
    #customerCenter .cs .title .vBar {display:inline-block; width:1px; height:17px; margin:0 10px; background-color:#d1d1d1;}
    #customerCenter .cs .tel {margin-bottom:20px;}
    #customerCenter .cs .tel img {vertical-align: -2px; margin-right:5px;}
    #customerCenter .cs .tel a {font-size:25px; font-family: 'PretendardB'; color:#ffa5aa;}
    #customerCenter .cs .email {font-size:16px; font-family: 'PretendardB';}
    #customerCenter .cs .time {font-size:16px; margin-top:25px;}
    #customerCenter .cs .time .boldText {font-family: 'PretendardB';}
    #customerCenter .cs .time .darkText {color:#808080; font-size:16px;}
    #customerCenter .cs .time > div {line-height:25px;}




    #customerCenter .customer .textArea { font-size: 16px; margin-bottom: 10px;}
    #customerCenter .customer .textArea img { width: 25px;}
    #customerCenter .customer .textArea .text { margin-left: 15px;}
    #customerCenter .customer .textArea .text1 .info {bottom: -15px; font-size: 12px; white-space: nowrap}
    #customerCenter .customer .line { margin: 20px 0;}



    /*
    ****************************** 메인 팝업 ******************************
*/

    .photoPopupWrap {  width: 100%; height: 100%;  overflow-y: auto;}
    .photoPopupWrap .popupTopBar { width: 100%; height: 20px; background-color: #878787; text-align: right;}
    .photoPopupWrap .popupTopBar  i { font-size: 19px; margin-right: 5px; cursor: pointer; color: #fff; }
    .photoPopupWrap .popupTopSubBar { display: none;}
    .photoPopupWrap .selectAllArea { display: none;position: absolute; top: 63px;right: 31px; font-size: 13px; color: #ffffff;}
    .photoPopupWrap .hiddenArea { display: flex; justify-content: flex-end; font-family: 'PretendardR'; margin-bottom: 20px; }
    .photoPopupWrap .hiddenArea .selectAllArea { display: block; position: relative; top: auto; right: auto;}
    .photoPopupWrap .hiddenArea .rinkBtn { margin-left: 5px;}
    .photoPopupWrap .hiddenArea .rinkBtn a { display: flex; align-items: center; height: 20px;font-size: 13px; padding: 0 10px; border: 1px solid #ff1a6c; color: #ff1a6c; box-sizing: border-box;}
    .photoPopupWrap .selectAllArea > span {
        padding: 0 10px;
        border-radius: 0;
        background-color: #fff;
        border: 1px solid #282828;
        color: #282828;
        box-sizing: border-box;
    }
    .photoPopupWrap .selectAllArea .btnSelectAll { display: inline-block}

    .photoPopupWrap .popArea { flex-direction: column; padding: 20px; }
    .photoPopupWrap .popArea .mainImgArea {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .photoPopupWrap .popArea .mainImgArea img { width: 100%;}
    .photoPopupWrap .popArea .imgListArea { flex: 1;}
    .photoPopupWrap .popArea .gridWrapper {overflow:hidden;}
    .photoPopupWrap .popArea .grid {display:flex; flex-wrap:wrap; padding:5px 0 0 5px; margin:-5px}
    .photoPopupWrap .popArea .grid .gridCell {
        position: relative;;
        box-sizing:border-box;
        width:calc(100% / 5);
        border:0 solid transparent;
        border-width:0 5px 5px 0;
        cursor: pointer;
    }
    .photoPopupWrap .popArea .grid .gridCell img { width: 100%;}
    .photoPopupWrap .popArea .grid .gridCell .chkArea { position: absolute; top: 3px; right: 7px;}
    .photoPopupWrap .popArea input[type=checkbox]:not(.uk-checkbox) + label {
        display: inline-block;
        height: 11px;
        font-weight: normal;
        cursor: pointer;
        line-height: 24px;
        padding-left: 11px;
        background: url(/app/layout/web/images/chkIconOff.png) left / 11px no-repeat !important;
    }

    .photoPopupWrap .popArea input[type=checkbox]:checked + label {
        background-image: url(/app/layout/web/images/chkIconOn.png) !important;
    }

    .photoPopupWrap .popArea .textArea { margin-top: 20px; padding-left: 10px; box-sizing: border-box;}

    .photoPopupWrap .popArea .textArea .topArea .topLeftText { padding-left: 10px; box-sizing: border-box;}
    .photoPopupWrap .popArea .textArea .topArea .topLeftText .modelNum { font-size: 20px;  margin-bottom: 10px;}
    .photoPopupWrap .popArea .textArea .topArea .topLeftText .rinkBtn { display: none;}
    .photoPopupWrap .popArea .textArea .topArea .topRightText .flex {  margin-bottom: 5px}

    .photoPopupWrap .popArea .textArea .topArea .topRightText .flex .title { font-size: 14px; }
    .photoPopupWrap .popArea .textArea .topArea .topRightText .flex .price { font-size: 14px;  margin-left:15px; }
    .photoPopupWrap .popArea .textArea .topArea .topRightText .flex .price span{ font-size: 10px; }

    .photoPopupWrap .popArea .textArea .midArea {margin: 10px 0 0; border-bottom: none; padding: 10px 0; box-sizing: border-box;}
    .photoPopupWrap .popArea .textArea .midArea .midText { font-size: 11px; }
    .photoPopupWrap .popArea .textArea .midArea .midText span:first-child { margin-right: 10px;}
    .photoPopupWrap .popArea .textArea .midArea .midText span { margin-right: 20px;}


    .photoPopupWrap .popArea .textArea .bottomArea .titleArea { padding-left: 0; font-size: 11px;}
    .photoPopupWrap .popArea .textArea .bottomArea .titleArea  .hideBtn {  font-size: 10px;  padding: 4px 8px; }
    .photoPopupWrap .popArea .textArea .bottomArea .listText { margin: 8px 0 ;padding-left: 8px;}
    .photoPopupWrap .popArea .textArea .bottomArea .listText li {font-size: 10px; }
    .photoPopupWrap .popArea .textArea .btnArea.mobile { display: flex; padding: 0 25px; box-sizing: border-box; margin-bottom: 10px;}
    .photoPopupWrap .popArea .textArea .bottomArea .btnArea { display: none; justify-content: space-around;}
    .photoPopupWrap .popArea .textArea .btnArea.mobile .btn { flex: 1; width: 100% ; height: 30px; border-radius: 50px; display: flex; justify-content: center; align-items: center; font-size:13px; color: #fff; font-family: 'PretendardM'; cursor: pointer;}
    .photoPopupWrap .popArea .textArea .btnArea.mobile .basketBtn { margin-right: 10px; background-color: #ff1a6c;}
    .photoPopupWrap .popArea .textArea .btnArea.mobile .closeBtn { background-color: #808080;}

/*    .photoPopupWrap .popArea .textArea .bottomArea .hideText { display: none; position: absolute;top: -220px; left: 115px; width: 800px; padding: 40px; box-sizing: border-box; border: 1px solid #808080; background-color: #fff; cursor: auto;}
    .photoPopupWrap .popArea .textArea .bottomArea .hideText .title { font-size: 25px; color: #ff1a6c; font-family: 'PretendardB'; margin-bottom: 40px; }
    .photoPopupWrap .popArea .textArea .bottomArea .hideText .textBox { margin-bottom: 28px; font-size: 15px; color:#202020;  font-family: 'PretendardL'; line-height: 1.2}
    .photoPopupWrap .popArea .textArea .bottomArea .hideText .textBox .subTit { font-family: 'PretendardB'; margin-bottom: 5px;}
    .photoPopupWrap .popArea .textArea .bottomArea .hideText .info { font-size: 15px; color: #808080;  font-family: 'PretendardL';}
    .photoPopupWrap .popArea .textArea .bottomArea .hideText .hideTextClose { position: absolute; top: 7px; right: 7px; cursor: pointer;}
    .photoPopupWrap .popArea .textArea .bottomArea .hideText .hideTextClose i { color: #202020; font-size: 20px;}*/

    .photoPopupWrap .popArea .textArea .bottomArea .titleArea  .hideBtn.on .hideText { display: block;}
    .photoPopupWrap .list.on { border: 2px solid orange}



}