.mt0 { margin-top:0 !important; }
.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mb0 { margin-bottom:0 !important; }
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb50 { margin-bottom:50px !important; }
.pt0 { padding-top:0 !important; }
.pb0 { padding-bottom:0 !important; }
.pl10 { padding-left:10px !important; }
.pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }
.lh20 { line-height:20px !important; }
.txtL { text-align:left !important; }
.txtR { text-align:right !important; }
.h50 { height:50px !important; }

.quick-menu ul li a {
  position: relative;
  z-index: 10;
}

.board-area.photo a {
	position:relative;
	margin-left:90px;
}

.board-area.photo a img.photo {
	position:absolute;
	top:-6px;
	left:-90px;
	width:80px;
	height:60px;
}

.login-area.text-info p {
	margin:10px 0;
}

.login-area.text-info p strong {
	color:#333;
}

.sub-slide .item {
	padding-top:90px;
}

.sub-slide .item .title {
	position: absolute;
	top:0;
	padding-top:62px;
	width:100%;
	height: 180px;
	color: white;
	text-align: center;
	background: #000 no-repeat 50% 50%;
	background-size: cover;
	background-image: url(../images/slide/sub_shop_01.jpg);
}

.sub-slide .item.set2 .title {
	background-image: url(../images/slide/sub_shop_02.png);
}

.sub-slide .item.set3 .title {
	background-image: url(../images/slide/sub_shop_03.png);
}

.sub-slide .item.set2 .contents-item ul li::after {
	background-image: url(../images/common/shop_spr2.png);
}

.sub-slide .item.set3 .contents-item ul li::after {
	background-image: url(../images/common/shop_spr3.png);
}

.sub-slide .contents-item .item .info-box {
  padding: 15px;
  border-radius: 5px;
  background-color: #f2f2f2;
  margin-bottom:20px;
}

.sub-slide .contents-item .item .info-box h3 {
  padding: 3px 0;
  font-size: 19px;
  color: #303030
}

