body {padding:0; margin:0; width:100%; font-family:'Noto Sans KR',sans-serif; overflow:auto;}
ul, li, a, input, p {padding:0; margin:0; text-decoration:none; list-style:none; color:inherit;}
textarea {font-family:'Noto Sans KR',sans-serif; height:100px;}
.clearbox {clear:both;}
.scrolledBox::-webkit-scrollbar 
{background-color:transparent; width:14px; height:14px;}
.scrolledBox::-webkit-scrollbar-thumb 
{background-clip:padding-box; background-color:#eee; border:2px solid transparent; border-radius:7px; transition:all 0.2s;}
.scrolledBox::-webkit-scrollbar-thumb:hover 
{background-color:#ccc;}


@font-face {
    font-family: 'SCoreDream';
    font-weight: 100; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream1.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream1.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 200; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream2.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream2.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 300; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream3.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream3.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 400; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream4.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream4.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 500; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream5.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream5.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 600; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream6.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream6.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 700; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream7.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream7.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 800; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream8.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream8.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 900; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream9.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream9.woff) format('woff');
    font-display: swap;
}


/*---------------------------- HEADER BOX  ----------------------------*/
#header_box {box-sizing:border-box; width:100%; font-family:'SCoreDream'; font-weight:500;}
#header_box:after {display:block; clear:both; content:"";}
#header_box .topBanner {width:100%;}

#header_box .headerMain {width:100%;}
#header_box .headerMain .mainCenter {position:relative; margin:0 auto; width:100%; max-width:1200px;}
#header_box .headerMain .mainCenter:after {display:block; clear:both; content:"";}
#header_box .headerMain .mainCenter .menuBox {float:left; margin-right:20px; padding:15px; width:24px; height:24px; border-radius:8px; cursor:pointer;}
#header_box .headerMain .mainCenter .menuBox:hover {box-shadow:0 0 12px 0 rgba(0,0,0,0.2);}
#header_box .headerMain .mainCenter .menuBox .menuBar {width:100%; height:100%;}
#header_box .headerMain .mainCenter .menuBox .menuBar span {display:block; margin-bottom:4px; width:100%; height:4px; background-color:#000; border-radius:2px;}
#header_box .headerMain .mainCenter .menuBox .menuBar span:last-child {margin-bottom:0;}
#header_box .headerMain .mainCenter .logoBox {margin:0 auto; width:300px; height:75px; background:url('/images/nav/logo.png') no-repeat center;}
#header_box .headerMain .mainCenter .searchBox {float:left; position:relative; margin-right:10px; width:600px; height:54px;}
#header_box .headerMain .mainCenter .searchBox input {box-sizing:border-box; margin:5px 0; padding:10px; width:100%; height:40px; border:1px solid #aeaeae ; border-radius:30px;}
#header_box .headerMain .mainCenter .searchBox .itemBtn {position:absolute; margin:9px 4px; padding:6px 14px; top:0; right:0; font-size:14px; font-weight:bold; color:#fff; background-color:#ccc; border-radius:20px; cursor:pointer; transition:all 0.2s;}
#header_box .headerMain .mainCenter .searchBox .itemBtn:hover {background-color:#000;}

#header_box .headerMain .mainCenter .leftBtnBox.web {box-sizing:border-box; position:absolute; bottom:24px; left:0; padding:0;}
#header_box .headerMain .mainCenter .leftBtnBox.mb {float:left; margin:24px 0; padding:10px; width:24px; height:20px;}
#header_box .headerMain .mainCenter .leftBtnBox.mb span {display:block; margin-bottom:4px; width:24px; height:4px; background-color:#000; border-radius:2px;}
#header_box .headerMain .mainCenter .leftBtnBox.mb span:last-child {margin-bottom:0;}

#header_box .headerMain .mainCenter .rightBtnBox {box-sizing:border-box; position:absolute; bottom:24px; right:0; padding:0;}
#header_box .headerMain .mainCenter .rightBtnBox.mb {float:right; margin:24px 0; width:48px; height:48px;}
#header_box .headerMain .mainCenter .rightBtnBox.mb img {width:100%;}

#header_box .headerNav {width:100%; background-color:#fff; font-size:18px; color:#4B4545;}
#header_box .headerNav ul.navCenter {margin:0 auto; width:100%; max-width:1200px;}
#header_box .headerNav ul.navCenter:after {display:block; clear:both; content:"";}
#header_box .headerNav ul.navCenter li {display:table; padding:0; height:80px; text-align:center;}
#header_box .headerNav ul.navCenter li.leftBox {float:left;}
#header_box .headerNav ul.navCenter li.rightBox {float:right;}
#header_box .headerNav ul.navCenter li .wrapBox {display:table-cell; vertical-align:middle;}
#header_box .headerNav ul.navCenter li span {display:inline-block; margin-right:0; padding:6px 10px; cursor:pointer;}
#header_box .headerNav ul.navCenter li.leftBox span:hover {background-color:#eee; border-radius:20px;}
#header_box .headerNav ul.navCenter li.rightBox span {padding:6px 16px; color:#fff; border-radius:20px;}
#header_box .headerNav ul.navCenter li.rightBox .certi {color:#138bee; background-color:#fff; border:2px solid #138bee;}
#header_box .headerNav ul.navCenter li.rightBox .certi:hover {color:#3c9cf6; background-color:rgba(60,156,246,0.2); border:2px solid #3c9cf6;}
#header_box .headerNav ul.navCenter li.rightBox .loginout {background-color:#c92020;}
#header_box .headerNav ul.navCenter li.rightBox .loginout:hover {background-color:red;}
#header_box .headerNav ul.navCenter li.rightBox .mypage {background-color:#138bee;}
#header_box .headerNav ul.navCenter li.rightBox .mypage:hover {background-color:#3c9cf6;}
#header_box .headerNav ul.navCenter li span:last-child {margin-right:0;}
#header_box .headerNav ul.navCenter li span.guideTxt {letter-spacing:-1.2px; color:#000;}
#header_box .headerNav ul.navCenter li span.guideBtn {margin-left:10px; padding:12px 24px; font-size:28px; color:#fff; background-color:#CD2325; border-radius:32px;}

#header_box .dropBar {display:none; position:fixed; top:0; width:100%; height:100vh; background-color:rgba(255,255,255,0.9); z-index:10;}
#header_box .dropBar ul {box-sizing:border-box; padding:10px; width:100%; height:100%; text-align:center; background-color:rgba(0,0,0,0.8);}
#header_box .dropBar ul li {box-sizing:border-box; margin-bottom:6px; width:100%; font-size:16px; color:#fff;}
#header_box .dropBar ul li.menuTitle {margin-bottom:6px; padding:10px 0;}
#header_box .dropBar ul li.menuTitle .logoBox {float:left; display:inline-block; width:200px; height:45px;}
#header_box .dropBar ul li.menuTitle .closeX {float:right; display:inline-block; padding:6px 12px; font-size:24px; color:#fff;}
#header_box .dropBar ul li.menuTitle .memTxt {float:left; display:inline-block; padding:6px 12px; font-size:14px;}
#header_box .dropBar ul li.menuTitle .loginSpan {float:right; display:inline-block; padding:6px 20px; font-size:12px; border:1px solid #fff; border-radius:20px;}
#header_box .dropBar ul li:last-child {margin-bottom:0;}
#header_box .dropBar ul li:after {display:block; clear:both; content:"";}
#header_box .dropBar ul li a {display:inline-block; padding:6px 0;}

@media screen and (max-width:1000px) {
	#header_box .headerMain .mainCenter {padding:0;}
	#header_box .web {display:none;}
	#header_box .headerMain .mainCenter .logoBox {width:200px; height:75px; background:url('/images/nav/logo.png') no-repeat center; background-size:contain;}
	#header_box .headerMain .mainCenter .rightBtnBox.mb {margin:0 10px 0 0;}
}
@media screen and (min-width:1001px) and (max-width:1200px) {
	#header_box .headerNav ul.navCenter li.leftBox span {padding:2px;}
	#header_box .headerNav ul.navCenter li.rightBox span {padding:2px 4px;}
}
@media screen and (min-width:1001px) {
	#header_box .headerMain .mainCenter {padding:24px 0;}
	#header_box .mb {display:none;}
}


/*---------------------------- FOOTER BOX  ----------------------------*/
.footer_box {padding-bottom:200px; width:100%; font-family:'GmarketSansLight'; z-index:0; font-size:13px; font-weight:300; background-color:#141f33; color:#8ba9cb;}
.footer_box .footer_box1100 {position:relative; margin:0 auto; width:100%; max-width:1100px; padding-top:34px; margin:0 auto;}
.footer_box .footer_box1100:after {display:block; clear:both; content:"";}
.footer_box .footer_box1100 > div {box-sizing:border-box; padding:10px;}

@media screen and (max-width:1100px) {
	.footer_box .footer_box1100 > .memberBox {float:left; margin-bottom:20px; width:100%; max-width:690px;}
	.footer_box .footer_box1100 > .customerBox {float:left; margin-bottom:20px; width:100%; max-width:410px;}
	.footer_box .footer_box1100 > .companyBox {float:left; margin-bottom:20px; width:100%; max-width:690px;}
	.footer_box .footer_box1100 > .copyright {float:left; padding-top:30px; width:100%; border-top:1px solid #8ba9cb;}
}
@media screen and (min-width:1101px) {
	.footer_box .footer_box1100 > .memberBox {float:left; margin-bottom:20px; width:100%; max-width:690px;}
	.footer_box .footer_box1100 > .customerBox {float:right; margin-bottom:20px; width:100%; max-width:410px;}
	.footer_box .footer_box1100 > .companyBox {float:left; margin-bottom:20px; width:100%; max-width:690px;}
	.footer_box .footer_box1100 > .copyright {float:left; padding-top:30px; width:100%; border-top:1px solid #8ba9cb;}
}


/*-------------------------------------- POPUP  ----------------------------*/
#popupBox {display:none; position:fixed; width:100%; height:100%; z-index:11;}
#popupBox.active {display:block;}
#popupBox .popupBg {width:100%; height:100%; background-color:rgba(0,0,0,0.6);}
#popupBox .contentsBox {display:table; position:absolute; top:0px; left:0px; width:100%; height:100%;}

@media screen and (max-width:880px) {
	#popupBox .contentsBox .centerBox {box-sizing:border-box; position:relative; margin:0 auto; padding:10px; width:calc(100% - 20px); max-width:448px; border-radius:10px; color:#000; background-color:#fff; box-shadow:4px 4px 20px 0 rgba(0,0,0,0.4);}
}
@media screen and (min-width:881px) {
	#popupBox .contentsBox .centerBox {box-sizing:border-box; position:relative; margin:0 auto; padding:24px; width:100%; max-width:448px; border-radius:10px; color:#000; background-color:#fff; box-shadow:4px 4px 20px 0 rgba(0,0,0,0.4);}
}
#popupBox .contentsBox .centerBox .titleBox {box-sizing:border-box; position:relative; width:100%; height:60px; text-align:center; font-size:24px;}
#popupBox .contentsBox .centerBox .titleBox .title {padding:10px; font-weight:bold;}
#popupBox .contentsBox .centerBox .titleBox .closeX {position:absolute; top:0; right:0; cursor:pointer;}
#popupBox .contentsBox .centerBox .info_box {width:100%;}

/** login, join */
#popupBox .contentsBox .loginBox {box-sizing:border-box; display:table-cell; width:448px; height:100%; vertical-align:middle;}
#popupBox .contentsBox .loginBox .centerBox {max-width:448px;}
#popupBox .contentsBox .joinBox {box-sizing:border-box; display:table-cell; width:600px; height:100%; vertical-align:middle;}
#popupBox .contentsBox .joinBox .centerBox {width:calc(100% - 20px); max-width:600px;}

#popupBox .contentsBox .centerBox .info_box .input_box {width:100%;}
#popupBox .contentsBox .centerBox .info_box .input_box:after {display:block; clear:both; content:"";}
#popupBox .contentsBox .centerBox .info_box .input_box:last-child {margin:0;}
#popupBox .contentsBox .centerBox .info_box .input_box .editTitle {box-sizing:border-box; float:left; padding:0 10px; width:50%; height:20px; font-size:13px; color:rgba(0,0,0,0.6);}
#popupBox .contentsBox .centerBox .info_box .input_box .inp {box-sizing:border-box; padding:10px; width:100%; height:52px; border:1px solid #ccc; border-radius:10px;}
#popupBox .contentsBox .centerBox .info_box .input_box .halfInp {box-sizing:border-box; float:left; margin:2px; width:calc(50% - 4px); height:52px; border:1px solid #ccc; border-radius:10px;}
#popupBox .contentsBox .centerBox .info_box .input_box .cnfmBox {float:left; width:100%; height:20px; font-size:13px;}
#popupBox .contentsBox .centerBox .info_box .input_box .cnfmBox:after {display:block; clear:both; content:"";}
#popupBox .contentsBox .centerBox .info_box .input_box .cnfmBox div {box-sizing:border-box; float:left; padding:0 10px; width:50%; height:100%;}
#popupBox .contentsBox .centerBox .info_box .input_box .loginBtn {margin:0; text-align:center; color:#fff; background-color:#c92020; cursor:pointer; transition:all 0.2s;}
#popupBox .contentsBox .centerBox .info_box .input_box .joinBtn {margin:0; text-align:center; color:#fff; background-color:#222; cursor:pointer; transition:all 0.2s;}
#popupBox .contentsBox .centerBox .info_box .input_box .loginBtn:hover,
#popupBox .contentsBox .centerBox .info_box .input_box .joinBtn:hover {background-color:#777;}
#popupBox .contentsBox .centerBox .info_box .chkInput_box {margin:20px 0;}
#popupBox .contentsBox .centerBox .info_box .caution {font-size:12px; color:rgba(0,0,0,0.6);}

#popupBox .contentsBox .centerBox .chkInput_box .popupTermsBtn {margin-left:10px; padding:4px 8px; border:1px solid #ccc; border-radius:4px; cursor:pointer;}
#popupBox .contentsBox .centerBox .chkInput_box .popupTermsBtn:hover {background-color:#eee;}
#popupBox .contentsBox .joinBox .termPopup {box-sizing:border-box; display:none; position:absolute; padding:10px; left:4px; top:100px; width:calc(100% - 10px); height:400px; background-color:#fff; border:1px solid #ccc; border-radius:4px;}
#popupBox .contentsBox .joinBox .termPopup > div {width:100%; height:320px; overflow-y:scroll;}
#popupBox .contentsBox .joinBox .termPopup .closetermsBtn {position:absolute; bottom:10px; right:10px; padding:4px 8px; background-color:#eee; border:1px solid #ccc; border-radius:4px; cursor:pointer;}

@media screen and (min-width:1001px) {
	#popupBox .contentsBox .centerBox .info_box .input_box .halfInp {padding:10px;}
	#popupBox .contentsBox .centerBox .info_box .input_box .halfInp .numberInp {width:50px;}
}
@media screen and (max-width:1000px) {
	#popupBox .contentsBox .centerBox .info_box .input_box .halfInp {padding:10px 4px;}
	#popupBox .contentsBox .centerBox .info_box .input_box .halfInp .numberInp {width:36px;}
}


/** product edit */
#popupBox .contentsBox .editPickBox {box-sizing:border-box; display:table-cell; width:100%; max-width:980px; height:100%; vertical-align:middle;}
#popupBox .contentsBox .editPickBox .centerBox {max-width:980px;}

#popupBox .contentsBox .centerBox .info_box .center_box:after {display:block; clear:both; content:"";}
#popupBox .contentsBox .centerBox .info_box .itemImgBox {float:left; width:640px; height:640px;}
#popupBox .contentsBox .centerBox .info_box .itemImgBox .mainImg {width:100%; height:634px; border:1px solid #ccc; border-radius:4px;}

#popupBox .contentsBox .centerBox .info_box .itemInfoBox {box-sizing:border-box; float:left; padding-left:10px; width:calc(100% - 640px); height:600px;}
#popupBox .contentsBox .centerBox .info_box .itemInfoBox ul {width:100%;}
#popupBox .contentsBox .centerBox .info_box .itemInfoBox ul li {margin-bottom:10px; width:100%;}
#popupBox .contentsBox .centerBox .info_box .itemInfoBox ul li .tit {display:block; width:100%;}
#popupBox .contentsBox .centerBox .info_box .itemInfoBox ul li .con {display:block; width:100%;}
#popupBox .contentsBox .centerBox .info_box .itemInfoBox ul li .con .inp {box-sizing:border-box; padding:10px; width:100%;}
#popupBox .contentsBox .centerBox .info_box .itemInfoBox ul li .con .keyword {box-sizing:border-box; display:inline-block; margin:2px; padding:4px 8px; text-align:center; background-color:#eee; border-radius:20px; cursor:pointer;}
#popupBox .contentsBox .centerBox .info_box .itemInfoBox ul li .con .keyword .keywordX {display:inline-block; margin-left:4px; padding:0 3px; width:14px; font-size:14px; border:1px solid #000; border-radius:20px;}
#popupBox .contentsBox .centerBox .info_box .itemInfoBox ul li .con .keyword .keywordX:hover {color:#fff; background-color:#000;}

#popupBox .contentsBox .centerBox .info_box .itemInfoBox ul li .con .keyword.add {width:46%; color:#fff; background-color:#007bff;  transition:all 0.2s;}
#popupBox .contentsBox .centerBox .info_box .itemInfoBox ul li .con .keyword.add:hover {background-color:#0062cc;}
#popupBox .contentsBox .centerBox .info_box .itemInfoBox ul li .con .keyword.add #newKeyword {width:calc(100% - 30px); height:16px; background-color:transparent; border:none; border-bottom:1px solid #fff;}
#popupBox .contentsBox .centerBox .info_box .itemInfoBox ul li .con .keyword .keywordAdd {display:inline-block; margin-left:4px; padding:0 3px; width:14px; font-size:14px; font-weight:bold; color:#fff; border:1px solid #fff; border-radius:20px;}
#popupBox .contentsBox .centerBox .info_box .itemInfoBox ul li .con .keyword .keywordAdd:hover {color:#0062cc; background-color:#fff;}
#popupBox .contentsBox .centerBox .info_box .itemBtnBox {box-sizing:border-box; float:left; padding-left:10px; width:calc(100% - 640px); height:40px; line-height:40px;}
#popupBox .contentsBox .centerBox .info_box .itemBtnBox .pickItemBtn {width:100%; height:100%; text-align:center; color:#fff; background-color:rgb(61,0,146); border-radius:4px; cursor:pointer; transition:all 0.2s;}
#popupBox .contentsBox .centerBox .info_box .itemBtnBox .pickItemBtn:hover {background-color:rgba(61,0,146,0.8);}

/** category */
#popupBox .contentsBox .categoryBox {box-sizing:border-box; display:table-cell; width:1280px; height:100%; vertical-align:middle;}
#popupBox .contentsBox .categoryBox .centerBox {width:1280px;}
#popupBox .contentsBox .categoryBox .centerBox .titleBox {width:100%; text-align:left;}
#popupBox .contentsBox .categoryBox .centerBox .info_box {width:100%; height:500px; background-color:rgba(0,0,0,0.04);}
#popupBox .contentsBox .categoryBox .centerBox .info_box .center_box {width:100%; height:100%;}
#popupBox .contentsBox .categoryBox .centerBox .info_box .center_box:after {display:block; clear:both; content:"";}
#popupBox .contentsBox .categoryBox .centerBox .info_box ul {float:left; width:25%; height:100%; overflow-y:scroll;}
#popupBox .contentsBox .categoryBox .centerBox .info_box ul li {box-sizing:border-box; padding:6px 12px; width:100%;}
#popupBox .contentsBox .categoryBox .centerBox .info_box ul li:after {display:block; clear:both; content:"";}
#popupBox .contentsBox .categoryBox .centerBox .info_box ul li .link {float:left; display:block; width:calc(100% - 30px); height:30px; cursor:pointer;}
#popupBox .contentsBox .categoryBox .centerBox .info_box ul li .link:hover {font-weight:bold; color:rgba(61,0,146,0.8); text-decoration:underline;}
#popupBox .contentsBox .categoryBox .centerBox .info_box ul li .nextLv {box-sizing:border-box; float:left; display:block; padding:6px 9px; width:30px; text-align:center; font-size:12px; border:1px solid transparent; border-radius:16px; cursor:pointer; transition:all 0.2s;}
#popupBox .contentsBox .categoryBox .centerBox .info_box ul li .nextLv:hover {color:rgba(61,0,146,0.8); background-color:#eee; border:1px solid rgba(61,0,146,0.8);}

/** etc infos */
#popupBox .contentsBox .editInfoBox {box-sizing:border-box; display:table-cell; width:100%; max-width:600px; height:100%; vertical-align:middle;}
#popupBox .contentsBox .editInfoBox .centerBox {max-width:700px;}


/*-------------------------------------- loadingPop  ----------------------------*/
#loadingPop {display:none; position:fixed; width:100%; height:100%; z-index:2;}
#loadingPop.active {display:block;}
#loadingPop .popupBg {width:100%; height:100%; background-color:rgba(0,0,0,0.6);}
#loadingPop .contentsBox {display:table; position:absolute; top:0px; left:0px; width:100%; height:100%; text-align:center; color:#fff;}
#loadingPop .contentsBox .wrapBox {box-sizing:border-box; display:table-cell; width:100%; height:100%; vertical-align:middle;}


/*-------------------------------------- itemBox  ----------------------------*/
/** info **/
.itemBox {width:100%; background-color:#fafafa;}
.itemBox .centerBox {margin:0 auto 20px; padding:60px 0; width:100%; max-width:1280px; text-align:center;}
.itemBox .centerBox > ul {box-sizing:border-box; padding:10px; width:100%; height:100%;}
.itemBox .centerBox > ul:after {display:block; clear:both; content:"";}
.itemBox .centerBox > ul li.itemImgBox {box-sizing:border-box;}
.itemBox .centerBox > ul li.itemImgBox .mainImg {box-sizing:border-box; margin-bottom:10px; width:100%; height:620px; border:1px solid #ccc; border-radius:4px;}
.itemBox .centerBox > ul li.itemImgBox .thumbImgWrap {box-sizing:border-box; width:100%; height:82px; overflow-x:auto; border:1px solid #ccc; border-radius:4px;}
.itemBox .centerBox > ul li.itemImgBox ul.thumbImg {box-sizing:border-box; width:100%; height:80px;}
.itemBox .centerBox > ul li.itemImgBox ul.thumbImg:after {display:block; clear:both; content:"";}
.itemBox .centerBox > ul li.itemImgBox ul.thumbImg li {float:left; width:80px; height:80px; cursor:pointer;}
.itemBox .centerBox > ul li.itemInfoBox {box-sizing:border-box; text-align:left;}
.itemBox .centerBox > ul li.itemInfoBox .itemDetailInfoBox {margin-bottom:0; width:100%;}

.itemBox .centerBox > ul li.itemInfoBox .itemDetailInfoBox::-webkit-scrollbar 
{background-color:transparent; width:14px; height:14px;}
.itemBox .centerBox > ul li.itemInfoBox .itemDetailInfoBox::-webkit-scrollbar-thumb 
{background-clip:padding-box; background-color:#eee; border:2px solid transparent; border-radius:7px; transition:all 0.2s;}
.itemBox .centerBox > ul li.itemInfoBox .itemDetailInfoBox::-webkit-scrollbar-thumb:hover 
{background-color:#ccc;}

.itemBox .centerBox > ul li.itemInfoBox .itemDetailInfoBox ul.itemInfoTable {box-sizing:border-box; width:100%; background-color:#fff; border:1px solid #ccc; border-radius:4px;}
.itemBox .centerBox > ul li.itemInfoBox .itemDetailInfoBox ul.itemInfoTable li {display:table; width:100%; border-bottom:1px solid #ccc;}
.itemBox .centerBox > ul li.itemInfoBox .itemDetailInfoBox ul.itemInfoTable li:last-child {border-bottom:none;}
.itemBox .centerBox > ul li.itemInfoBox .itemDetailInfoBox ul.itemInfoTable li > span {box-sizing:border-box; display:table-cell; padding:10px; border-right:1px solid #ccc; vertical-align:middle;}
.itemBox .centerBox > ul li.itemInfoBox .itemDetailInfoBox ul.itemInfoTable li > span.tit {width:140px; color:#777;}
.itemBox .centerBox > ul li.itemInfoBox .itemDetailInfoBox ul.itemInfoTable li > span.con {border-right:none;}
.itemBox .centerBox > ul li.itemInfoBox .itemDetailInfoBox ul.itemInfoTable li .con:after {display:block; clear:both; content:"";}
.itemBox .centerBox > ul li.itemInfoBox .itemDetailInfoBox ul.itemInfoTable li .con .keywordVal {float:left; display:inline-block; margin:2px; padding:4px 8px; font-size:14px; border:1px solid #ccc; border-radius:16px; vertical-align:middle;}
.itemBox .centerBox > ul li.itemInfoBox .itemDetailInfoBox ul.itemInfoTable li .con.opt2 {display:none;}
.itemBox .centerBox > ul li.itemInfoBox .itemDetailInfoBox ul.itemInfoTable li .con.opt2.show {display:table-cell;}
.itemBox .centerBox > ul li.itemInfoBox .itemDetailInfoBox ul.itemInfoTable li .con .optVal {display:inline-block; margin:2px; padding:4px 8px; font-size:14px; border:1px solid #ccc; border-radius:16px; vertical-align:middle; cursor:pointer;}
.itemBox .centerBox > ul li.itemInfoBox .itemDetailInfoBox ul.itemInfoTable .con .optVal:hover {border:1px solid #000;}
.itemBox .centerBox > ul li.itemInfoBox .itemDetailInfoBox ul.itemInfoTable .con .optVal.active {background-color:#eee; border:1px solid #000;}
.itemBox .centerBox > ul li.itemInfoBox select,
.itemBox .centerBox > ul li.itemInfoBox input {box-sizing:border-box; margin-bottom:10px; padding:10px; width:100%; font-size:16px; border:1px solid #ccc; border-radius:4px;}

@media screen and (min-width:801px) {
	.itemBox .centerBox > ul li.itemImgBox {float:left; padding-right:10px; width:50%;}
	.itemBox .centerBox > ul li.itemInfoBox {float:left; width:50%;}
	.itemBox .centerBox > ul li.itemInfoBox .itemDetailInfoBox {height:620px; overflow-y:auto;}
}
@media screen and (max-width:800px) {
	.itemBox .centerBox > ul li.itemImgBox {margin-bottom:10px; width:100%;}
	.itemBox .centerBox > ul li.itemInfoBox {width:100%;}
}
@media screen and (max-width:450px) {
	.itemBox .centerBox > ul li.itemImgBox .mainImg {height:450px;}
}
/** info **/

/** button **/
.itemBox .centerBox > ul li.itemInfoBox .pickBtn {display:inline-block; margin:2px; padding:10px 18px; text-align:center; color:#fff; background-color:#eee; border-radius:20px; cursor:pointer;}
.itemBox .centerBox > ul li.itemInfoBox .pickBtn:hover {background-color:#ccc;}
.itemBox .centerBox > ul li.itemInfoBox .active .pickBtn {background-color:rgb(61,0,146); cursor:pointer;}
.itemBox .centerBox > ul li.itemInfoBox .active .pickBtn:hover {background-color:rgba(61,0,146,0.8);}
.itemBox .centerBox > ul li.itemInfoBox .picked .pickBtn {background-color:rgb(61,0,146); cursor:pointer;}
.itemBox .centerBox > ul li.itemInfoBox .picked .pickBtn:hover {background-color:rgba(61,0,146,0.8);}
.itemBox .centerBox > ul li.itemInfoBox .uploaded .pickBtn {background-color:#eee;}
.itemBox .centerBox > ul li.itemInfoBox .uploaded .pickBtn:hover {background-color:#ccc;}

.itemBox .centerBox > ul li.itemInfoBox .excelBtn {display:inline-block; margin:2px; padding:10px 18px; text-align:center; color:#fff; background-color:#eee; border-radius:20px; cursor:pointer;}
.itemBox .centerBox > ul li.itemInfoBox .excelBtn:hover {background-color:#ccc;}
.itemBox .centerBox > ul li.itemInfoBox .active .excelBtn {background-color:#23C04A; cursor:pointer;}
.itemBox .centerBox > ul li.itemInfoBox .active .excelBtn:hover {background-color:#1ACA38;}
.itemBox .centerBox > ul li.itemInfoBox .picked .excelBtn {background-color:#23C04A; cursor:pointer;}
.itemBox .centerBox > ul li.itemInfoBox .picked .excelBtn:hover {background-color:#1ACA38;}
.itemBox .centerBox > ul li.itemInfoBox .uploaded .excelBtn {background-color:#eee;}
.itemBox .centerBox > ul li.itemInfoBox .uploaded .excelBtn:hover {background-color:#ccc;}

.itemBox .centerBox > ul li.itemInfoBox .apiBtn {display:inline-block; margin:2px; padding:10px 18px; text-align:center; color:#fff; background-color:#eee; border-radius:20px; cursor:pointer;}
.itemBox .centerBox > ul li.itemInfoBox .apiBtn:hover {background-color:#ccc;}
.itemBox .centerBox > ul li.itemInfoBox .active .apiBtn {background-color:#2C9EDC; cursor:pointer;}
.itemBox .centerBox > ul li.itemInfoBox .active .apiBtn:hover {background-color:#2DA4E3;}
.itemBox .centerBox > ul li.itemInfoBox .picked .apiBtn {background-color:#2C9EDC; cursor:pointer;}
.itemBox .centerBox > ul li.itemInfoBox .picked .apiBtn:hover {background-color:#2DA4E3;}
.itemBox .centerBox > ul li.itemInfoBox .uploaded .apiBtn {background-color:#eee;}
.itemBox .centerBox > ul li.itemInfoBox .uploaded .apiBtn:hover {background-color:#ccc;}
/** button **/

.itemBox .centerBox > ul li.itemDetailContents {float:left; margin-top:20px; padding-top:20px; width:100%; border-top:1px solid #ccc;}




/*-------------------------------------- SEARCH or MAIN PRODUCTLIST  ----------------------------*/
.mainBox .productListBox {padding:32px 0; width:100%;}
.mainBox .productListBox:nth-child(2n) {background-color:#ecf2f6;}
.mainBox .productListBox .wrap {position:relative; margin:0 auto; width:100%; max-width:1200px; min-height:788px;}
.mainBox .productListBox .ItemTitle {margin:0 auto 2px; width:100%; max-width:1200px; text-align:center; font-size:30px; font-weight:bold;}
.mainBox .productListBox .ItemSubTitle {margin:0 auto 27px; width:100%; max-width:1200px; text-align:center; font-size:15px; font-weight:400; color:#929292;}
.mainBox .productListBox ul {position:relative; top:0; left:0; width:100%;}
.mainBox .productListBox ul:after {display:block; clear:both; content:"";}
.mainBox .productListBox ul li {box-sizing:border-box; float:left; padding:12px; width:240px;}
.mainBox .productListBox ul li > div {position:relative; width:100%; height:100%; min-height:370px; overflow:hidden;}
.mainBox .productListBox ul li .titleBox {margin-bottom:10px; width:100%; font-size:26px; font-weight:400;}
.mainBox .productListBox ul li .titleBox .boldTit {font-weight:600;}
.mainBox .productListBox ul li .link {display:inline; position:absolute; bottom:50px; left:12px; font-size:14px; font-weight:400;}
.mainBox .productListBox ul li .link:hover {bottom:46px; left:2px; padding:4px 10px; color:#3c9cf6; background-color:#eee; border-radius:20px;}
.mainBox .productListBox:nth-child(2n) ul li .link:hover {background-color:#fff;}
.mainBox .productListBox ul li .imgBox {width:100%; height:200px; overflow:hidden;}
.mainBox .productListBox ul li .imgBox .imgInBox {width:100%; height:100%; transition:all 0.4s;}
.mainBox .productListBox ul li .imgBox .imgInBox:hover {transform:scale(1.06);}
.mainBox .productListBox ul li .txtBox {box-sizing:border-box; padding:10px 0 7.13px; width:100%;}
.mainBox .productListBox ul li .txtBox .productName {display:-webkit-box; display:-ms-flexbox; display:box;  margin-bottom:9px; width:100%; height:48px; line-height:25px; letter-spacing:-0.56px; font-weight:bold; overflow:hidden; vertical-align:top; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.mainBox .productListBox ul li .txtBox .sellPrice {width:100%; font-size:20px; font-weight:bold; color:#f71010;}
.mainBox .productListBox ul li .editProductBox {box-sizing:border-box; padding:0 0 10px; width:100%; color:#fff;}
.mainBox .productListBox ul li .editProductBox:after {display:block; clear:both; content:"";}
.mainBox .productListBox ul li .editProductBox .pickHeart {box-sizing:border-box; float:left; margin:1px 0; width:100%; height:27px; text-align:center; font-size:14px; background-color:#0C8E5A; cursor:pointer; transition:all 0.2s;}
.mainBox .productListBox ul li .editProductBox .pickHeart .txt {float:left; padding:4px 0; width:calc(100% - 27px);}
.mainBox .productListBox ul li .editProductBox .pickHeart .icon {float:right; width:27px; height:27px; background:url('/images/icon/upload.png') no-repeat center;}


.mainBox .moreBox {box-sizing:border-box; position:relative; margin:100px auto; padding:20px 0 0; width:100%; max-width:1280px; text-align:center;}
.mainBox .moreBox .moreItemBtn {box-sizing:border-box; display:inline-block; padding:18px 0; width:302px; height:67px; font-size:22px; font-weight:bold; background-color:#fff; border:1px solid #AAAAAAAB; cursor:pointer; transition:all 0.2s;}
.mainBox .moreBox .moreItemBtn:hover {background-color:#eee;}
@media screen and (min-width:1201px) {
.mainBox .productListBox ul li {padding:12px; width:20%;}
}
@media screen and (min-width:1001px) and (max-width:1200px) {
.mainBox .productListBox ul li {padding:12px; width:25%;}
}
@media screen and (min-width:801px) and (max-width:1000px) {
.mainBox .productListBox ul li {padding:12px; width:33.33%;}
}
@media screen and (max-width:800px) {
.mainBox .productListBox ul li {padding:10px; width:50%;}
}





/*-------------------------------------- MY PAGE  ----------------------------*/
.myPageBox {margin:0; width:100%; background-color:rgba(114,168,201, 0.1);}
.myPageBox .myPageCenter {margin:0 auto; width:100%;}
.myPageBox .myPageCenter:after {display:block; clear:both; content:"";}

.myPageBox .myPageCenter .leftMenu {float:left; position:relative; background-color:#fff;}
.myPageBox .myPageCenter .leftMenu .menuOpenBar {box-sizing:border-box; padding:10px; width:100%; background-color:#eee;}
.myPageBox .myPageCenter .leftMenu .menuOpenBar:after {display:block; clear:both; content:"";}
.myPageBox .myPageCenter .leftMenu .menuOpenBar .leftBox {float:left;}
.myPageBox .myPageCenter .leftMenu .menuOpenBar .rightBox {float:right; }
.myPageBox .myPageCenter .leftMenu .menuOpenBar .rightBox .openBtn {display:inline-block; position:relative; top:-2px; padding:2px 10px 12px; line-height:10px; text-align:center; border-radius:12px; background-color:#ccc; vertical-align:middle;}
.myPageBox .myPageCenter .leftMenu .menuOpenBar .rightBox .openBtn:hover {color:#fff; background-color:#222;}
.myPageBox .myPageCenter .leftMenu .menuOpenBar .rightBox .openBtn.active {color:#fff; background-color:#222;}
.myPageBox .myPageCenter .leftMenu .leftTotal {box-sizing:border-box; width:100%;}
.myPageBox .myPageCenter .leftMenu .leftTotal ul {box-sizing:border-box; width:100%;}
.myPageBox .myPageCenter .leftMenu .leftTotal ul.profile {display:table; padding:20px;}
.myPageBox .myPageCenter .leftMenu .leftTotal ul.profile li {display:table-cell; padding:10px; text-align:center; font-size:16px; background-color:#3D51E0; border-radius:8px; vertical-align:middle; box-shadow:2px 2px 10px 0 rgba(0,0,0,0.2);}
.myPageBox .myPageCenter .leftMenu .leftTotal ul.profile li:hover {background-color:#2238D7;}
.myPageBox .myPageCenter .leftMenu .leftTotal ul.profile li .photo {margin:0 auto; padding:40px 0; width:100%; color:#fff; cursor:pointer;}
.myPageBox .myPageCenter .leftMenu .leftTotal ul.profile li .userName {width:100%; font-size:14px; color:#fff; cursor:pointer;}
.myPageBox .myPageCenter .leftMenu .leftTotal ul.profile li .userId {width:100%; font-size:13px; color:#fff; cursor:pointer;}
.myPageBox .myPageCenter .leftMenu .leftTotal ul.category {padding:20px; width:100%;}
.myPageBox .myPageCenter .leftMenu .leftTotal ul.category li.tit {margin-bottom:10px; font-size:16px; font-weight:bold; border-bottom:2px solid rgb(238, 239, 240);}
.myPageBox .myPageCenter .leftMenu .leftTotal ul.category li.con {margin-bottom:4px; padding:0 4px; font-size:14px; color:#444;}
.myPageBox .myPageCenter .leftMenu .leftTotal ul.category li.con.active {padding:4px; font-weight:bold; color:#3D51E0; background-color:#eee; border-radius:4px;}
.myPageBox .myPageCenter .leftMenu .leftTotal ul li a {display:block; width:100%; height:100%;}

.myPageBox .myPageCenter .contentBox {float:left; box-shadow:2px 2px 20px 0 rgba(114,168,201, 0.4) inset;}
.myPageBox .myPageCenter .contentBox .contentCenter {box-sizing:border-box; margin:40px auto; padding:30px; width:100%; max-width:1400px; background-color:#fff; box-shadow:2px 2px 20px 0 rgba(114,168,201, 0.4);}
.myPageBox .myPageCenter .contentBox .contentCenter .contentTitle {box-sizing:border-box; padding-bottom:20px; width:100%; font-weight:bold; border-bottom:1px solid #ccc;}
.myPageBox .myPageCenter .contentBox .contentCenter .contentTitle:after {display:block; clear:both; content:"";}
.myPageBox .myPageCenter .contentBox .contentCenter .contentTitle .mainTitle {float:left; font-size:20px;}
.myPageBox .myPageCenter .contentBox .contentCenter .contentTitle .subTitle {float:right; padding-top:10px; font-size:13px;}

.controlBox {box-sizing:border-box; padding:30px 0; width:100%; text-align:right;}
.controlBox .controlProductBtn {box-sizing:border-box; padding:8px 12px; color:#fff; background-color:#3D51E0; border-radius:4px; cursor:pointer; transition:all 0.2s;}
.controlBox .controlProductBtn:hover {color:#fff; background-color:#2238D7;}

.myPageBox .contentBox .contentList {width:100%;}

/** 검색영역 **/
.myPageBox .contentBox .contentList .searchBox {box-sizing:border-box; padding:10px 0; width:100%;}
.myPageBox .contentBox .contentList .searchBox:after {display:block; clear:both; content:"";}
.myPageBox .contentBox .contentList .searchBox .leftBox {float:left;}
.myPageBox .contentBox .contentList .searchBox .rightBox {float:right;}
.myPageBox .contentBox .contentList .selBox {box-sizing:border-box; margin-bottom:4px; height:40px; border:1px solid #ccc; border-radius:4px;}
.myPageBox .contentBox .contentList .searchTxt {box-sizing:border-box; margin-bottom:4px; min-width:140px; border:1px solid #ccc; border-radius:4px;}
.myPageBox .contentBox .contentList .searchBtn {display:inline-block; color:#fff; background-color:#222; border-radius:4px; vertical-align:middle; cursor:pointer; transition:all 0.2s;}
.myPageBox .contentBox .contentList .searchBtn:hover {background-color:#3D51E0;}

.myPageBox .contentBox .contentList	.searchBox .uploadBtn {display:inline-block; color:#fff; background-color:#222; border-radius:4px; cursor:pointer; transition:all 0.2s;}
.myPageBox .contentBox .contentList	.searchBox .uploadBtn:hover {color:#fff; background-color:#3D51E0;}
.myPageBox .contentBox .contentList	.searchBox .deleteBtn {display:inline-block; color:#fff; background-color:#222; border-radius:4px; cursor:pointer; transition:all 0.2s;}
.myPageBox .contentBox .contentList	.searchBox .deleteBtn:hover {color:#fff; background-color:red;}

/** 리스트 **/
.myPageBox .contentBox .contentList .wrap:has(ul.dataList) {margin:20px 0; width:100%; border:1px solid #777; border-radius:4px; overflow-x:auto;}
.myPageBox .contentBox .contentList ul.dataList li {display:table; padding:0; width:100%; text-align:center; border-bottom:1px solid #777;}
.myPageBox .contentBox .contentList ul.dataList li:last-child {border-bottom:none;}
.myPageBox .contentBox .contentList ul.dataList li.tit {font-weight:bold; color:#fff; background-color:#222;}
.myPageBox .contentBox .contentList ul.dataList li.con {font-size:14px; background-color:#fff; cursor:pointer; transition:all 0.2s;}
.myPageBox .contentBox .contentList ul.dataList li.con:hover {background-color:#eee;}
.myPageBox .contentBox .contentList ul.dataList li > span {box-sizing:border-box; display:table-cell; padding:10px 4px;; text-align:left; vertical-align:middle;}
.myPageBox .contentBox .contentList ul.dataList li > span img {border-radius:4px; vertical-align:middle;}
.myPageBox .contentBox .contentList ul.dataList li > span a:hover {text-decoration:underline; color:#3D51E0;}
.myPageBox .contentBox .contentList ul.dataList li > span .btn {display:inline-block; margin:2px; padding:4px; min-width:60px; font-size:14px; color:#000; background-color:#eee; border-radius:20px; cursor:pointer;}
.myPageBox .contentBox .contentList ul.dataList li > span input[type='checkbox'] {width:16px; height:16px;}

.myPageBox .contentBox .contentList ul.dataList li > span .mkicon {box-sizing:border-box; display:inline-block; padding:4px; min-width:42px; text-align:center; letter-spacing:-1px; font-size:12px; border-radius:14px; vertical-align:middle;}
.myPageBox .contentBox .contentList ul.dataList li > span .mk_cp {color:#fff; background-color:#F03E42;}
.myPageBox .contentBox .contentList ul.dataList li > span .mk_smst {color:#fff; background-color:#11E34A;}
.myPageBox .contentBox .contentList ul.dataList li > span .btn.uploadBtn {color:#fff; background-color:#222;}
.myPageBox .contentBox .contentList ul.dataList li > span .btn.uploadBtn:hover {color:#fff; background-color:#3D51E0;}
.myPageBox .contentBox .contentList ul.dataList li > span .btn.deleteBtn {color:#fff; background-color:#222;}
.myPageBox .contentBox .contentList ul.dataList li > span .btn.deleteBtn:hover {color:#fff; background-color:red;}

/** 검색더보기 **/
.myPageBox .contentBox .contentList .BtnBox {padding:20px 0; width:100%; text-align:center;}
.myPageBox .contentBox .contentList .BtnBox .moreListBtn {display:inline-block; padding:4px 18px; width:200px; font-size:20px; background-color:#eee; border-radius:4px; cursor:pointer; transition:all 0.2s;}
.myPageBox .contentBox .contentList .BtnBox .moreListBtn:hover {color:#fff; background-color:rgba(0,0,0,0.8);}
@media screen and (min-width:1001px) {
	.myPageBox .myPageCenter .leftMenu {width:220px; min-height:70vh;}
	.myPageBox .myPageCenter .leftMenu .menuOpenBar {display:none;}
	.myPageBox .myPageCenter .leftMenu .leftTotal {display:block;}
	.myPageBox .myPageCenter .contentBox {width:calc(100% - 220px);}
	
	.myPageBox .contentBox .contentList ul.dataList {width:100%; min-width:900px;}
	.myPageBox .contentBox .contentList ul.dataList li > span.mb {display:none;}
	.myPageBox .contentBox .contentList ul.dataList li > span:not(.mb) {display:table-cell;}
	.myPageBox .contentBox .contentList ul.dataList li > span.all {display:table-cell;}
	
	.myPageBox .contentBox .contentList .selBox {padding:6px; min-width:100px;}
	.myPageBox .contentBox .contentList .searchTxt {padding:6px; height:40px;}
	.myPageBox .contentBox .contentList .searchBtn {padding:8px 12px;}
}
@media screen and (max-width:1000px) {
	.myPageBox .myPageCenter .contentBox .contentCenter {margin:0 auto; padding:10px;}
	
	.myPageBox .myPageCenter .leftMenu {width:100%; z-index:1;}
	.myPageBox .myPageCenter .leftMenu .menuOpenBar {display:block;}
	.myPageBox .myPageCenter .leftMenu .leftTotal {display:none; position:absolute; top:46px; left:0; max-height:calc(100vh - 300px); background-color:#fff; overflow-y:auto; box-shadow:0 0 20px 0 rgba(0,0,0,0.4);}
	.myPageBox .myPageCenter .contentBox {position:relative; padding:40px 0; width:100%;}
	
	.myPageBox .contentBox .contentList ul.dataList li > span.mb {display:table-cell;}
	.myPageBox .contentBox .contentList ul.dataList li > span:not(.mb) {display:none;}
	.myPageBox .contentBox .contentList ul.dataList li > span.all {display:table-cell;}
	
	.myPageBox .contentBox .contentList .selBox {padding:6px 4px; max-width:160px;}
	.myPageBox .contentBox .contentList .searchTxt {padding:4px 8px; height:40px;}
	.myPageBox .contentBox .contentList .searchBtn {padding:8px 12px; font-size:14px;}
}


/***** board paging *****/
ul.pagingBox {box-sizing:border-box; margin-top:20px; width:100%; text-align:center;}
ul.pagingBox li {box-sizing:border-box; display:inline; margin:2px; font-size:14px; color:#222; background-color:#fff; border-radius:16px; border:1px solid #222; cursor:pointer;}
ul.pagingBox li:hover {color:#3D51E0; background-color:rgba(114,168,201, 0.2); border:1px solid #3D51E0;}
ul.pagingBox li.on {color:#fff; background-color:#222; border:1px solid #222;}
ul.pagingBox li.on:hover {background-color:#3D51E0; border:1px solid #3D51E0;}
@media screen and (min-width:1001px) {
	ul.pagingBox li {padding:4px 11px;}
}
@media screen and (max-width:1000px) {
	ul.pagingBox li {padding:2px 9px;}
}