.signup .btn-box.naver a { color:#1c9d43; border-color:#aed99c; }
.signup .btn-box.naver a::before { background-image: url("../images/logo/naver.png"); }
.signup .btn-box.kakao a { color:#412e34; border-color:#cdc3c6; }
.signup .btn-box.kakao a::before { background-image: url("../images/logo/kakao.png"); }
.signup .btn-box.facebook a { color:#3c5b9a; border:1px solid #b5bed4; }
.signup .btn-box.facebook a::before { background-image: url("../images/logo/facebook.png"); }
.signup .btn-box.google a { color:#dc4a38; border-color:#f2aaa2; }
.signup .btn-box.google a::before { background-image: url("../images/logo/google.png"); }
.signup .btn-box.twitter a { color:#28aae1; border-color:#a7d7ed; }
.signup .btn-box.twitter a::before { background-image: url("../images/logo/twitter.png"); }

.paging-box { position:relative; text-align:center; }
.paging-box ul { display:inline-block; }
.paging-box ul li { margin:0 3px; width:30px; float:left; padding:0; }
.paging-box ul li.none {border:1px solid #fff; }

.gallery .item .price.nick { color:#333; }
.imgbox { width:100%; height:0; padding-bottom:100%; display:inline-block; background-color:#fff; background-size:contain; background-repeat:no-repeat; background-position:center; position:relative; }
.imgbox.bg1 { background-color:#f5f5f5; }
.imgbox.bg2 { background-color:#373737; }
.imgbox.cart { width:80px; height:80px; padding-bottom:0; border:1px solid #ddd; }
.imgbox.print { border:1px solid #ddd; width:45%; padding-bottom:45%; margin-right:5%; }
.imgbox.goods { border:1px solid #ddd; width:30%; padding-bottom:30%; margin-left:2%; }

.imgbox.btn a {
	position:absolute;
	display:block;
	top:-10px;
	right:-10px;
	width:30px;
	height:30px;
}

.imgbox.btn a::after,
.imgbox.btn a::before {
	position:absolute;
	display:block;
	content:'';
}

.imgbox.btn a::before {
	top:calc(50% - 10px);
	left:calc(50% - 10px);
	width:20px;
	height:20px;
	border-radius:100%;
	background-color:#aa8f77;
}

.imgbox.btn a::after {
	top:calc(50% - 8px);
	left:calc(50% - 8px);
	width:16px;
	height:16px;
	background-image:url("../images/common/del_thumb.png");
	background-repeat:no-repeat;
	background-position:50%;
	background-size:8px;
}


.gallery .item .nick { position:absolute; bottom:15px; font-size:14px; font-weight:700; letter-spacing:-0.05rem; color:#fff; }
.gallery .item .nick::after { content: '님'; }

@media (max-width:360px){
	.left-box .quick-menu ul li::before { top:calc(50% - 38px); left:calc(50% - 30px); width:60px; height:60px; }
}

.board-area .view .title span	.proc::before { content:'처리상태'; }
.board-area li span.cat::before { content:'구분'; }
.board-area li span.nobg::after { display:none; }

.input-box input.focus { padding:0 10px; }
.input-box textarea.focus { padding:10px; margin:5px 0; width:100%; height:150px; color:#333; text-align:left; background-color:#f7f5f1; border:1px solid #ddd; font-size:14px; }
.input-box textarea.focus.etc { margin:0; height:60px; }
.input-box textarea.focus::placeholder { color:#ccc; }
.select-box.focus { margin:5px 0; }
.select-box.focus select { padding:0 10px; height:45px; background-color:#f7f5f1; }

.cart-list .item { padding:0; }
.cart-list .item .image { padding:0; }
.cart-list .item .image > span { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #eee; }
.cart-list .item .image > span img { width:80px; }
.cart-list .item .image .check-box { margin-right:10px; font-size:12px; line-height:normal; }
.cart-list .item .image a.view { display:inline-block; margin-top:5px; color:#fff; background-color:#c4bfb5; padding:5px 15px; font-size:12px; }
.cart-list .item .image .check-box span { display:inline-block; width:80px; text-align:center; padding:4px 0 6px ; }
.cart-list .item .image .check-box label { width:80px; }
.cart-list .item .image .check-box.off label::after,
.cart-list .item .image .check-box.off label::before { display:none; }
.cart-list .item .option { padding:5px 0px 5px 90px; }
.cart-list .item .option p { font-size:14px; }
.cart-list .item .option.off { display:none; }
.cart-list .item .option h3 { font-size:16px; }
.cart-list .input-box input { width:40px; height:30px; }
.cart-list .input-box.gray .btn-box.inner { margin-left:0; display:flex; }
.cart-list .input-box.gray .btn-box.inner a { margin-left:4px; padding:0px 10px; width:auto; height:30px; font-size:13px; font-weight:300; margin-right:0; }
.cart-list .btn-box a.all { font-size:17px; height:50px; background-color:#c4bfb5; }

.film-print li h4 > span { display:inline-block; font-size:12px; padding:0 0 0 5px; }
.film-print ul.frame li span { color:#222; }

.content-box .section .caution li { margin-left:15px; }
.content-box .section .caution li::before { margin-left:-13px; }

.container { font-size:14px; }
.container em { padding:17px 0; display:block; line-height:1.3; font-style:normal; font-size:14px; color:#7f7f7f; }
.main-slide .title h2 { text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }

.agree-area .input-box > .order-text { font-size:12px; }
.agree-area textarea { padding:10px; margin:5px 0; width:100%; height:80px; color:#333; text-align:left; background-color:#f7f5f1; border:1px solid #ddd; font-size:14px; }

em.descript { position:relative; padding-left:10px; }
em.descript::before { position:absolute; content:'*'; top:20px; left:0; }

.content-box .section .caution li { margin-bottom:10px; }

.order-list .title-area { border-top:1px solid #ccc; font-size:14px; padding-left:10px; }
.order-list .title-area.on { background-color:#f7f5f1; }
.order-list > div:first-child .title-area { border-top:1.5px solid #414249; }
.order-list > div:last-child { border-bottom:1px solid #414249; }
.order-list .title-area + div .form-area { border-top:1px solid #ddd; margin:0; }
.order-list .order_data .order_detail { position:relative; font-size:13px; line-height:25px; padding:5px; margin-left:85px; }
.order-list .order_data .order_detail > span { position:absolute; left:-70px; }

ul.frame { margin:10px 0 0 0; display:table-cell; }
ul.frame li { padding:0; margin:2.5% 0; width:47.5%; position:relative; float:left; box-sizing:border-box; background:#fff; border:1px solid #ccc; padding-bottom:25px; }
ul.frame li:nth-child(2n) { margin-left:5%; }
ul.frame li span { position:absolute; bottom:0; line-height:10px; z-index:3; font-size:12px; width:100%; text-align:center; }

.keyword { display:table; margin:0; padding:0; }
.keyword > li { list-style:none; position:relative; padding:0 5px 15px 20px; display:inline-block; }
.keyword > li .check-box label { width:70px; }
.keyword > li .check-box label::after,
.keyword > li .check-box label::before { top:-7px; }

/* 인화 선택사진 */
.photo-list { 
	padding:6px 0 30px 0;
	width:100%;
    min-height: 160px;
	height:auto;
	overflow:scroll;
}
.photo-list ul {
	white-space: nowrap;
}
.photo-list ul li {
	position:relative;
	display:inline-block;
	margin:0 2.2% 0 0;
	max-width:31.2%;
	min-height:120px;
}
.photo-list ul li.default {
	font-size:14px;
    min-width: 100%;
    text-align: center;
    padding-top: 50px;
	background:#f5f5f5;
}
.photo-list ul li div.info {
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	text-align:center;
}
.photo-list ul li div.info input {
	width: 30px;
	height:21px;
	font-size: 12px;
	color: #555;
	text-align: center;
	border: 1px solid #ddd;
	background-color: #f1f1f1;
}
.photo-list ul li div.imgbox {
	background-color:#f5f5f5;
	width:100%;
	padding-bottom:100%;
}
.photo-list ul li div.info a.btn {
	padding:4px 5px;
	font-size:12px;
	font-weight:300;
	color:#fff;
	background-color:#89857d;
}
.photo-list ul li a.del {
	position:absolute;
	display:block;
	top:-10px;
	right:-12px;
	width:30px;
	height:30px;
}

.photo-list ul li a.del::after, .photo-list ul li a.del::before {
	position: absolute;
	display: block;
	content: '';
}

.photo-list ul li a.del::before {
	top: calc(50% - 10px);
	left: calc(50% - 10px);
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background-color: #aa8f77;
}

.photo-list ul li a.del::after {
	top: calc(50% - 8px);
	left: calc(50% - 8px);
	width: 16px;
	height: 16px;
	background-image: url("../images/common/del_thumb.png");
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 8px;
}
.tit-box .photo-select div.imgbox {
	background-color:#f5f5f5;
}
.tit-box .photo-select div.default {
	font-size:14px;
    min-width: 100%;
    text-align: center;
    padding-top: 14.5%;
    padding-bottom: 13.5%;
	background:#f5f5f5;
    margin:6px 0 40px 0;
}
.tit-box .tit-btn {
	margin-top: 5px;
}

.PRINT_PAPER_DATA_RATE.check-box {
	margin:20px 0;
	position: relative;
	z-index:1;
}
.PRINT_PAPER_DATA_RATE.check-box label {
	padding-left: 25px;
	font-size: 14px;
}

.PRINT_PAPER_DATA_RATE.check-box label::after, .PRINT_PAPER_DATA_RATE.check-box label::before {
	top:-8px;
}

input::placeholder { text-align:right; }

.gallery .upload-box { min-height:200px; }
.gallery .file-box { padding:15px; border-bottom:1px solid #ddd; background-color:#f1f1f1; position:relative; }
.gallery .file-box input[type=text] { width:100%; font-size:14px; height:35px; padding-left:10px; margin-bottom:10px; border:1px solid #ddd; }
.gallery .file-box input[type=text]::placeholder { text-align:left; }
.gallery .file-box input[type=file] { position:absolute; opacity:0; width:100%; height:35px; cursor:pointer; }
.gallery .file-box .btn {
	font-weight: 700;
	color:#fff;
	background-color: #89857d;
	cursor:pointer;
	position: absolute;
    right: 15px;
    font-size: 14px;
    display: inline-block;
    width: 70px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    vertical-align: middle;
}
.gallery .file-box .plus {
	font-weight: 700;
	color:#fff;
	background-color: #c4bfb5;
	font-size: 14px;
	display: inline-block;
	width: 100%;
	height: 35px;
	line-height: 35px;
	text-align: center;
	vertical-align: middle;
}

.pa-detail .pa-info li {
	position:relative;
}
.pa-detail .pa-info li span.small {
	position:absolute;
	font-size:12px;
	color: #ccc !important;
	top:40px;
	right:0;
}

.pa-detail .pa-info li span.dc {
	font-size:13px;
	text-decoration:line-through;
	padding-right:10px;
}

.pa-detail .box {
	margin-top:10px;
	padding:1px 15px 15px 15px;
	border-radius: 5px;
	color:#ccc;
	background-color: #444;
	font-size: 14px;
	line-height:25px;
}

.pa-detail .box p {
	position:relative;
	margin-top:35px;
	color:#fff;
}

.pa-detail .box p::after {
	position: absolute;
	display: block;
	content: '';
	top: -10px;
	left: 0;
	width: 23px;
	height: 1px;
	background-color: #ddd;
}

.gallery .item .none::after {
	content: '';
}

.title-area.full.btn {
	position:relative;
	padding-right:90px;
}

.title-area.full.btn .btn-box {
	position:absolute;
	top:-1px;
	width:80px;
	right:0;
}

.title-area.full.btn .btn-box a {
	height: 37px;
	font-size: 14px;
}

.title-area.full.btn.mini .btn-box a {
	height: 28px;
	font-size: 12px;
}

.input-box .box {
	position:relative;
	padding-right:60px;
}

.input-box .box a {
	position:absolute;
	top:5px;
	width:50px;
	right:0;
}

.input-box .box a.add {
	background-color: #89857d;
}

.photo-list.id {
	min-height:170px;
}

.photo-list.id ul li {
	min-height:85px;
}

.photo-list.id ul li div.imgbox {
	padding-bottom:72%;
	opacity:0.5;
}

.photo-list.id ul li div.imgbox.design {
	padding-bottom: 100%;
}

.photo-list.id ul li div.info {
	line-height:18px;
	word-break: keep-all;
	white-space: normal;
}

/* 사용자 전용 */
span.user-type1 { letter-spacing:-1px; font-weight:700; font-size:20px; color:#333; }
span.user-type2 { letter-spacing:-1px; font-weight:700; font-size:18px; color:#800000; }
span.user-type3 { letter-spacing:-1.5px; font-weight:400; font-size:16px; color:#333; }
span.user-type4 { font-weight:700; color:#800000; }
span.user-type5 { font-weight:400; color:#daa520; }
span.user-type6 { font-weight:400; font-size:12px; color:#999; }

.film-top h3.f17 { font-size:17px; }

.title-area .select-box.cat { max-width:unset; -webkit-box-flex:unset; -ms-flex:unset; flex:unset; }
.title-area .select-box.cat select { padding:0 30px 0 10px; }

.item .price.none::after { content: ''; }


.table-area .view.order {
	padding-bottom:10px;
	border-bottom:1px solid #ddd;
	margin-bottom:20px;
}


.tab-cat {
	border: 1px solid #ddd;
	border-bottom: 0;
	display: inline-block;
	width: 100%;
}

.tab-cat a, .tab-cat li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding:3px 0; text-align:center;
}
.tab-cat li { -webkit-box-align:center; -ms-flex-align:center; align-items:center; border-bottom:1px solid #ddd; float:left; width:25%; }
.tab-cat li a { width:100%; font-size:12px; color:#7f7f7f; }
.tab-cat li.active { background-color:#f7f5f1; }
.tab-cat li.active a { color:#303030; }


.title-area .help { width:100%; text-align:right; font-size:12px;  }
.table-area .help table td div { font-size:14px; color:#333; font-weight:700; }
.table-area .help table td { font-size:12px; }

/* 장비구니 수량 */
header .tool-bar .head-cart a span {
	width:20px;
	height:20px;
	border-radius:100%;
	background-color:#aa8f77;
	position:absolute;
	display:block;
	top:5px;
	left:17px;
	text-align:center;
	font-size:10px;
	color:#fff;
}

.price-total h3#DP_PRINT_COUNT_TOTAL::after {
  content: '매';
}


.photo-info {
  padding-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center
}

.photo-info li {
  position: relative;
  padding: 0 35px;
  margin: 16px 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center
}

.photo-info li::before {
  margin-bottom: 10px;
  position: relative;
  display: block;
  content: '';
  top: 0;
  left: calc(50% - 45px);
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: #f8f4f1;
  z-index: 7
}

.photo-info li::after {
  position: absolute;
  display: block;
  content: '';
  top: 10px;
  left: calc(50% - 35px);
  width: 70px;
  height: 70px;
  background-image: url("../images/common/photo_spr.png");
  background-repeat: no-repeat;
  background-size: 180px;
  z-index: 9
}

.photo-info li.sell::after { background-position: 5px 7px; }
.photo-info li.purchase::after { background-position: -55px 7px; }
.photo-info li.convenient::after { background-position: -115px 7px; }

.photo-info li h4 {
  padding: 2px 0;
  font-size: 16px;
  color: #303030
}

.photo-info li span {
  font-size: 14px;
  line-height: 1.3;
  color: #7f7f7f
}


header .tool-bar h1 span {
	padding-left:5px;
	font-size:0.9rem;
}
.pc { display:none !important; }

h3.bullet span {
  position: absolute;
  right:0;
  font-size: 14px;
  color: #7f7f7f
}

.quick-menu ul li.kakaoplus::before {
    background-color: #3c1e1e;
}

.quick-menu ul li.kakaoplus::after {
  top: calc(50% - 37px);
  left: calc(50% - 30px);
  background-image: url("../images/common/quick_spr2.png");
  background-position: 0 0
}

.btn-box a.list.kakao {
  background-color: #fee800;
  background-image: url("../images/common/bt_kakao.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position:center; 
  background-size: contain;
}

a.sample {
	position: relative;
	font-size: 16px;
}
a.sample::after {
	position: absolute;
	display: block;
	content: '';
	top: -8px;
	left: calc(50% - 15px);
	width: 30px;
	height: 2px;
	background-color: #ccc;
}