@import url("./default.css");

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=button]:focus, button:focus{outline:none}




/* 신규추가 */
h2.h1_line {font-size:1.3rem; color:#999; height:32px;}
h2.h1_line img {vertical-align:bottom;}
h2.h1_line span {font-size:1.3rem; padding:0 4px;}
h2.h1_line span.cur {font-size:1.3rem; color:#666;}
.order_l {
	position:relative;
	display: block;
	width:700px;
	font-size:1.2rem;
}
.order_l input::placeholder {color:#999}
.order_l input[type="text"], .order_l input[type="number"] { padding:12px; height:42px; margin:0; background:#fff; display: inline-block; border:1px solid #d6d6d6; width:100%; font-size:1.3rem;}
.order_l textarea { padding:12px; margin:0; background:#fff;  border:1px solid #d6d6d6; width:100%; min-height:100px; resize:vertical; font-size:1.3rem;}
.order_l select {
	padding:5px;
	margin:0;
	border:1px solid #d6d6d6;
	width:100%;
	height:42px;
	position: relative;
	font-size:1.3rem;
}
.order_wrap {
	position:relative;
	width:700px;
}
.order_wrap.wide {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
}
.order_wrap label {font-size:1.4rem; font-weight:700;}
.order_wrap label.w400 {font-weight:400;}
.order_wrap label.w500 {font-weight:500;}
.row {
	position:relative;
	width:100%;
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
	margin-bottom:40px;
}
.row2 {
	position:relative;
	width:100%;
	margin-bottom:56px;
}
.row3 {
	position:relative;
	width:100%;
	display: flex;
	flex-wrap:wrap;
}
.row4 {
	position:relative;
	width:100%;
	background:#F8F8F8;
	padding:14px 20px;
	margin-bottom:10px;
}
.row5 {
	position:relative;
	width:100%;
	background:#fff;
	padding:16px 30px;
}
.row2:nth-last-of-type(1) {border:0;}
.form_row {display: flex; width:100%; position:relative; margin-bottom:12px;}
.form_row.qutadd {margin-top:-4px;margin-bottom:16px;padding-left:80px;justify-content:space-between;}
.form_row2 {display: flex; flex-wrap:wrap;width:100%;position:relative; margin-bottom:12px;}
.form_row2:nth-last-of-type(1) {margin-bottom:0;}
.form_row2 hr {border-top:1px solid #ececec; border-bottom:0;margin:16px 0;}
.form_row3 {display: flex; width:100%; position:relative; margin-top:10px;background:#F8F9FA;padding:12px 16px}
.pad_l {padding-left:10px; font-size:10px; height:30px;}
.pad_l .row_lb {line-height:20px;}
.pad_l_f {font-size:10px; height:30px;}
.pad_l_f .row_lb {line-height:20px;}
.after_size {width:254px;}
.after_size input[type="text"] {width:62px !important}
.after_size span {font-size:1.3rem;padding-right:8px;}
.after_size span.gray {color:#999;padding:0 5px;}
.order_basic {width:334px; background: #fff; margin-bottom:30px;}

.row_lb {width:100px;font-weight:700; position:relative;display:flex;flex-wrap:wrap;align-items:center;}
.row_lb .wide {width:104px;font-weight:700; position:relative;display:flex;flex-wrap:wrap;align-items:center;}
.row_lb_book {width:80px;font-weight:700; position:relative;display:flex;flex-wrap:wrap;align-items:center;}
.row_lb_post {width:104px;font-weight:700; position:relative;display:flex;flex-wrap:wrap;align-items:center;}
.row_lb2 {width:120px; display:inline-block;  vertical-align:top; padding: 5px 0; position:relative}
.row_lb2 label {font-size:1.4rem;}
.del_in {
	position:absolute;
	top:14px;
	right:14px;
}
.del_in_n, .del_in_m, .del_in_g {display: none;}
.row_right {display: flex; width:600px; position:relative;flex-wrap:wrap;}
.row_right_book {width:254px; position:relative;}
.row_right2 {display: flex; width:470px; position:relative; flex-wrap: wrap;}
.row_right3 {display: flex; justify-content:flex-start; width:calc(100% - 104px); position:relative; font-size:1.2rem;}
.row_right3 span{font-size:1.2rem}

.row_right3 select, .row_right3 input {max-width:254px; margin-right:10px;}
.row_right4 {display: block; width:470px; margin-right:30px; position:relative;}
.row_right5 {position:relative; width:calc(100% - 104px);display:flex; flex-wrap:wrap;}
.row_right5.book{position:relative; width:auto!important;display:flex; flex-wrap:wrap;}
.row_right5.book.size {padding-left:80px;}
.row_right5 h4 {position:relative; padding-left:10px; padding-right:10px; font-size:1.3rem!important; line-height:42px; color:#666;text-align:left!important}
.row_right5 h4:before {content:''; position:absolute; top:50%;left:0; transform:translate(0,-50%); width:5px; height:5px; background:#d6d6d6; border-radius:50%; display:block;}
.row_right5 h4.sizemg1 {margin-left:30px}
.row_right5 h4.sizemg2 {margin-left:20px}
.row_right5 h5 {font-size:1.3rem;color:var(--aprint-color);margin-top:-10px;margin-bottom:20px}
.row_right5 > .line2  {position:relative; display:flex; flex-wrap:wrap; height:42px;}
.row_right_book > .line2 {position:relative; width:100%; display:flex; flex-wrap:wrap; height:42px;}
.row_right5 > .line2:nth-of-type(odd) {margin-bottom:8px;}
.row_right5 > .line2:nth-of-type(even) {margin-bottom:16px;}
.row_right5 > .line2.ticket:nth-of-type(even) {margin-bottom:8px;}
.row_right5 > .line2.ticket > h4 {width:120px}
.row_right5 > .line2.ticket:nth-of-type(even) > h4 {margin-left:10px;}
.row_right5 > .line2.sticker {margin-bottom:0!important;}
.row_right5 > .line2.sticker:nth-of-type(1) {margin-right:20px;}
.row_right6 {position:relative; width:254px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.row_right6 select {max-width:254px;}
.row_right7 {position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; padding-left:14px; align-items:center;}
.row_right7.eve {position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; padding-left:80px;margin-top:-6px; padding-bottom:10px}
.row_right7 h4 {position:relative; padding-left:12px; padding-right:0!important; font-size:1.3rem!important;color:#666; display:inline-block;}
.row_right7 h4:before {content:''; position:absolute; top:50%;left:0; transform:translate(0,-50%); width:5px; height:5px; background:#d6d6d6; border-radius:50%; display:block;}
.row_right7 > .line2  {position:relative; display:flex; flex-wrap:wrap; height:42px;align-items:center;}
.row_right7 > .line2:nth-of-type(odd) {margin-bottom:8px;}
.row_right7 > .line2:nth-last-of-type(1) {margin-bottom:16px;}
.row_right7 > .line2.ticket:nth-of-type(even) {margin-bottom:8px;}
.row_right7 > .line2 > h4 {text-align:left;margin-right:10px;}
.row_right7 > .line2.ticket > h4 {width:120px;text-align:left;margin-right:5px;}
.row_right7 > .line2.ticket:nth-of-type(even) > h4 {margin-left:0;}
.row_right7 > .line2.sticker {margin-bottom:0!important;}
.row_right7 > .line2.sticker:nth-of-type(1) {margin-right:20px;}
.ip_size span {color:#999; padding-left:5px; font-size:1.3rem;}
.ip_size span.pw {color:#999; padding:0 5px;}
.ip_size span.autoNum {line-height:42px; width:60px; background:#F3F3F3; font-size:1.3rem; padding:0 12px; display:inline-block; border-radius:5px;}
.ip_size input[type="number"] {width:60px;font-size:1.3rem;}


.row_right7 > div > .ip_size {display:inline-block;}
.row_right7 > div > .ip_size span.autoNum {line-height:42px; width:auto; background:#fff; font-size:1.3rem; padding:0; display:inline-block;}
input[type="text"].readonly, input[type="number"].readonly {background:#F3F3F3; border:0;}
.form_check {position:relative; width:100%;}
.form_check div {margin-bottom:8px}
.form_check_post {position:relative; width:100%; display:flex; flex-wrap:wrap;}
.form_check_post div {margin-right:15px}
.in-h { width:60px;}
.s-h {width:60px;}
.row_right8 {position:relative; width:auto; display:flex; flex-wrap:wrap;}
.row_right8 > input.ip_seneca {width:72px; background:#F3F3F3; color:#FA5252; border:0;}
.row_right8 > span {font-size:1.3rem; color:#999; line-height:42px; width:20px; margin-left:10px;}
.row_lb_book.fs_small {line-height:120%;}
.row_lb_book.fs_small > label > span {font-size:90%; display:block;}

.row_q {position:relative; display:inline-block;}
.row_q.inline {position:relative; display:inline-block;margin-left:5px;margin-top:-2px}
button.btn_q {display:inline-block; width:28px; height:20px; border-radius:2px; color:#F06595; background:#FFDEEB; text-align:center; font-size:1.1rem; padding:0;}
button.btn_q:hover {color:#fff;background:#F06595;}
button.btn_q2 {display:inline-block; width:15px; height:15px; border-radius:50%!important; color:#fff; background:#FAA2C1; text-align:center; font-size:1.1rem; padding:0; font-family:'helvetica'; font-weight:600; line-height:15px;margin-left:2px;}
button.btn_q3 {display:inline-block; width:24px; height:18px; border-radius:2px; color:#F06595; background:#FFDEEB; text-align:center; font-size:1.1rem; padding:0;margin-left:4px;}
button.btn_q3:hover {color:#fff;background:#F06595;}

.row_btn {position:relative; width:100%; display: flex; padding:16px 0; border-top:1px solid #ECECEC}
button.btn_p {
	width:80px;
	height:30px;
	border:1px solid #ccc;
	border-radius: 5px;
	margin-right:5px;
}
.order_cover, .order_inside {width:100%; background: #fff;}
.half_row {position:relative; width:334px; display:flex; flex-wrap:wrap;margin-right:32px;}
.half_row:nth-of-type(even) {margin-right:0;}
.half_select {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.half_select select {width:102px;}

select option[value="G05"]:before {content:'+3영업일';}



.row h3, .row2 h3, .row3 h3, .half_row h3 {position:relative;display:block; width:100%;line-height:24px; font-size:1.6rem; font-weight:700; border-bottom:1px solid #333; padding-bottom:10px; margin-bottom:16px;overflow: hidden;}
.row2 h3 p {display:inline-block; margin-left:20px; font-size:1.4rem;}
.row2 h3 p span {color:var(--aprint-color);}
.row h3 span {font-size:1.4rem;margin-left:20px;}
.row h3 span.notice {display:inline-block;background:#4DABF7;color:#fff;font-weight:500; border-radius:2px;padding:3px 5px;margin-left:15px;font-size:1.2rem;transform:translate(0,-2px);line-height:1.4}
.row4 h3,
.row5 h3 {
	position:relative;
	font-size:1.5rem;
	font-weight:700;
	margin-bottom:12px;
	border-bottom:0!important;
	padding-bottom:0!important;
}
.row4 h3 span {margin-left:20px;}
.row5 h3 {overflow:visible;}
.row5 h3:before {
	content: '';
	position: absolute;
	left: -12px;
	top: 4px; 
	width: 8px;
	height: 12px;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
}
.basic_info {display:block;}
.basic_info .info {width:100%; font-size:1.6rem; font-weight:700; border-bottom:1px solid #333; padding-bottom:10px}
.basic_info .temp, .row h3 .temp {
	position:absolute;
	width:100px;
	height:32px;
	top:-5px;
	right:0;
	color:#228BE6;
	border:1px solid #228BE6;
	border-radius:5px;
	background:#fff;
	text-align:center;
	padding-top:2px;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
}
.basic_info .temp img, .row h3 .temp img {vertical-align:middle; padding-right:5px;}
.basic_info .temp:hover, .row h3 .temp:hover {background:#E7F5FF;cursor:pointer;}
.order_img .temp_post {
	position:absolute;
	width:100px;
	height:32px;
	top:306px;
	right:0;
	color:#228BE6;
	border:1px solid #228BE6;
	border-radius:5px;
	background:#fff;
	text-align:center;
	padding-top:4px;
	font-size:1.4rem;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
}
.order_img .temp_post:hover {cursor:pointer;background:#E7F5FF}
.order_img .temp_post img {position:relative; vertical-align:bottom; margin-right:2px; z-index:1;}


.form_txt {
	font-size:1.15rem;
	color:#999;
	padding-left:60px;
}
.btn_qntcal_wrap {
	position:absolute;
	top:1px;
	right:1px;
}
button.btn_qntcal {
	width:36px;
	height:40px;
	color:#999;
}
button.btn_qntcal img {vertical-align:middle}
button.btn_qutadd {
	width:80px;
	height:36px;
	border-radius:5px;
	border:1px solid #d6d6d6;
	font-size:1.2rem;
	color:#666;
}
button.btn_qutadd:hover {background:#F5F5F5}
button.add_n.on {border:1px solid var(--aprint-color);}
button.btn_add.on,button.btn_add:hover {border:1px solid var(--aprint-color); background:#fff; color:var(--aprint-color);}
button.btn_add {width:84px; height:32px; background:#EFEFEF; font-size:1.2rem; font-weight:700; color:#666; margin-right:12px;}
button.btn_add:last-of-type {margin-right:6px;}
button.btn_design {
	position:absolute;
	top:-8px;
	right:0;
	width:100px;
	height:32px;
	color:var(--aprint-color);
	border:1px solid var(--aprint-color);
	z-index:1;
	font-size:1.4rem;
	font-weight:500;
}
button.btn_design:hover {background:#FFE6F0}
.row_boxkg {
	position:relative;
	width:100%;
	font-size:1.4rem;
	text-align:center;
	padding:16px 0;
	border-top:1px solid #ececec;
	margin-bottom:30px;
}
.row_boxkg h3 {font-size:1.5rem; color:#228BE6; line-height:44px; font-weight:400; background:#E7F5FF;border-radius:5px;}
.row_boxkg h3 span {font-size:1.5rem; color:#228BE6; font-weight:700;}

.order_l input[type="checkbox"] {
	display:none;
}
.order_l input[type="checkbox"] + label {
	display: inline-block;
    height: 24px;
    background: url('../images/ic_checkbox_default.svg') no-repeat 0 0px / contain;
    padding-left:30px; 
	line-height:24px;
	margin-right:15px;
	font-weight:400;
}
.order_l input[type="checkbox"] + label:before { 
	display:none;
}

.order_l input[type="checkbox"]:checked + label {
	 background: url('../images/ic_checkbox_select.svg') no-repeat 0 1px / contain;
}
.order_l input[type="checkbox"] + label > span.add {
	background:#E7F5FF;
	border-radius:5px;
	font-size:1.4rem;
	padding:3px 6px;
	color:#4DABF7;
	text-align:center;
	margin-left:18px;	
}
/* post */
.form_check_post input[type="checkbox"] {
	display:none;
}
.form_check_post input[type="checkbox"] + label {
	display: inline-block;
    height: 24px;
    background: url('../images/ic_checkbox_default.svg') no-repeat 0 0px / contain;
    padding-left:24px; 
	line-height:24px;
	margin-right:0;
	font-weight:400;
}
.form_check_post input[type="checkbox"] + label:before { 
	display:none;
}

.form_check_post input[type="checkbox"]:checked + label {
	background: url('../images/ic_checkbox_select.svg') no-repeat 0 1px / contain;
}
.form_check_post input[type="checkbox"]:disabled + label {
	color:#acacac;
	background: url('../images/ic_checkbox_disable.svg') no-repeat 0 1px / contain;
}

/* eve */
.line_eve {display:inline-block; width:210px; height:42px; vertical-align:middle;}
.line_eve h4 {position:relative; padding-left:12px; font-size:1.2rem; color:#666; display:inline-block; vertical-align:middle;}
.line_eve h4:before {content:''; position:absolute; top:50%;left:0; transform:tranlate(0,-50%); width:5px; height:5px; background:#d6d6d6; border-radius:50%; display:block;}
.line_eve .ip_size {display:inline-block;vertical-align:middle;}



.order_l input[type="radio"] {
	padding:5px;
	margin:0;
	border-radius: 5px;
	border:1px solid #ccc;
	width:100%;
	position: relative;
	margin-left:2px;
}
.order_l input[type="radio"] { 
	position: absolute; 
	width: 1px; 
	height: 1px; 
	padding: 0; 
	margin: -1px; 
	overflow: hidden; 
	clip:rect(0,0,0,0); 
	border: 0; 
} 
.order_l input[type="radio"] + label { 
	display: inline-block; position: relative; padding-left: 30px; margin-right:20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; 
} 
.order_l input[type="radio"] + label:before { 
	content: ''; position: absolute; left: 0; top:0; width: 20px; height: 20px; text-align: center; background: #fff; border: 2px solid #c8c8c8; border-radius: 100%;
} 
.order_l input[type="radio"]:checked + label:before { 
	background: #fff; border:10px solid var(--aprint-color); 
} 
.order_l input[type="radio"]:checked + label:after { 
	content: ''; position: absolute; top: 6px; left: 6px; width: 8px; height: 8px; background: #fff; border-radius: 100%;
}
.row_bl {display: block; position:relative;}

.order_l h6 {font-size:1.2rem}
.order_l p {font-size:1.4rem; color:#666; line-height:1.8}
.order_l p span.under {font-size:1.4rem; text-decoration:underline}
.order_l p span.bold {font-size:1.4rem; color:#333; font-weight:700}
.order_l p.red {font-size:1.3rem; color:#FA5252}
.order_l p.red:before{content:'-'; color:#FA5252; margin-right:5px;}
.order_l #input_file{display:inline-block; width:0px; height:0px; opacity:0; overflow:hidden; }
.order_l #dropZone {
	width:100%;
	margin-bottom:10px;
}
.order_l #dropZone #fileDragDesc{
	width:108px;
	height:42px;
	line-height:40px;
	text-align:center;
	border:1px solid #333;
	border-radius:5px;
	cursor:pointer;
	font-size:1.4rem;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
}
.order_l #dropZone #fileDragDesc img {vertical-align:middle;}
.order_l #dropZone #fileDragDesc img.act {display:none}
.order_l #dropZone #fileDragDesc:hover {
	background:#eee;
}
.order_l #dropZone input[type="button"] {
	width:64px;
	height:42px;
	background:#EFEFEF;
	border:1px solid #d6d6d6;
	border-radius:5px;
	color:#666;
	font-size:1.3rem;
}
.order_l #dropZone input[type="button"]:hover {
	border:0;
	background:#333;
	color:#fff;
}
.order_l #dropZone #fileDragDesc{}
.order_l #dropZone1{
	width:525px;
	height:42px;
	border:1px solid #d6d6d6;
	border-radius:5px;
	font-size:1.3rem;
	color:var(--aprint-color);
	padding:10px 12px;
	margin-right:10px;
}
#fileListTable .files{margin-top:5px;}
#fileListTable .files:nth-of-type(1) {margin-top:0;}
.file_notice {
	width:100%;
	border-radius:5px;
	background:#F8F9FA;
	padding:12px;
}
.file_notice p {position:relative;font-size:1.3rem;color:#333;padding-left:1rem;}
.file_notice p:before {content:'*';position:absolute;left:0;}
.file_notice p.title {font-size:1.5rem;padding-left:0;}
.file_notice p.title:before {display:none;}
.file_notice p span {font-size:inherit;font-weight:700;color:var(--aprint-color)}





.order_r {
	position:relative;
	display: block;
	width:700px;
	background:#fff;
	margin-top:10px;
	margin-left:40px;
	top:0;
	-webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.order_r.book {margin-top:36px;}

.order_r.fixed {
    position:fixed;
    top:60px;
	bottom:0;
    right:calc((100% - 1440px)/2);
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
	float:none;
}
.order_r.fixed.on {
	top:inherit;
    bottom:40px;
    position:absolute;
    vertical-align: bottom;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
	float:none;
}

.order_r300 {
	position:relative;
	display: block;
	width:322px;
	background:#fff;
	margin-left:52px;
	padding:30px 25px;
	border:1px solid #DFDFDF;
	background:#fff;
	border-radius:10px;
}
.order_r300 h2 {font-size:1.8rem}
.order_r300.fixed {
	position:fixed;
	height:598px;
    top:120px;
	bottom:0;
    right:calc((100% - 1440px)/2);
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
	float:none;
}
.order_r300.fixed.on {
	top:inherit;
    bottom:40px;
    position:absolute;
    vertical-align: bottom;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
	float:none;
}

#divMenu {
	position:relative;
	width:100%;
}
#divMenu iframe {
	width:700px;
	height:calc(100vh - 350px);
	border:none;
	overflow-x:hidden;
	overflow-y:auto;
}
.order_r.fixed > #divMenu iframe {height:calc(100vh - 270px);}

.order_notice {
	position:relative;
	display:flex;
	flex-wrap:nowrap;
	align-items:flex-start;
	width:calc(100% - 12px);
	background:#F8F9FA;
	padding:12px 16px;	
	margin-top:10px;
}
.order_notice span {
	color:#666;
	font-size:1.3rem;
	display:inline-block;
	width:calc(100% - 150px);
}
.order_notice p {
	color:#8011FF;
	border:1px solid #8011FF;
	border-radius:5px;
	padding:4px 6px;
	font-size:1.2rem;
	font-weight:500;
	margin-right:10px;
	background:#F3F0FF;
	display:inline-block;
	width:140px;
	text-align:center	
}


#order_bar {
	position:fixed;
	bottom:0;
	width:100%;
	height: 76px;
	z-index:10;
	border-top:1px solid #ddd;
	background:#F8F9FA;
	overflow:hidden;
}
.order_bar {
	position:relative;
	width:1440px;
	height:76px;
	margin:0 auto;
	font-size:1.6rem;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
.order_bar_l {
	width:120px;
	display:flex;
	flex-wrap:wrap;
}
.order_bar_r {
	width:calc(100% - 120px);
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	flex-direction: row;
    align-items: center;
}
.order_bar button {
	width:120px;
	height:50px;
	font-size:1.6rem;
	font-weight:700;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
}
.order_bar button a {font-size:1.6rem; color:#fff;}
button.btn_print {border:1px solid #ccc; background:#fff;color:#444;}
button.btn_print:hover {background:#eee}
button.btn_cart {background:#fff;color:var(--aprint-color); border:1px solid var(--aprint-color);margin-right:10px;}
button.btn_cart:hover {background:#FFE6F0}
button.btn_direct {background:var(--aprint-color); color:#fff}
button.btn_direct:hover {background:#B0045C}
button.btn_print2 {width:48%; height:52px; border:1px solid #ccc; background:#fff;color:#444; font-size:1.5rem; font-weight:700}
button.btn_print2:hover {background:#eee;}
button.btn_cart2 { width:48%; height:52px; background:#fff;color:var(--aprint-color); border:1px solid var(--aprint-color); font-size:1.5rem; font-weight:700}
button.btn_cart2:hover {background:#FFE6F0}
button.btn_direct2 { width:100%; height:52px; background:var(--aprint-color); color:#fff; font-size:1.5rem; font-weight:700}
button.btn_direct2:hover {background:#B0045C}

.order_date {display:inline-block; height:40px; margin-left:30px; vertical-align: middle;}
p.dateText {color:#666;}
p.dateNum {color:#333; font-size:1.4rem;line-height:2}
.dateNum span {margin-left:20px; color:#333; font-weight:700; font-size:1.4rem;}
.order_price {margin-right:30px;}
.order_price p {font-size:1.5rem;color:#666;display:inline-block;line-height:44px;}
.order_price h3 {color:var(--aprint-color); font-size:2.6rem; font-weight:700;display: inline-block;padding-left:10px;}
.order_price h4 {font-size:1.5rem; line-height:2;font-weight:700;display: inline-block;}
.order_price p span {position:relative;display:inline-block;color:#333;font-size:1.5rem; font-weight:700;padding:0 10px;}
.order_price p span:nth-of-type(2):before {content:'';position:absolute;display:block;width:1px;height:1.5rem;background:#ccc;left:0;top:35%}
span.priceNum {font-size:2rem; font-weight:700;}
h3.priceWon {padding-left:0;}
span.priceVat {color:var(--aprint-color); padding-left:4px;font-size:1.4rem;}
span.price {
	background:#E7F5FF;
	border-radius:5px;
	font-size:1.4rem;
	padding:3px 6px;
	color:#4DABF7;
	text-align:center;
	margin-left:10px;	
}

#mdQ1, #mdQ2,  #mdQ3, #mdQ4, #mdQ5, #mdQ6, #mdQ7, #mdQ8 {display: none;}
#mdQ2_c, #mdQ4_c {display: none;}
#mdQ4_e {display: none;}
#mdQ2_st {display: none;}

/* popup modal */
.order_after {
	width:850px;
	background: #fff;
	border-radius: 5px;
	margin:0 auto;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
	padding:30px;
}
.order_after h2, .order_bind h2, .order_paper h2, .order_plus h2, .order_inner_paper h2, .order_fold h2 {font-size:2.6rem; font-weight:700; width:100%; padding-bottom:15px; border-bottom:1px solid #333;margin-top:10px;}
.tab_after, .tab_bind, .tab_plus {margin-top:20px;}
ul.tab_after_nav, ul.tab_bind_nav, ul.tab_plus_nav {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px; /*--Set height of tabs--*/
    width: 100%;
	overflow: hidden;
}
ul.tab_after_nav li, ul.tab_bind_nav li, ul.tab_plus_nav li {
	margin-top:1px;
    float: left;
    margin-right: 2px;
    padding: 0;
    height: 31px; /*--Subtract 1px from the height of the unordered list--*/
    line-height: 31px; /*--Vertically aligns the text within the tab--*/
    border-left: none;
    margin-bottom: -1px; /*--Pull the list item down 1px--*/
    overflow: hidden;
    position: relative;
    background: #ccc;
	border-radius: 10px 10px 0 0;
}
ul.tab_after_nav li a, ul.tab_bind_nav li a, ul.tab_plus_nav li a {
    text-decoration: none;
    color: #fff;
    display: block;
    padding: 0 20px;
/*--Gives the bevel look with a 1px white border inside the list item--*/
    outline: none;
}
ul.tab_after_nav li a:hover, ul.tab_bind_nav li a:hover, ul.tab_plus_nav li a:hover {
    background: #999;
}
ul.tab_after_nav li.active, ul.tab_bind_nav li.active, ul.tab_plus_nav li.active { border:1px solid #ccc;}
ul.tab_after_nav li.active, ul.tab_after_nav li.active a:hover, 
ul.tab_bind_nav li.active, ul.tab_bind_nav li.active a:hover,
ul.tab_plus_nav li.active, ul.tab_plus_nav li.active a:hover{
/*--Makes sure that the active tab does not listen to the hover properties--*/
    background: var(--aprint-color);
/*--Makes the active tab look like it's connected with its content--*/
	border:0;
}

/*Tab Conent CSS*/
.tab_after_cont, .tab_bind_cont, .tab_plus_cont{
    border-top: none;
    overflow: hidden;
    clear: both;
    float: left; 
    background: #fff;
	width:100%;
	border:1px solid #ccc;
	border-radius: 0 0 10px 10px;
	overflow:hidden;
}
.tab_after_cont {height:290px;}
.tab_bind_cont {height:290px;}
.tab_plus_cont {height:290px;}

.tab_after_img {}

.order_paper {
	width:850px;
	background: #fff;
	border-radius: 5px;
	margin:0 auto;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	padding:30px;
}

.order_inner_paper {
	width:850px;
	background: #fff;
	border-radius: 5px;
	margin:0 auto;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	padding:30px;
}



.order_bind {
	width:850px;
	background: #fff;
	border-radius: 5px;
	margin:0 auto;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	padding:30px;
}

.bind_wrap {
	position:relative;
	width:100%;
	overflow-y: scroll;
	height:340px;
}
.bind_wrap img {width:100%;}


.shorts {
	width:100%;
	padding:0 20px;
}
.shorts .slick-list {margin:0 -10px}
.shorts .slick-slide {margin:0 10px;}
.shorts_slide {
	position:relative;
	height:0;
	padding-top:calc(16/9 * 100%);
	border:0;
	box-sizing:border-box;
}
.shorts_slide div {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	border:0;
	background:#eee;
	border-radius:5px;
	overflow:hidden;
}
.shorts_slide div iframe {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	border:0;
}


.order_plus {
	width:850px;
	background: #fff;
	border-radius: 5px;
	margin:0 auto;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
	padding:30px;
}
.order_fold {
	width:1000px;
	background: #fff;
	border-radius: 5px;
	margin:0 auto;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	padding:30px;
}
.order_fold div {margin:20px 0;}



/* fast, weekend */

.f_order_row {
	margin-top:10px;
	padding-bottom:20px;
	border-bottom: 1.5px dashed #e2e2e2;
}
.f_order_row ul {}
.f_order_row ul li {
	display: inline-block;
}
.f_order_row ul li button {
	width:120px;
	height:40px;
	border-radius: 5px;
	border:1px solid var(--aprint-color);
}
.f_order_row ul li button:hover {
	border:0;
	background: var(--aprint-color);
	color:#fff;
}
.f_order_row ul li button.o_select {
	border:0;
	background: var(--aprint-color);
	color:#fff;
}
/* new cell style */


.frm_table {position:relative;vertical-align:top; width:680px; background:#fff;padding-top:64px;}
.frm_table #title {position:absolute;width:100%;top:0;left:0;z-index:999;background:#fff;overflow:hidden;}

.frm_table .tt {width:100%;border-collapse:collapse;position:relative;overflow:hidden; border-radius:10px 10px 0 0;box-shadow: inset 0 10px 10px -10px #333, inset -10px 0 10px -10px #333, inset 10px 0 10px -10px #333;}
.frm_table .tt tr {position:relative;width:100%;}
.frm_table .tt tr th{background: #F1F3F5; text-align:center; font-size:1.5rem; font-weight:700; padding:0 3px;border:1px solid #dfdfdf;vertical-align:middle; height:64px; position:relative;letter-spacing:-0.2px;background:#F1F3F5; min-width:112px; max-width:140px}
.frm_table .tt tr th.on {color:var(--aprint-color);}
.frm_table .tt tr th:nth-of-type(1) {width:120px;padding:0 5px; height:32px; }
.frm_table .tt tr th span {font-size:1.3rem;font-weight:700;color:#666;}

.frm_table .tt tr th p {font-size:1.5rem;font-weight:700;line-height:31px;}
.frm_table .tt tr th p.slash_l {position:absolute;left:6px;bottom:0px;letter-spacing:-1px;}
.frm_table .tt tr th p.slash_r {position:absolute;right:6px;top:0px;}

.frm_table .tb {width:100%; background:#fff;border-collapse:collapse;position:relative;}
.frm_table .tb tr.selected {height:40px;border-radius:5px;border:1px solid #FF9CD0;background:#FFEEF7!important;padding:3px 4px;}
.frm_table .tb tr:nth-of-type(even){background:#FCFCFC}
.frm_table .tb tr td{position:relative;text-align:center; font-size:1.4rem; padding:10px 6px;min-width:112px; max-width:140px;border:1px solid #dfdfdf;}
.frm_table .tb tr td.cross {background:rgba(255, 172, 216, 0.2);}
.frm_table .tb tr td:nth-of-type(1){width:120px;}
.frm_table .tb tr td:nth-of-type(1) p {font-size:1.4rem;font-weight:700;position:relative;display:inline-block;}
.frm_table .tb tr td:nth-of-type(1) p.select:before {position:absolute;left:-22px;top:1px;width:18px;height:18px;content:'';background:url('../images/ic_check_circle.svg');background-size:cover;}
.frm_table .tb tr td:nth-of-type(2):hover{background:#FFCBE6;}
.frm_table .tb tr td:nth-of-type(3):hover{background:#FFCBE6;}
.frm_table .tb tr td:nth-of-type(4):hover{background:#FFCBE6;}
.frm_table .tb tr td:nth-of-type(5):hover{background:#FFCBE6;}
.frm_table .tb tr td:nth-of-type(6):hover{background:#FFCBE6;}

.frm_table .tb tr td.selected:hover{color:var(--aprint-color)}
.frm_table .tb tr td.pointed{background:var(--aprint-color); color:#fff;cursor:pointer}
.frm_table .tb tr td.pointed:hover{background:var(--aprint-color); color:#fff;}
.frm_table .tb tr td.actcell{background:var(--aprint-color); color:#fff;}




/*
.frm_table {position:relative;vertical-align:top; width:calc(100% - 14px); background:#fff;padding:72px 10px 30px;}
.frm_table #title {position:absolute;width:100%;top:0;left:0;z-index:999;border-radius:10px 10px 0 0;border:1px solid #DFDFDF;background:#fff;}
.frm_table .tt {width:100%;border-collapse:collapse;position:relative;border-radius:10px 10px 0 0;background: #F1F3F5;}
.frm_table .tt tr {position:relative;display:flex;padding:0 13px; }
.frm_table .tt tr th{position:relative;display:block;text-align:center; font-size:1.5rem; font-weight:700;height:70px; position:relative;letter-spacing:-0.2px;border-left:1px solid #DFDFDF;padding:15px 4px;}
.frm_table .tt.book tr th {width:calc((100% - 120px)/5);}
.frm_table .tt.card tr th {width:calc((100% - 120px)/4);}
.frm_table .tt tr th.on {color:var(--aprint-color);}
.frm_table .tt tr th:nth-of-type(1) {width:120px;border:0;}
.frm_table .tt tr th span {font-size:1.3rem;font-weight:700;color:#666;}
.frm_table .tt tr th.slash {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="100%" x2="100%" y2="0" stroke="rgb(204,204,204)" /></svg>');
  background-color: #F1F3F5; 
}

.frm_table .tt tr th.backslash {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><polyline points="0,0 35,35 85,35 120,70" stroke="rgb(204,204,204)" fill="none" stroke-width="1" /></svg>');
  background-color: #F1F3F5; 
}/*
.frm_table .tb tr th.backslash {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><polyline points="0,0 118,64" stroke="rgb(223,223,223)" fill="none" stroke-width="1" /></svg>');
background-color: #F1F3F5; }*/
/*
.frm_table .tt tr th p {font-size:1.5rem;font-weight:700;line-height:31px;}
.frm_table .tt tr th p.slash_l {position:absolute;left:6px;bottom:0px;letter-spacing:-1px;}
.frm_table .tt tr th p.slash_r {position:absolute;right:6px;top:0px;}


.frm_table .tb {width:100%; background:#fff;border-collapse:collapse;position:relative; }

.frm_table .tb tr {position:relative;display:flex;height:40px;border-radius:5px;overflow:hidden; padding:4px}
.frm_table .tb tr:nth-of-type(even){background:#F9FAFB}
.frm_table .tb tr.selected {height:40px;border-radius:5px;border:1px solid #FF9CD0;background:#FFEEF7;padding:3px 4px;}
.frm_table .tb tr td{position:relative;display:block;text-align:center; font-size:1.4rem; padding:4px;overflow:hidden;line-height:24px;cursor:pointer}
.frm_table .tb.book tr td {width:calc((100% - 120px)/5);}
.frm_table .tb.card tr td {width:calc((100% - 120px)/4);}
.frm_table .tb tr td:hover {border-radius:5px;}
.frm_table .tb tr td.cross {background:rgba(255, 172, 216, 0.2);}
.frm_table .tb tr td:nth-of-type(1){width:120px;}
.frm_table .tb tr td:nth-of-type(1) p {font-size:1.4rem;font-weight:700;position:relative;display:inline-block;}
.frm_table .tb tr td:nth-of-type(1) p.select:before {position:absolute;left:-22px;top:3px;width:18px;height:18px;content:'';background:url('../images/ic_ai.svg');background-size:cover;}
.frm_table .tb tr td:nth-of-type(1):after {position:absolute;content:'';right:0;top:8px;width:1px;height:16px;background:#DFDFDF}
.frm_table .tb tr td:nth-of-type(2):hover{background:#FFCBE6;}
.frm_table .tb tr td:nth-of-type(3):hover{background:#FFCBE6;}
.frm_table .tb tr td:nth-of-type(4):hover{background:#FFCBE6;}
.frm_table .tb tr td:nth-of-type(5):hover{background:#FFCBE6;}
.frm_table .tb tr td:nth-of-type(6):hover{background:#FFCBE6;}
.frm_table .tb tr td.selected {}
.frm_table .tb tr td.selected:hover{color:var(--aprint-color)}
.frm_table .tb tr td.pointed{border-radius:5px;background:var(--aprint-color); color:#fff;cursor:pointer}
.frm_table .tb tr td.pointed:hover{background:var(--aprint-color); color:#fff;}
.frm_table .tb tr td.actcell{background:var(--aprint-color); color:#fff;} */

.notice_hover {position:relative;}
.notice_cell {
	position:absolute;
	top:0;
	left:0;
	width:100px;
	height:30px;
	background:#fff;
	border:1px solid #ccc;
	padding:10px;
	display:none;
	z-index:5;
}

.print_popup {
	position:absolute;
	top:100%;
	left:134px;
	display:none;
	width:410px;
	background:#fff;
	border:1px solid #ccc;
	z-index:10;
	padding:20px 15px;
	line-height:180%;
	font-size:1.2rem;
	word-break:keep-all;
	text-align:left;
}

.print_popup.premium {
	position:absolute;
	top:76px;
	right:-10px;
	left:inherit;
	display:none;
	width:470px;
	z-index:10;
	padding:0;
	border:0;
}
.print_popup.premium img {width:100%;}

.print_popup_title,
.print_popup_title2 {
	position:relative;
	width:100%;
	font-size:1.8rem;
	font-weight:700;
	padding-bottom:10px;
	border-bottom:1px solid #333;
}
.print_popup p {display:inline-block;font-size:1.8rem; font-weight:700; color:var(--aprint-color);position:absolute;top:20px;left:90px;}
.print_popup_row {
	position:relative;
	width:100%;
	margin:16px 0;
	font-size:1.4rem
}
.print_popup_row:last-child {
	border:0;
	margin-bottom:0;
}
.print_popup_lb {
	display:inline-block;
	background:#eee;
	text-align:center;
	vertical-align:top;
	border-radius:5px;
	padding:5px 12px;
	font-size:1.5rem;
	margin-bottom:6px;
}
.print_popup_txt {
	margin-left:5px;
	display:inline-block;
	vertical-align:top;
	font-size:1.4rem;
}
.print_popup > h5 {font-size:1.5rem; font-weight:700;margin-top:12px}
.print_popup > h5 span {font-size:1.5rem; font-weight:700;}
.print_popup_txt > span.bold {font-size:1.4rem; font-weight:700;}
.print_popup_txt > span.pink {font-size:1.4rem; color:var(--aprint-color);}
.print_popup_txt > span.lgray {font-size:1.4rem; color:#999;}
.print_popup_txt > span.padding {font-size:1.4rem; font-weight:700; color:#555; line-height:2.2}
.days_popup {
	position:absolute;
	top:30px;
	right:0;
	display:none;
	width:240px;
	padding:12px;
	border:1px solid #ccc;
	background:#fff;
	text-align:left;
	z-index:10;
}

.days_popup h4 {font-size:1.6rem; font-weight:700; margin-bottom:5px;}
.days_popup p {font-size:1.4rem; color:#666;}
.days_popup p span.bold {font-size:1.4rem; font-weight:700;}
.days_popup p span.pink {font-size:1.4rem; color:var(--aprint-color);}

#text7gray, #textInfo, #clickInfo, #clickInfo7 {display:none}
.textinfo {
	position:absolute;
	left:100px;
	top:100px;
	width:180px;
	background:rgba(80,80,80,0.8);
	color:#fff;
	border-radius:5px;
	font-size:1.4rem;
	padding:7px;
	z-index:10;
	display:none;
}
.cursor-banner {
	position: fixed; /* 스크롤과 무관 */
	top: 0;
	left: 0;
	padding: 8px 10px;
	background: #FFF0F6;
	color: var(--aprint-color);
	font-size: 1.3rem;
	border-radius: 5px;
	white-space: nowrap;
	pointer-events: none; /* 마우스 이벤트 방해 방지 */
	opacity: 0;
	transform: translate(-50px, 20px);
	transition: opacity 0.15s ease;
	z-index: 9999;
}
.cursor-banner::before {
	content: "";
	position: absolute;
	top: -8px;
	left:36px;
	bottom: auto;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #FFF0F6;
}

.cursor-banner.on {
	opacity: 1;
}

/* layer popup */

.order_design {
	width:900px;
	height:600px;
	background: #fff;
	border-radius: 5px;
	margin:0 auto;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
	padding:40px 30px;
}

.tab_deisgn {
	position:relative;
	width:100%;
	margin-top:20px;
}

ul.tab_design_nav {
    margin: 0;
    padding: 0;
    display: flex;
	justify-content: space-between;
    list-style: none;
    height: 50px;
    width: 100%;
	overflow: hidden;
	border-bottom:1px solid #ccc;
}
ul.tab_design_nav li {
    display: inline-block;
	width:18%;
	height:50px;
	text-align: center;
	font-size:1.6rem;
	line-height:50px;
    overflow: hidden;
    position: relative;
}
ul.tab_design_nav li a, ul.tab_design_sub_nav li a {font-size:1.6rem;}
ul.tab_design_nav li.active { border-bottom:3px solid #333;}
ul.tab_design_nav li.active a {font-weight:700;}
ul.tab_design_nav li.active a:hover, ul.tab_design_sub_nav li.active a:hover {cursor: pointer;}

.tab_design_sub_wrap {
	position:relative;
	width:100%;
	margin-top:20px;
}
ul.tab_design_sub_nav li {
	display: inline-block;
	width:18%;
	height:50px;
	text-align: center;
	font-size:1.6rem;
	line-height:50px;
    overflow: hidden;
    position: relative;
	border:1px solid #ccc;
	border-radius: 5px;
}

ul.tab_design_sub_nav li.active {
	background:#eee;
}
.tab_design_table {margin-top:20px;}
.tab_design_table table {
	position:relative;
	width:100%;
}
.tab_design_table table tr th {
	border-top:1px solid #333;
	border-right:1px solid #ccc;
	background: #eee;
	border-bottom:1px solid #ccc;
	padding:15px 0;
	font-size:1.4rem;
}
.tab_design_table table tr td {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:5px;
	font-size:1.2rem;
}
.tab_design_table table tr th:last-child {border-right:0;}
.tab_design_table table tr td:last-child {border-right:0;}
.tab_design_table table tr td:nth-of-type(3n+1) {font-weight:700; text-align:center;}
.tab_design_table table tr td:nth-of-type(3n+2) {text-align:center;}
.tab_design_table table tr td:nth-of-type(3n+3) {word-break:keep-all;}

.order_design_text {
	position:absolute;
	bottom:30px;
	width:100%;
}
.order_design_notice {
	margin-left:20px;
	display: inline-block;
	width:70%;
}

.order_design_notice ul li {
	list-style:disc;
	color:#666;
}
.order_design_tel {
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
.order_design_tel p {font-size:1.6rem;}
.order_design_tel h2 {font-weight:700; color:var(--aprint-color);}


.label_txt {
	position:absolute;
	left:22px;
	top:16px;
	color:#aaa;
	font-size:1.1rem;
	width:200px;
}
.download_wrap {}
.btn_download {
	position:relative;
	width:142px;
	height:42px;
	background:#fff;
	border:1px solid #333;
	color:#333;
	font-weight:500;
	font-size:1.4rem;
}
.btn_download:hover {background:#eee;}
.download_notice {
	position:relative;
	margin-left:24px;
}
.download_notice p {font-size:1.3rem; line-height:1.8; color:#666;}
.download_notice p.pink {color:#E64980}
.ai_table {
	position:absolute;
	top:0;
	right:40px;
	width:680px;
	height:100px;
	text-align:left;
	display:flex;
	flex-wrap:wrap;
	padding:15px 0;
	z-index:10
}
.ai_text {
	position:relative;
	width:100%;
	text-align:center;
	font-size:1.4rem;
	font-weight:500;
	color:var(--aprint-color);
	margin-bottom:20px;
	background:#FFF0F6;
	padding:10px;
}
.cell_text {
	position:relative;
	width:100%;
	font-size:2.2rem;
	font-weight:700;
	text-align:left;	
	margin-top:5px;
}
.cell_text img {width:20px;margin-right:8px;}
.cell_text span {position:relative;font-size:1.4rem; color:#999;margin-left:8px;padding-left:8px;}
.cell_text span:before {content:'';position:absolute;width:1px;height:1.4rem;background:#999;display:block;left:0;top:4px;}
.cell_text h6 {font-size:1.4rem; color:#333;}
.cell_text h6 button {
	background: transparent linear-gradient(180deg, #D50280 0%, #8510F7 100%) 0% 0% no-repeat padding-box;
	border-radius: 5px;
	padding:4px 8px;
	font-size:1.2rem;
	font-weight:500;
	color:#fff;
	margin-right:6px;
}
.cell_text h6 button:hover {background: transparent linear-gradient(180deg, #B9006F 0%, #6800CE 100%) 0% 0% no-repeat padding-box;}
.cell_text .patent {
	display: none;
	position:absolute;
	width:365px;
	left:0;
	top:68px;
	z-index:10
}
.cell_text .patent > img {width:100%} 
.cell_youtubebtn {
	height:82px;
	cursor:pointer;
	position:absolute;	
} 
.cell_favorite {
	height:82px;
	cursor:pointer;
	position:absolute;
	left:98px;
	top:0;
}
.cell_premiumbtn {
	cursor:pointer;
	position:absolute;
}
.cell_youtubebtn a {color:inherit; font-weight:inherit;}
.cell_youtubebtn img,
.cell_favorite img,
.cell_premiumbtn img {vertical-align:top;width:100%;max-width:112px;}
.cell_youtubebtn {left:15px;top:0;}
.cell_premiumbtn {right:0;}
/* card */



/* book, post icon*/
.icon_youtube {
	position:absolute;
	top:100px;
	right:-100px;
}

/* port, sample */
.order_info_wrap {
	position:relative;
	width:100%;
	margin:0 auto;
	text-align:center;
	border-top:1px solid #eee;
}
.order_port_wrap, .order_sample_wrap {
	position:relative;
	width:100%;
	max-width:1200px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:20px auto;
	padding-bottom:20px;
}
.order_port_wrap h2, .order_sample_wrap h2, .order_info_img12 h2 {
	width:100%;
	text-align:left;
	position:relative;
	font-size:1.4rem;
	font-weight:700;
	margin-bottom:20px;
}
.order_port_wrap h2 span,
.order_sample_wrap h2 span {
	position:absolute;
	right:0;
	bottom:0;
}
.order_port_wrap h2 span a:hover, .order_sample_wrap h2 span a:hover {color:var(--aprint-color); text-decoration:underline; font-weight:700}
.order_port_box {
	position:relative;
	width:290px;
	height:290px;
	display:inline-block;
	border:1px solid #eee;	
	background:#fafafa;
	overflow:hidden;
}
.order_sample_box {
	position:relative;
	width:190px;
	height:190px;
	display:inline-block;
	border:1px solid #eee;	
	background:#fafafa;
	overflow:hidden;
}
.order_port_box img, .order_sample_box img {
	width:100%;
	height:100%;
	overflow:hidden;
}
.order_info_blank {
	width:100%;
	height:100px;
	margin-top:-100px;
	visibility:hidden;
}
.order_info_menu {
	position:relative;
	width:100%;
	text-align:center;
	margin:0 auto;
	background:#fafafa;
	padding-bottom:150px;
}
.order_info_nav {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width:1000px;
	margin:0 auto;
}

.order_info_nav li {
	width:20%;
	background:#f1f1f1;
	font-size:1.6rem;
	font-weight:700;
	padding:15px;
	text-align:center;
	display:block;
	position:relative;
}
.order_info_nav li.half {width:100%;}
.order_info_nav li a {text-align:center;display:inherit;color:inherit;}
.order_info_nav li.active {background:#333; color:#fff;}


.order_info_img {
	position:relative;
	width:1000px;
	text-align:center;
	margin:0 auto;
}
.order_info_img_div {
	position:relative;
	width:100%;
	text-align:center;
}
.order_info_img_div img {vertical-align:top; width:100%;}
.order_info_img_div .main {
	position:relative;
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	margin-bottom:10px;
}
.order_info_img_div .blog,
.order_info_img_div .noblog {
	position:relative;
	width:100%;
	text-align:left;
	padding-top:80px;
}
.order_info_img_div .blog h1,
.order_info_img_div .noblog h1 {font-size:3rem; font-weight:700; margin-bottom:20px;}
.order_info_img_div .blog > .na {position:relative; width:100%; border-top:1px solid #333; padding:40px 0 140px; font-size:1.4rem; line-height:1.8}
.order_info_img_div .noblog > .na {position:relative; width:100%; border-top:1px solid #333; padding:40px 0 140px; text-align:center;}
.order_info_img_div .blog > .na > * {font-size:1.4rem; line-height:1.8}
.order_info_img_div .blog > .na > * > * {font-size:1.4rem; line-height:1.8}
.order_info_img_div .noblog > .na > p {font-size:1.6rem; line-height:1.8}
.order_info_img_div .noblog {display:none;}
.btn_absolute {
	position:absolute;
	bottom:95px;
	right:80px;
	width:270px;
	height:175px;
}
.btn_absolute2 {
	position:absolute;
	bottom:84px;
	right:80px;
	width:270px;
	height:175px;
}
.btn_absolute3 {
	position:absolute;
	bottom:80px;
	right:122px;
	width:130px;
	height:148px;
}
.order_info_img_div .tale {border:1px solid #dcdcdc;}
.order_info_img_div.active img {display:block;}

.btn_infotop {
	margin-top:50px;
	width:80px;
	height:80px;
	background:#ddd;
	color:#666;
	font-size:1.4rem;
	border-radius:50%!important;
}
.btn_infotop:hover {color:#fff;background:#666;}
ul.mask_text {
	position:absolute;
	width:230px;
	top:0;
	right:0;
	list-style-type: "※";
}
ul.mask_text li {
	font-size:1.2rem;
	padding-left:4px;
	word-break:keep-all;
	color:#333;
}
.info_blank {
	width:100%;
	height:100px;
	margin-top:-100px;
	visibility: hidden;
}
button.btn_mask_order {
	width:200px;
	height:80px;
	background:var(--aprint-color);
	color:#fff;
	font-size:1.6rem;
	font-weight:700;
	margin-bottom:50px;
	border-radius:5px;
}

button.btn_mask_order:hover {background:#333;}

.order_info_menu12 {
	position:relative;
	width:100%;
	text-align:center;
	margin:0 auto;
	background:#fff;
	border-top:1px solid #eee;
	padding-bottom:150px;
}

.order_info_img12 {
	position:relative;
	width:1200px;
	text-align:center;
	margin:20px auto 0;
}
.order_info_img12 img {vertical-align:top;}
.order_info_img12 > div > a.link {
	position:absolute;
	right:200px;
	bottom:0;
	height:40px;
	display:block;
	z-index:3;
}

/* zoom */
.order_img {width:300px; height:300px; margin-right:66px; display: inline-block; position:relative;}
.order_img img {
	max-width:300px;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
}
/* card thumb */
.order_img_card {width:300px; height:300px; margin-right:66px;}
.order_img_card img:hover {cursor: url("../images/zoomin.cur"), default;}
.order_img_card img.x2 {
	max-width:660px;
	height:auto;
	cursor: url("../images/zoomout.cur"), default;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
	box-shadow: 5px 5px 10px #cccccc66;
}
.order_img_card img {
	max-width:300px;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
}

.order_img img:hover {cursor: url("../images/zoomin.cur"), default;}
.order_img img.x2 {
	max-width:600px;
	height:auto;
	cursor: url("../images/zoomout.cur"), default;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
	box-shadow: 5px 5px 10px #cccccc66;    
}


/* order - salelist */
.sale_wrap {
	width: 100%;
    display: flex;
    position: relative;
    margin: 20px 0;
    flex-wrap: wrap;
}
.sale_box {
	width:375px;
	margin-right:37.5px;
	position: relative;
	overflow: hidden;
	margin-top:15px;
	margin-bottom:50px;
}
.sale_box:nth-of-type(3n) {margin-right:0;}
.sale_box:hover {cursor:pointer}
.sale_img {
	width:375px;
	height:375px;
	overflow:hidden;
	position:relative;
}
.sale_img img:hover {
	transform: scale(1.1,1.1);
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    cursor: pointer;
}
.sale_img img {
	width:100%;
	perspective: 1;
	-webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;}
.sale_label {
	position:absolute;
	top:12px;
	right:12px;	
}
.sale_label h3 {background:#D0EBFF;border-radius:5px;font-size:1.3rem;color:#228BE6;padding:5px;display:inline-block;}
.sale_label h3.visit {background:#E5DBFF;border-radius:5px;font-size:1.3rem;color:#7950F2;padding:5px;margin-left:6px;display:inline-block;}
.sale_per {
	position:absolute;
	top:15px;
	right:15px;
	width:80px;
	height:80px;
	border-radius:50%;
	background:#F03E3E;
	color:#fff;
	font-size:1.5rem;
	font-weight:700;
	text-align:center;
	padding-top:17px
}
.sale_text {
	width:100%;
	margin-top:20px;
	position:relative;
}
.sale_text h2 {font-size:2rem; font-weight:700; margin-bottom:8px;}
.sale_text h4 {font-size:1.4rem; color:var(--aprint-color); margin-right:10px; display:inline-block;vertical-align:middle}
.sale_text h4 span {color:#999; text-decoration:line-through;}
.sale_text p {font-size:1.8rem; display:inline-block;vertical-align:middle;margin-right:6px;}
.sale_text p span {font-size:2.6rem; font-weight:700;}


.sale_title {
	width:100%;
	height:40px;
	text-align:right;
	color:#999;
}
.sale_wrap {
	position:relaitve;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	padding-top:20px;
	padding-bottom:30px;
}
.sale_l {
	width:600px;
}
.sale_thum {width:580px; margin-bottom:25px;}
.sale_thum img {width:100%;}
.sale_r {
	width:600px;
	padding-left:50px;
}
.sale_r hr {
	border-top:1px solid #d6d6d6;
	border-bottom:0;
}
.sale_row {
	position:relative;
	width:100%;
	margin-bottom:30px;
}
.sale_row h2 {font-size:2.8rem; font-weight:700;}
.sale_row h3 {font-size:2rem; margin-bottom:10px}
.sale_row p {font-size:1.6rem; font-weight:700;}

.sale_row > .box {
	width:580px;
	background:#f5f5f5;
	padding:16px 20px;
	font-size:1.4rem;
	color:#666;
	margin-top:10px;
	list-style: '\2010';
	padding-left:30px;
}

.sale_row > .box li {line-height:1.6;}
.sale_form {
	position:relative;
	width:100%;
	display:flex;
	margin-bottom:10px;
}
.sale_form > .lb {
	width:90px;
	height:52px;
	line-height:52px;
	font-size:1.6rem;
	font-weight:700;	
}
.sale_form > .ip {
	width:460px;
}
.sale_form > .ip > input[type="text"],
.sale_form > .ip > textarea {
	width:100%;
	border: 1px solid #d6d6d6;
	padding:15px;
}
.sale_form > .ip > input[type="text"] {height:52px;}
.sale_form > .ip > textarea {min-height:90px;}
.sale_form > .ip > #input_file{display:inline-block; width:0px; height:0px; opacity:0; overflow:hidden; display:none;}
.sale_form > .ip > #dropZone #fileDragDesc{font-weight:600; cursor:grab;}
.sale_form > .ip > #dropZone input[type="button"] {border:0; background:transparent; margin-right:15px; color:#333; font-size:1.1rem; position:relative; top:-2px; font-weight:600;}
.sale_form > .ip > #dropZone1{text-align:center;}
.sale_form > .ip > #dropZone {
	width: 100%;
    height: 52px;
    padding: 15px 0px;
    text-align: center;
    background: #eee;
    cursor: pointer;
}
.sale_form > .ip > p {color:#666; margin-top:8px; font-size:1.4rem;}
.sale_price {
	position:relative;
	width:100%;
	height:52px;
	display:table;
	margin-bottom:10px;
	vertical-align:middle;
}
.sale_price > .left {
	display:table-cell;
	font-size:1.8rem;
	font-weight:700;
	vertical-align:middle;
	float:none;
}
.sale_price > .left span {margin-left:5px;font-size:1.8rem; font-weight:400; color:#999;}
.sale_price > .right {
	display:table-cell;
	text-align:right;
	font-size:3.2rem;
	font-weight:700;
	vertical-align:middle;
	float:none;
}
.sale_price > .right span {color:var(--aprint-color); font-size:3.2rem; font-weight:700; margin-right:5px;}
.sale_btn_row {
	position:relative;
	display:flex;
	width:100%;
	flex-wrap:wrap;
	justify-content:space-between;
}
button.btn_carts {
	width:360px;
	height:75px;
	background:var(--aprint-color);
	color:#fff;
	font-size:2rem;
	font-weight:700;
	border-radius:2px;
}
button.btn_sheet {
	width:180px;
	height:75px;
	background:#fff;
	color:#333;
	font-size:2rem;
	font-weight:700;
	border-radius:2px;
	border:1px solid #434343;
}
button.btn_carts:hover, button.btn_sheet:hover {background:#333; color:#fff; border:0;}
.design_blank {
	width: 100%;
    height: 140px;
    background: #fff;
    margin-top: -140px;
    visibility: hidden;
}
.design_blank {
	width: 100%;
    height: 140px;
    background: #fff;
    margin-top: -140px;
    visibility: hidden;
}

#text7day {
	position:absolute;
	display:none;
	left:100px;
	top:100px;
	width:180px;
	height:auto;
	background:rgba(80,80,80,0.8);
	color:#fff;
	border-radius:5px;
	font-size:1.4rem;
	padding:7px;
}
#text7day hr {
	border-bottom:1px solid #fff;
	display:block;
	margin:4px 0;
}
#text7day span {
	background:#eee;
	color:#666;
	border-radius:5px;
	padding:0 2px;
	margin-right:5px;
}

  
/* 스켈레톤 */

 
/*스켈레톤 메인 컨테이너*/
.skeleton_loading {
    position: absolute;
    width: 100%;
    height: 100%;
	z-index:2;
	top:0;
	left:0;
	background:#fff;
}
/* 스켈레톤 텍스트 */
.skeleton_text {
	position:absolute;
	width:64px;
    height:12px;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.skeleton_loading * {
    background: linear-gradient(90deg, #e3e3e3 20%, #f0f0f0 40%, #f0f0f0 50%, #e3e3e3 60%);
    border-radius: 0;
    background-size: 200% 100%;
    background-position: 100% 0;
    animation: load 1s infinite;
}
 
@keyframes load {
    100% {
        background-position: -100% 0;
    }
}  


/* popup */
/* popup modal */
.order_popup_wrap {display:none; overflow:hidden;}
.order_popup {padding:30px;}
.order_popup h1, .order_fold h1 {width:100px;font-size:2.6rem; font-weight:700;line-height:1;padding-bottom:19px;}
.order_popup_title {padding-bottom:2px; border-bottom:1px solid #333;margin-top:10px;flex-wrap:wrap; align-items:start}
.order_popup_tab {margin-top:20px;}
.order_popup_tab ul {
	display:flex;
	flex-wrap:wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    height: 32px;
	overflow: hidden;
}
.order_popup_tab ul li {
	margin-top:1px;
    margin-right: 2px;
    padding: 0;
    height: 31px;
    line-height: 31px;
    border-left: none;
    margin-bottom: -1px;
    overflow: hidden;
    position: relative;
    background: #ccc;
	border-radius: 10px 10px 0 0;
}
.order_popup_tab ul li a {
    text-decoration: none;
    color: #fff;
    display: block;
    padding: 0 20px;
    outline: none;
}
.order_popup_tab ul li a:hover {background: #999;}
.order_popup_tab ul li.active {border:1px solid #ccc;}
.order_popup_tab ul li.active, .order_popup_tab ul li.active a:hover {background: var(--aprint-color);border:0;}

/*Tab Conent CSS*/
.order_popup_cont {
    border-top: none;
    overflow: hidden;
    clear: both;
    float: left; 
    background: #fff;
	width:100%;
	border:1px solid #ccc;
	border-radius: 0 0 10px 10px;
	overflow:hidden;
}
.order_popup_cont div img {width:100%; vertical-align:top;}

.paper_wrap {
	position:relative;
	width:100%;
	overflow-y: auto;
	height:auto;
}
#paper_nav {
	width:calc(100% - 200px);
}
#paper_nav ul  {}
#paper_nav ul li {
	display: inline-block;
	width:80px;
	height:30px;
	background: #999;
	color:#fff;
	text-align: center;
	line-height:30px;
	border-radius: 15px;
}
#paper_nav ul li.active {
	background:var(--aprint-color);
}
#paper_nav ul li a {color:#fff;}
.paper_wrap img {width:100%; vertical-align:top;}
.paper_section {padding-top:70px;}
.paper_section p {font-size:1.6rem; border-bottom:1px solid var(--aprint-color); padding:10px;}
.paper_wrap div:last-child {border-bottom:0;}
.paper_banner {
	position:absolute;
	top:10px;
	right:30px;
	width:220px;
	z-index:999999;
}
.paper_banner img {vertical-align:top}
#paper_nav.testpaper {background:transparent;}

#paper_nav.testpaper ul li {
	display: inline-block;
	margin-right:10px;
	padding:0 15px;
	width:auto;
	height:32px;
	background: #ECECEC;
	text-align: center;
	line-height:32px;
	border-radius: 16px;
	font-size:1.6rem;
	margin-bottom:13px;
}
#paper_nav.testpaper ul li a {color:#999;}

#paper_nav.testpaper ul li.active {background:#333;}
#paper_nav.testpaper ul li.ytb.active {background:#333;border:1px solid #333;}
#paper_nav.testpaper ul li.active a,
#paper_nav.testpaper ul li.ytb.active a {color:#fff;}
#paper_nav.testpaper ul li.ytb {border:1px solid #CECECE;background:#fff;}
#paper_nav.testpaper ul li.ytb img {padding-right:10px;vertical-align:top;padding-top:5px}

.paper_cont {
	position:relative;
	width:100%;	
	
}
.paper_box {
	width:218px;
	height:auto;
	margin-right:16px;
	margin-bottom:30px;
}
.paper_box:nth-of-type(4n) {margin-right:0;}
.paper_thumb {
	width:218px;
	height:150px;
	background:#fff;
	overflow: hidden;
    cursor: crosshair;
	background-repeat: no-repeat;
}
.paper_thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
	transition: opacity 0.2s;
}

/* 줌 활성화 시 이미지 태그를 투명하게 만듦 (배경 이미지가 보이도록) */
.paper_thumb.active img {
    opacity: 0;
}
.paper_box h2,
.paper_box3 h2 {font-size:1.6rem;font-weight:700;margin-top:10px;}
.paper_box h2 span {background:#FFBED5;font-size:1.2rem;font-weight:700;padding:0 5px;height:20px;margin-left:8px;color:#E64980;border-radius:2px}
.paper_box h3 {font-size:1.4rem;margin-top:5px;line-height:1.6}
.paper_box_v {
	width:100%;
	margin-bottom:30px;
}
.paper_thumb_v {width:412px; float:left;margin-right:40px;}
.paper_box_v h2 {position:relative;font-size:20px;font-weight:700;margin-bottom:15px;}
.paper_box_v h2 span {position:absolute;top:3px;right:0;text-align:right;font-size:1.5rem;vertical-align:middle;}
.paper_box_v h2 span a{font-weight:500;color:#F06595}
.paper_box_v h2 span img {width:24px;height:24px;padding:3px;background:#F06595;vertical-align:middle;text-align:center;border-radius:50%;}
.paper_box_v h2 span:hover > a {color:#c2255c}
.paper_box_v h2 span:hover > a img {background:#c2255c}
.paper_box_v h3 {font-size:1.6rem;font-weight:700;line-height:2;margin-bottom:15px;}
.paper_box_v h3 span {font-size:1.6rem;font-weight:400;}
.paper_box_v h4 {font-size:1.4rem;font-weight:700;padding-top:15px;border-top:1px solid #EBEBEB;display:inline-block;width:480px}
.paper_box_v h4 span {font-size:1.4rem;font-weight:400;}
.paper_box_v h5 {font-size:1.6rem;margin-bottom:12px;}
.paper_box_e {
	width:920px;
	margin-top:50px;
	background:#F6F6F6;
	padding:16px 20px;
	align-items:start;
}
.paper_box_e > .paper_box_e_l > .icon_notice {
	width:20px;
	height:20px;
	background:#AFAFAF;
	color:#fff;
	font-size:1.4rem;
	text-align:center;
	font-weight:700;
	border-radius:10px;
	display:inline-block;
	margin-right:4px;
}
.paper_box_e_l {width:90px;font-weight:700;font-size:1.5rem;}
.paper_box_e_r {width:calc(100% - 90px);font-size:1.4rem;line-height:1.6}

/*
.paper_cont h2 {font-size:2rem;font-weight:700;}
.paper_cont h2 span {font-size:2rem;font-weight:700;color:var(--aprint-color);margin-left:5px;}
.paper_cont h3 {font-size:1.6rem;font-weight:700;color:#666;margin-left:12px;margin-top:2px;}
*/
.paper_box3 {
	width:280px;
	height:auto;
	margin-right:18px;
	margin-bottom:30px;
	text-align:center;
}
.paper_box:nth-of-type(3n) {margin-right:0;}
.paper_thumb3 {
	width:280px;
	background:#fff;
	overflow: hidden;
}
.paper_thumb3 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
	transition: opacity 0.2s;
}

table.workdays {
	position:relative;
	width:100%;
	border-top:1px solid #F06595;
	border-bottom:1px solid #F06595;
	margin:15px 0;
}
table.workdays tbody tr {}
table.workdays tbody tr th {
	background:#FFF0F6;
	font-size:1.6rem;
	font-weight:700;
	color:#E64980;
	padding:12px;
	width:200px;
	border-bottom:1px solid #DFDFDF
}
table.workdays tbody tr td {
	padding:12px;
	text-align:left;
	border-bottom:1px solid #DFDFDF
}
table.workdays tbody tr td p {font-size:1.6rem;}
table.workdays tbody tr td p span.pink {color:var(--aprint-color);font-weight:700;}
table.workdays tbody tr td p span.bold {font-weight:700;}
table.workdays tbody tr td p img {width:24px; vertical-align:top;margin-right:6px;}
table.workdays tbody tr td img {max-width:430px;}
/* */

#viewprice {
	flex-wrap:wrap;
}
table.table_price {
	width:100%;
	margin-top:10px;
	border-collapse: collapse;
	border-top:1px solid #F06595;
	border-bottom:1px solid #F06595;
}
table.table_price tbody tr th {
	text-align:center;
	padding:8px;
	font-size:1.4rem;
	font-weight:700;
	background:#FFF0F6;
	color:#E64980;
}
table.table_price tbody tr td {
	border-top: 1px solid #DFDFDF;
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
	text-align:center;
	font-size:1.4rem;
	height:44px;
	vertical-align:middle
}
table.table_price tbody tr td:nth-child(1) {
	font-weight:700;
	border-left:0;
}
table.table_price tbody tr td:last-child {
    border-right: 0;
}
table.table_price tbody tr td:nth-of-type(2):hover{background:#FFACD8;}
table.table_price tbody tr td:nth-of-type(3):hover{background:#FFACD8;}
table.table_price tbody tr td:nth-of-type(4):hover{background:#FFACD8;}
table.table_price tbody tr td:nth-of-type(5):hover{background:#FFACD8;}
table.table_price tbody tr td.selected:hover{color:var(--aprint-color)}
table.table_price tbody tr td.actcell{background:var(--aprint-color); color:#fff;}
table.table_price tbody tr td p {font-size:1.2rem;color:#666;line-height:1}
table.table_price tbody tr td.actcell p {color:#fff}


table.table_price.hoverx tbody tr td:nth-of-type(2):hover{background:transparent;}
table.table_price.hoverx tbody tr td:nth-of-type(3):hover{background:transparent;}
table.table_price.hoverx tbody tr td:nth-of-type(4):hover{background:transparent;}
table.table_price.hoverx tbody tr td:nth-of-type(5):hover{background:transparent;}

table.table_price tbody tr td input[type="radio"] {
	padding:5px;
	margin:0;
	border-radius: 5px;
	border:1px solid #ccc;
	width:100%;
	position: relative;
	margin-left:2px;
}
table.table_price tbody tr td input[type="radio"] { 
	position: absolute; 
	width: 1px; 
	height: 1px; 
	padding: 0; 
	margin: -1px; 
	overflow: hidden; 
	clip:rect(0,0,0,0); 
	border: 0; 
} 
table.table_price tbody tr td input[type="radio"] + label { 
	display: inline-block; position: relative; padding-left:18px; margin-right:0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; 
} 
table.table_price tbody tr td input[type="radio"] + label:before { 
	content: ''; position: absolute; left: 0px; top:4px; width: 14px; height: 14px; text-align: center; background: #fff; border: 1px solid #c8c8c8; border-radius: 100%;
} 
table.table_price tbody tr td input[type="radio"]:checked + label,
table.table_price tbody tr td input[type="radio"]:checked + label p, 
table.table_price tbody tr td input[type="radio"]:checked + label span {color:var(--aprint-color); font-weight:700;}
table.table_price tbody tr td input[type="radio"]:checked + label:before { 
	background: #fff; border:7px solid var(--aprint-color); 
} 
table.table_price tbody tr td input[type="radio"]:checked + label:after { 
	content: ''; position: absolute; top: 8px; left: 4px; width: 6px; height: 6px; background: #fff; border-radius: 100%;
}

.price_txt {
	position:relative;
	width:100%;
	border-bottom:1px solid var(--aprint-color);
	padding:12px;
}
.price_txt p {color:#222;word-break:keep-all}
.price_txt p span {color:#222;font-weight:700;}
.price_txt p.ft_ex {color:#e64980; margin-top:10px}

/* 상세 신규 */
section.order_detail_wrap {
	position:relative;
	width:100%;
	border-top:1px solid #eee;
	padding:30px 50px 150px;
}
.order_detail_container {
	position:relative;
	width:1200px;
	margin:0 auto;
}
.order_detail_container2 {
	position:relative;
	width:1000px;
	margin:0 auto;
}
.order_detail_container.gray {background:#f2f2f2;}
.order_detail_container img {vertical-align:top;}
.order_detail_container h1,
.order_detail_container2 h1 {
	font-size:2rem;
	font-weight:700;
	margin-bottom:20px;
	width:100%;
	text-align:left;
}
.order_detail_container h2 {
	position:relative;
	font-size:3.8rem;
	font-weight:700;
	color:#216b84;
	text-align:center;
	margin-top:80px;
	margin-bottom:50px;
}

.order_detail_container h2:before {
	position:absolute;
	top:-20px;
	left:50%;
	transform:translate(-50%,0);
	content:'';
	display:block;
	width:50px;
	height:3px;
	background:#216b84;
	z-index:2;
}
.order_detail_container2 h2 {
	position:relative;
	display:inline-block;
	font-size:3.2rem;
	font-weight:700;
	border:2px solid #333;
	text-align:center;
	margin-top:80px;
	margin-bottom:50px;
	padding:10px 30px;
}
.order_detail_container h3 {
	font-size:2.4rem;
	font-weight:300;
	color:#666;
	margin-top:40px;
	margin-bottom:10px;
	text-align:left;
	padding-left:70px;
}
.order_detail_container2 h3 {
	font-size:2.8rem;
	font-weight:500;
	color:#216b84;
	text-align:center;
	margin:50px 0;
}
.order_detail_container ol,
.order_detail_container ul {list-style-position:inside; text-align:left;margin:30px 0;list-style:none}
.order_detail_container ul li {
	text-align:left;
	position:relative;
	font-size:2rem;
	margin:20px 0;
	font-weight:700;
}
.order_detail_container ol li {
	text-align:left;
	position:relative;
	font-size:2.4rem;
	margin:20px 0;
}
.order_detail_container ol li.cyan {
	font-weight:700;
	color:#216b84;
}
.order_detail_container ol li.cyan > span{font-size:2.4rem;font-weight:400;color:#216b84;}
.order_detail_container ul li p {
	display:inline-block;
	border-radius:50%;
	width:35px;
	height:35px;
	color:#fff;
	font-size:2rem;
	font-weight:700;
	background:#ff0000;
	margin-right:10px;
	text-align:center;
}
.order_detail_container ol li p {
	display:inline-block;
	border-radius:50%;
	width:35px;
	height:35px;
	color:#fff;
	font-size:2rem;
	font-weight:700;
	background:#216b84;
	margin-right:10px;
	text-align:center;
}
.order_detail_container ol li span {font-size:2.4rem; font-weight:700;}
.order_detail_container ol li h4 {
	font-size:2.4rem;
	font-weight:300;
	color:#666;
	margin-left:45px;
	margin-top:20px;
	margin-bottom:50px;
}
.order_detail_container h5 {
	font-size:2.4rem;
	font-weight:700;
	color:#216b84;
	margin-left:60px;
	margin-top:20px;
	margin-bottom:20px;
	text-align:left
}
.order_detail_inner {
	position:relative;
	width:800px;
	margin:0 auto;
	padding:30px 0
}
.order_detail_inner2 {
	position:relative;
	width:1000px;
	margin:0 auto;
	text-align:center;
}
.order_detail_inner2 > p {
	font-size:2rem;
	margin:30px 0;
}
.order_detail_inner2 > h5 {font-size:2.4rem;margin:10px 0;}
.order_detail_inner2 > h6 {font-size:1.8rem;}
.order_detail_inner > p.lefta {
	font-size:2.4rem;
	text-align:left;
	line-height:1.6
}
.order_detail_flex {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.order_detail_flex.gray {
	justify-content:flex-start;
	background:#eee;
	padding:20px;
	align-items:center;
	margin-bottom:20px;
}
.detail_halfimg {
	text-align:left;
	width:384px;
}
.detail_33img {text-align:left;width:33%;margin-top:20px;}
.detail_33img img {width:100%}
.detail_33img.gray {width:30%;background:#eee;text-align:center;padding:10px;}
.detail_33img.gray > h4 {font-size:1.8rem;font-weight:700;color:#333; border-bottom:1px solid #333;padding:5px}
.detail_33img.gray > h2 {font-size:2.5rem;font-weight:700;color:var(--aprint-color);text-align:center;margin-top:20px;}
.detail_33img.gray > h6 {font-size:1.3rem;}
.detail_33img > h4 {font-size:1.8rem;font-weight:700;color:#333; border-bottom:1px solid #333;padding:5px;text-align:center}
.detail_33img > h2 {font-size:2.5rem;font-weight:700;color:var(--aprint-color);text-align:center;margin-top:20px;text-align:center}
.detail_33img > h6 {font-size:1.3rem;text-align:center}
.detail_halfimg > h3,
.detail_33img > h3 {color:#216b84;font-size:1.8rem;font-weight:700;margin-top:20px;margin-bottom:0;padding-left:0;}
.detail_halfimg > h3 span,
.detail_33img > h3 span {color:#216b84;font-size:1.8rem;font-weight:400;}
.detail_halfimg p,
.detail_33img p {font-size:1.8rem;margin-top:10px;}
.detail_left {
	width:13%;
	min-height:100%;
	font-size:2.2rem;
	border-right:1px solid #333;
}
.detail_left span {font-size:2.4rem;color:#fff;background:var(--aprint-color); width:36px;height:36px;border-radius:50%;text-align:center;display:inline-block;}
.detail_right {
	width:87%;
	text-align:left;
	padding:0 20px;
	font-size:1.8rem;
}
.detail_title {
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	background:#eee;
	text-align:center;
	padding:20px 0;
	font-size:1.8rem;
}
.inner_box {
	background:#f2f2f2;
	padding:10px 20px;
	font-size:1.6rem;
	margin-top:20px;
}
.order_detail_inner > p.normal {font-size:2rem;margin-bottom:20px;margin-top:20px;text-align:center}
.example_box {position:relative;padding:20px 0;}
.example_box > h2 {
	font-size:3rem;
	font-weight:700;
	color:#ef5ba1;
	margin-top:30px;
	text-align:left
}
.example_box > h2:before {content:'';background:transparent}
.example_box:before {
	position:absolute;
	display:block;
	content:'';
	top:30px;
	left:0;
	width:50px;
	height:3px;
	background:#ef5ba1;
}
.example_box:after {
	position:absolute;
	display:block;
	content:'';
	bottom:-30px;
	right:0;
	width:50px;
	height:3px;
	background:#ef5ba1;
}
table.order_detail_table {
	width:100%;
	margin:20px 0;
}
table.order_detail_table tbody tr td {
	font-size:1.8rem;
	text-align:left;
	padding:5px;
	vertical-align:top;
}
table.order_detail_table tbody tr td:nth-child(1) {
	width:150px;
	font-weight:700;
}

.detail_circle {
	position:relative;
	width:300px;
	height:300px;
	text-align:center;
	background:var(--aprint-color);
	color:#fff;
	border-radius:50%;
	padding:30px;
	margin:0 auto;
}
.detail_circle > h4 {font-size:2.4rem;font-weight:900;color:#fff;margin:0;text-align:center;}
.detail_circle > h2 {font-size:2.8rem;color:#fff;border:0;margin:0;}
.detail_circle > h3 {font-size:1.8rem;font-weight:300;color:#fff;margin:0;}

.detail_thumb {margin-bottom:30px; width:244px;}
.detail_thumb img {vertical-align:top;}
.detail_thumb h4 {width:100%;background:#666; color:#fff; font-weight:700; font-size:2rem; padding:5px;}
.detail_thumb p {text-align:left;font-size:1.8rem;margin-top:5px;}
.detail_cont {
	width:406px;
	border-top:1px solid #333;
	border-bottom:2px solid #333;
	padding:20px 0;
	margin:20px auto;
	text-align:left;
}
.detail_cont h5 {font-size:2.4rem;margin-bottom:30px;}
.detail_cont p {font-size:1.8rem;}
table.detail_price {
	width:100%;
	border-top:1px solid #333;
}
table.detail_price thead tr td {
	text-align:center;
	font-size:1.8rem;
	font-weight:700;
	background:#eee;
	padding:10px;
	border-bottom:1px solid #ddd;
}
table.detail_price tbody tr th,
table.detail_price tbody tr td {
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	padding:10px;
	font-size:1.6rem;
}
table.detail_price tbody tr th {font-weight:700}
table.detail_price tbody tr td:nth-child(3) {text-align:left;border-right:0;}
ul.detail_notice {
	padding:20px 0;
	border-bottom:1px solid #ddd;
}
ul.detail_notice li {
	list-style:disc;
	list-style-position:inside;
	text-align:left;
	margin:5px 0;
	font-size:1.4rem;
}
.bg_loading {
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background:rgba(255,255,255,0.4);
	text-align:center;
	overflow:hidden;
	z-index:99990
}
.bg_absolute {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:300px;
	height:160px;
	background:#fff;
	border-radius:5px;
}
.f_account {font-size:1.6rem; font-weight:700;color:#333;}
.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 1.2em;
  height: 1.2em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
	color:#FFD43B;
  font-size: 1rem;
  margin:15px auto 50px;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before{color:#D82A85}
.loader:after {color:#4DABF7}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -2.4em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 2.4em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

.float_recommend {
	position:fixed;
	top:160px;
	left:calc(((100vw - 1480px)/2) - 200px);
	z-index:9999;
	width:200px;
	padding-bottom:80px;
}
.recommend {
	width:200px;
	border:1px solid #DFDFDF;
	border-radius:10px;
	background:#fff;
	padding:12px;
	cursor:pointer;
}
.recommend h2 {
	position:relative;
	font-size:1.7rem;
	font-weight:700;
}
.recommend h2 span {
	position:absolute;
	top:2px;
	right:0;
}
.recommend h2 > span.toggle  {
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
	top:-2px;
}
.recommend button {
	width:100%;
	height:42px;
	background:#22B8CF;
	color:#fff;
	font-size:1.6rem;
	font-weight:700;
	margin-bottom:12px;
}
.recommend button:hover {background:#1098ad}
.recom_toggle {margin-top:10px;}
ul.recom_tab {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	margin-bottom:20px;
}
ul.recom_tab li {
	display:block;
	width:50%;
	padding:4px;
	font-size:1.6rem;
	font-weight:700;
	color:#999;
	text-align:center;
	border-bottom:4px solid #E6E6E6;
	cursor:pointer
}
ul.recom_tab li.active {
	color:#22B8CF;
	border-bottom:4px solid #22B8CF;
	text-align:center;
}
.recom_wrap {display:none}
.recom_wrap.active {display:block}
.recom_box {
	width:100%;
	margin-bottom:16px;
}
.recom_box h4 {font-size:1.5rem;font-weight:700;}
.recom_box p {font-size:1.5rem;word-break:keep-all;color:#666;}
.recom_box div {margin-bottom:10px}
.recom_box div:last-child {margin-bottom:0;}

.recom_text {
	position: relative;
	background:#E3FAFC;
	border:1px solid #22B8CF;
	border-radius:5px;
	padding:8px;
	margin-bottom:15px;
	text-align:center;
	font-weight:700;
	color:#22B8CF
}
.recom_text span {color:#FA5252;font-weight:700;font-size:inherit;}
.recom_text:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-top-color: #22B8CF;
	border-bottom: 0;
	margin-left: -6px;
	margin-bottom: -6px;
}
.recom_text:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top-color: #E3FAFC;
	border-bottom: 0;
	margin-left: -5px;
	margin-bottom: -5px;
}

.book_notice {
	position:fixed;
	top:65px;
	left:339px;
	background:#F1F3F5;
	width:341px;	
	height:573px;
	z-index:2;
	padding:16px;
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
}

.book_notice_box {
	width:100%;
	background:#fff;
	padding:20px 15px 15px;
	border:1px solid #4C6EF5;
	border-radius:5px;
	text-align:center;
	margin-top:34px;
}
.book_notice_box h5 {font-size:2rem;font-weight:700;margin-bottom:8px;}
.book_notice_box p{
	position:relative;
	font-size:1.5rem;
	word-break:keep-all;
	padding:0 15px;
	margin-bottom:20px;
	color:#333;
}
.book_notice_box p span {font-size:inherit;font-weight:700;color:#4C6EF5}
.book_notice_box button {
	width:100%;
	height:44px;
	background:#4C6EF5;
	color:#fff;
	font-size:1.5rem;
	font-weight:700;
	border-radius:5px;
}
.book_notice_count {
	width:100%;
	padding:12px 16px;
	background:#EDF2FF;
	border-radius:5px;
	text-align:left;
}
.book_notice_count h4 {
	font-size:1.6rem;
	font-weight:700;
	color:#4C6EF5;
	margin-bottom:4px;
}
.book_notice_count h4 img {vertical-align:bottom;padding-right:5px;}
.book_notice_count p {font-size:1.5rem;padding:0 0 0 30px;margin:0;color:#333;}
.book_notice_count p span {font-size:1.5rem;color:#666;font-weight:400;}



/* 신규 상세페이지 */
.detail_main {width:100%;}
.detail_tab {
	width:100%;
	max-width:1200px;
	display:flex;
	flex-wrap:wrap;
	background:#E5007F;
	padding:0 20px;
	z-index:10
}
.detail_tab.fixed {
	position:fixed;
	top:100px;
	left:calc((100% - 1200px)/2);
}
.detail_tab .tab {
	width:calc(100%/6);
	height:40px;
	line-height:40px;
	font-size:2.1rem;
	font-weight:300;
	color:#fff;
	text-align:center;
	cursor:pointer
}
.detail_tab .tab.active {display:block;font-weight:700;color:#FDFCC6;text-align:center;}
.detail_tab_offset {
	margin-top:-100px;
	padding-top:100px;
	visibility:hidden;
	height:0;
}
.detail_subtab {
	position:relative;
	width:100%;
	max-width:1200px;
	display:flex;
	flex-wrap:wrap;
	background:#E7E7E5;
	z-index:3;
}
.detail_subtab.fixed {
	position:fixed;
	top:140px;
	left:calc((100% - 1200px)/2);
}
.detail_imgtab {
	position:relative;
	width:100%;
	max-width:1200px;
	display:flex;
	flex-wrap:wrap;
	z-index:3;
	background:#fff;
}
.detail_imgtab.fixed {
	position:fixed;
	top:140px;
	left:calc((100% - 1200px)/2);
}
.detail_imgtab ul {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	padding-left:67px;
	margin:0;
}
.detail_imgtab ul:after {
	position:absolute;
	content:'';
	width:87%;
	height:3px;
	bottom:0;
	left:67px;
}
.detail_imgtab.imgtab1 ul.no1:after {background:#F39C35}
.detail_imgtab.imgtab1 ul.no2:after {background:#A42045}
.detail_imgtab.imgtab1 ul.no3:after {background:#54A1D9}
.detail_imgtab.imgtab1 ul.no4:after {background:#3470B8}
.detail_imgtab.imgtab1 ul.no5:after {background:#7EBA27}
.detail_imgtab.imgtab2 ul.no1:after {background:#E5007F;}
.detail_imgtab.imgtab2 ul.no2:after {background:#F39C35;}
.detail_imgtab.imgtab2 ul.no3:after {background:#D1121A;}
.detail_imgtab.imgtab2 ul.no4:after {background:#54A1D9;}
.detail_imgtab.imgtab2 ul.no5:after {background:#F29073;}
.detail_imgtab.imgtab2 ul.no6:after {background:#3470B8;}
.detail_imgtab ul p {width:100%;margin:30px 0;font-size:1.4rem;}
.detail_imgtab ul li {
	position:relative;
	width:60px;
	height:61px;
	background: #F7F7F7;
	box-shadow: 2px 0 1px #00000033;
	border-radius: 10px 10px 0px 0px;
	margin:0 12px 3px 0;
	text-align:center;
	padding-top:12px;
	padding-bottom:6px;
	cursor:pointer;
	transform:translate(0,3px);
}
.detail_imgtab.imgtab1 ul li.active {display:block;z-index:3;}
.detail_imgtab.imgtab1 ul li.active:nth-of-type(1) {background:#FDF0E0;}
.detail_imgtab.imgtab1 ul li.active:nth-of-type(2) {background:#F2DFE3;}
.detail_imgtab.imgtab1 ul li.active:nth-of-type(3) {background:#DAEDFB;}
.detail_imgtab.imgtab1 ul li.active:nth-of-type(4) {background:#D6E3F4;}
.detail_imgtab.imgtab1 ul li.active:nth-of-type(5) {background:#E5F1CD;}

.detail_imgtab.imgtab2 ul li.active {display:block;z-index:3;}
.detail_imgtab.imgtab2 ul li.active:nth-of-type(1) {background:#FBE6EF;}
.detail_imgtab.imgtab2 ul li.active:nth-of-type(2) {background:#FCEED1;}
.detail_imgtab.imgtab2 ul li.active:nth-of-type(3) {background:#F8E2D5;}
.detail_imgtab.imgtab2 ul li.active:nth-of-type(4) {background:#D6E3F4;}
.detail_imgtab.imgtab2 ul li.active:nth-of-type(5) {background:#FDEEE9;}
.detail_imgtab.imgtab2 ul li.active:nth-of-type(6) {background:#DBEDFB;}

.detail_box {
	position:relative;
	display:none;
	width:100%;
}
.detail_box.active {display:block;}

.subtab_text {
	width:475px;
	line-height:40px;
	font-size:1.4rem;
	font-weight:700;
	color:#3D3938
}
.subtab_text span {font-weight:400;}
.subtab_list {
	width:725px;
	display:flex;
	flex-wrap:wrap;
	margin:0!important;
}
.subtab_list li {
	width:104px;
	height:40px;
	padding:10px 0;
	font-size:1.4rem!important;
	font-weight:500!important;
	margin:0!important;
	border-bottom:1px solid #EE87B6;
	text-align:center!important;
}
.subtab_list li.active {display:block;}
.subtab_list li a {	
	font-size:1.4rem!important;
	font-weight:500!important;
	color:#221817
}
.subtab_list li:hover, .subtab_list li.active {border-bottom:3px solid #E5007F;}
.subtab_list li:hover a, .subtab_list li.active a{font-weight:700!important}
.detail_content {
	position:relative;	
	width:100%;
}
.detail_content.fixed {margin-top:80px;}
.detail_content.img1.fixed {margin-top:120px;}
.detail_content.img2.fixed {margin-top:120px;}
.detail_img {
	position:relative;	
	width:100%;
	scroll-margin-top: 180px;
}
.detail_img h3 {
	color:#E5007F;
	font-size:2.8rem;
	font-weight:700;
	text-align:center;
	padding:0;
	margin-bottom:50px
}
.detail_content.img1 > .detail_img {display:none}
.detail_content.img2 > .detail_img {display:none}
.detail_content.img1 > .detail_img.active {display:block;}
.detail_content.img1 > .detail_img.padding {padding:0}
.detail_content.img1.fixed > .detail_img.active {display:block;}
.detail_content.img1.fixed > .detail_img.padding0 {padding-top:0px;}
.detail_content.img1.fixed > .detail_img.padding120 {padding-top:120px;}
.detail_content.img2 > .detail_img.active {display:block}
.detail_content.img2.fixed > .detail_img.active {display:block;}
.detail_content.img2.fixed > .detail_img.padding0 {padding-top:0px;}
.detail_content.img2 > .detail_img.padding120 {padding-top:0;}
.detail_content.img2.fixed > .detail_img.padding120 {padding-top:120px;}
button.btn_detailtop {
	width:80px;
	height:80px;
	border-radius:50%!important;
	background:#ddd;
	color:#666;
	font-size:1.4rem;
	margin-top:80px;
	margin-bottom:100px;
}



/* 신규 상세페이지 */
.detail_main {width:100%;}
.detail_tab {
	width:100%;
	max-width:1200px;
	display:flex;
	flex-wrap:wrap;
	background:#E5007F;
	padding:0 20px;
	z-index:10
}
.detail_tab.fixed {
	position:fixed;
	top:100px;
	left:calc((100% - 1200px)/2);
}
.detail_tab .tab {
	width:calc(100%/6);
	height:40px;
	line-height:40px;
	font-size:2.1rem;
	font-weight:300;
	color:#fff;
	text-align:center;
	cursor:pointer
}
.detail_tab .tab.active {display:block;font-weight:700;color:#FDFCC6;text-align:center;}

.detail_subtab {
	position:relative;
	width:100%;
	max-width:1200px;
	display:flex;
	flex-wrap:wrap;
	background:#E7E7E5;
	z-index:3;
}
.detail_subtab.fixed {
	position:fixed;
	top:140px;
	left:calc((100% - 1200px)/2);
}
.detail_imgtab {
	position:relative;
	width:100%;
	max-width:1200px;
	display:flex;
	flex-wrap:wrap;
	z-index:3;
	background:#fff;
}
.detail_imgtab.fixed {
	position:fixed;
	top:140px;
	left:calc((100% - 1200px)/2);
}
.detail_imgtab ul {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	padding-left:67px;
	margin:0;
}
.detail_imgtab ul:after {
	position:absolute;
	content:'';
	width:calc(100% - 67px);
	height:3px;
	bottom:0;
	left:67px;
}
.detail_imgtab.imgtab1 ul.no1:after {background:#F39C35}
.detail_imgtab.imgtab1 ul.no2:after {background:#A42045}
.detail_imgtab.imgtab1 ul.no3:after {background:#54A1D9}
.detail_imgtab.imgtab1 ul.no4:after {background:#3470B8}
.detail_imgtab.imgtab1 ul.no5:after {background:#7EBA27}
.detail_imgtab.imgtab2 ul.no1:after {background:#E5007F;}
.detail_imgtab.imgtab2 ul.no2:after {background:#F39C35;}
.detail_imgtab.imgtab2 ul.no3:after {background:#D1121A;}
.detail_imgtab.imgtab2 ul.no4:after {background:#54A1D9;}
.detail_imgtab.imgtab2 ul.no5:after {background:#F29073;}
.detail_imgtab.imgtab2 ul.no6:after {background:#3470B8;}
.detail_imgtab ul p {width:100%;margin:30px 0;}
.detail_imgtab ul li {
	position:relative;
	width:60px;
	height:61px;
	background: #F7F7F7;
	box-shadow: 2px 0 1px #00000033;
	border-radius: 10px 10px 0px 0px;
	margin:0 12px 3px 0;
	text-align:center;
	padding-top:12px;
	padding-bottom:6px;
	cursor:pointer;
	transform:translate(0,3px);
}
.detail_imgtab.imgtab1 ul li.active {display:block;z-index:3;}
.detail_imgtab.imgtab1 ul li.active:nth-of-type(1) {background:#FDF0E0;}
.detail_imgtab.imgtab1 ul li.active:nth-of-type(2) {background:#F2DFE3;}
.detail_imgtab.imgtab1 ul li.active:nth-of-type(3) {background:#DAEDFB;}
.detail_imgtab.imgtab1 ul li.active:nth-of-type(4) {background:#D6E3F4;}
.detail_imgtab.imgtab1 ul li.active:nth-of-type(5) {background:#E5F1CD;}

.detail_imgtab.imgtab2 ul li.active {display:block;z-index:3;}
.detail_imgtab.imgtab2 ul li.active:nth-of-type(1) {background:#FBE6EF;}
.detail_imgtab.imgtab2 ul li.active:nth-of-type(2) {background:#FCEED1;}
.detail_imgtab.imgtab2 ul li.active:nth-of-type(3) {background:#F8E2D5;}
.detail_imgtab.imgtab2 ul li.active:nth-of-type(4) {background:#D6E3F4;}
.detail_imgtab.imgtab2 ul li.active:nth-of-type(5) {background:#FDEEE9;}
.detail_imgtab.imgtab2 ul li.active:nth-of-type(6) {background:#DBEDFB;}

.detail_box {
	position:relative;
	display:none;
	width:100%;
}
.detail_box.active {display:block;}

.subtab_text {
	width:475px;
	line-height:40px;
	font-weight:700;
	color:#3D3938
}
.subtab_text span {font-weight:400;}
.subtab_list {
	width:725px;
	display:flex;
	flex-wrap:wrap;
	margin:0!important;
}
.subtab_list a {
	display:block;
	width:104px;
	height:40px;
	font-size:1.4rem!important;
	font-weight:500!important;
	margin:0!important;
	border-bottom:1px solid #EE87B6;
	text-align:center!important;
	color:#221817;
	padding-top:9px
}

.subtab_list a:hover, .subtab_list a.active {border-bottom:3px solid #E5007F;font-weight:700!important}

.detail_content {
	position:relative;	
	width:100%;
}
.detail_content.fixed {margin-top:80px;}
.detail_content.img1.fixed {margin-top:120px;}
.detail_content.img2.fixed {margin-top:120px;}
.detail_img {
	position:relative;	
	width:100%;
	scroll-margin-top: 180px;
	text-align:left;
}
.detail_img h3 {
	color:#E5007F;
	font-size:2.8rem;
	font-weight:700;
	text-align:center;
	padding:0;
	margin-bottom:50px
}
.detail_content.img1 > .detail_img {display:none}
.detail_content.img2 > .detail_img {display:none}
.detail_content.img1 > .detail_img.active {display:block;}
.detail_content.img1 > .detail_img.padding {padding:0}
.detail_content.img1.fixed > .detail_img.active {display:block;}
.detail_content.img1.fixed > .detail_img.padding0 {padding-top:0px;}
.detail_content.img1.fixed > .detail_img.padding120 {padding-top:120px;}
.detail_content.img2 > .detail_img.active {display:block}
.detail_content.img2.fixed > .detail_img.active {display:block;}
.detail_content.img2.fixed > .detail_img.padding0 {padding-top:0px;}
.detail_content.img2 > .detail_img.padding120 {padding-top:0;}
.detail_content.img2.fixed > .detail_img.padding120 {padding-top:120px;}
button.btn_detailtop {
	width:80px;
	height:80px;
	border-radius:50%!important;
	background:#ddd;
	color:#666;
	font-size:1.4rem;
	margin-top:80px;
	margin-bottom:100px;
}
.detail_img_title {
	width:100%;
	height:57px;
	padding-left:70px;
	font-size:2rem;
	font-weight:700;
	color:#fff;
	line-height:40px;
	text-align:left;
}
.detail_img_title.mint1 {background:url('../images/img_title_mint.png');color:#fff!important;background-size:cover;}
.detail_img_title.mint2 {background:url('../images/img_title_mint2.png');color:#fff!important;padding-left:97px;background-size:cover;}
.detail_img_title.pink1 {background:url('../images/img_title_pink.png');color:#fff!important;background-size:cover;}
.detail_img_title.absolutet {position:absolute;top:-20px;left:0;z-index:2}
.detail_img_title.absoluteb {position:absolute;bottom:-35px;left:0;z-index:2}
.order_detail_container .detail_box .detail_content .detail_img h2 {font-size:3rem;font-weight:900;color:#231F20;margin-top:20px;margin-bottom:30px}
.order_detail_container .detail_box .detail_content .detail_img h2:before {display:none}
.order_detail_container .detail_box .detail_content .detail_img h3 {width:calc(100% - 70px);padding-left:70px;font-size:2.2rem;font-weight:700;text-align:left;margin-top:0;margin-bottom:10px;color:#231F20;line-height:1.8;word-break:keep-all}
.order_detail_container .detail_box .detail_content .detail_img h4 {width:calc(100% - 70px);padding-left:70px;font-size:2rem;font-weight:700;text-align:left;margin-top:0;margin-bottom:10px;color:#231F20;line-height:1.8;word-break:keep-all}
.order_detail_container .detail_box .detail_content .detail_img h5 {position:relative;display:inline-block;font-size:2rem;font-weight:700;text-align:left!important;margin-top:30px;margin-bottom:30px;padding:0 20px;margin-left:20px;}
.order_detail_container .detail_box .detail_content .detail_img h5:before {position:absolute;content:'';display:block;left:10px;top:7px;width:2px;height:18px;}
.order_detail_container .detail_box .detail_content .detail_img h5:after {position:absolute;content:'';display:block;right:10px;top:7px;width:2px;height:18px;}
.fc_ai {color:#F39C35!important}
.fc_ai:before, .fc_ai:after {background:#F39C35}
.fc_id {color:#A42045!important}
.fc_id:before, .fc_id:after {background:#A42045}
.fc_psd {color:#54A1D9!important}
.fc_psd:before, .fc_psd:after {background:#54A1D9}
.fc_hwp {color:#3470B8!important}
.fc_hwp:before, .fc_hwp:after {background:#3470B8}
.fc_ms {color:#7EBA27!important}
.fc_ms {color:#7EBA27!important}
.fc_ms:before, .fc_ms:after {background:#7EBA27}


.order_detail_container .detail_box .detail_content .detail_img p {width:calc(100% - 70px);padding-left:70px;position:relative;font-size:2rem;font-weight:400;text-align:left;color:#231F20;line-height:1.8;word-break:keep-all}
.order_detail_container .detail_box .detail_content .detail_img p.pd90 {position:relative;margin-left:50px;padding-left:15px;width:calc(100% - 50px)}
.order_detail_container .detail_box .detail_content .detail_img p.pd90:before {position:absolute;content:'·';left:0;top:0;}
.order_detail_container .detail_box .detail_content .detail_img p.pd90.list {margin-left:30px;padding-left:20px;width:calc(100% - 30px)}
.order_detail_container .detail_box .detail_content .detail_img p.pd90.list:before {position:absolute;content:'';left:0;top:0;}
.order_detail_container .detail_box .detail_content .detail_img p.pd90 .number {position:absolute;left:0;top:0;}
.order_detail_container .detail_box .detail_content .detail_img p.pdb30 {padding-bottom:30px;}
.order_detail_container .detail_box .detail_content .detail_img p.center {text-align:center;width:100%;padding-left:0}
.order_detail_container .detail_box .detail_content .detail_img p.notice {font-size:1.6rem;padding-left:50px;width:calc(100% - 50px)}
.order_detail_container .detail_box .detail_content .detail_img span{font-size:inherit;}
.order_detail_container .detail_box .detail_content .detail_img .pink1 {color:#EC008C;}
.order_detail_container .detail_box .detail_content .detail_img .mint1 {color:#00ABBD;}
.order_detail_container .detail_box .detail_content .detail_img .bold1 {font-weight:700!important;}
.order_detail_container .detail_box .detail_content .detail_img .underline {text-decoration-color:#EC008C;-webkit-text-decoration-color:#EC008C;}
.order_detail_container .detail_box .detail_content .detail_img .underline2 {text-decoration:underline;text-decoration-color:#666;-webkit-text-decoration-color:#666;}
.order_detail_container .detail_box .detail_content .detail_img ol {width:calc(100% - 70px);padding-left:94px;list-style-type:decimal;}
.order_detail_container .detail_box .detail_content .detail_img ol li {
	font-size:2rem; margin-bottom:10px;word-break:keep-all;line-height:1.8
}
.order_detail_container .detail_box .detail_content .detail_img ol li span {font-weight:400!important;}

.order_detail_container .detail_box .detail_content .detail_img ul {width:calc(100% - 50px);margin-left:50px;list-style-type:decimal;}
.order_detail_container .detail_box .detail_content .detail_img ul li {
	font-size:2rem; margin-bottom:10px;word-break:keep-all;line-height:1.8;font-weight:400;
}
.order_detail_container .detail_box .detail_content .detail_img ul li span {font-weight:400!important;}

.order_detail_container .detail_box .detail_content .detail_img.bg_gray {position:relative;background:#F7F7F7;width:calc(100% - 67px);margin-left:67px;}
.order_detail_container .detail_box .detail_content .detail_img.bg_gray img {margin-left:-67px}
.order_detail_container .detail_box .detail_content .detail_img.bg_gray:before {position:absolute;left:0;top:0;width:67px;height:100%;z-index:2;content:'';display:block;}
.order_detail_container .detail_box .detail_content .detail_img .gray1 {
	position:relative;
	background:#F7F7F7;
	padding:70px 0;
	margin:50px 0;
}
.order_detail_container .detail_box .detail_content .detail_img .gray1 img {}
.detail_flex {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	margin-bottom:20px;
	align-items:center;
}
.detail_flex.align_start {align-items:flex-start;}
.detail_flex div {
	padding-left:24px;
}
.detail_flex div p {width:100%!important;padding-left:0!important}
.detail_flex div h4 {width:100%!important;padding-left:0!important}
.detail_flex div ol {width:100%!important;padding-left:24px!important}



#countdown {display:block;}
.countdown {
	position:absolute;
	width:500px;
	height:520px;
	border-radius:10px;
	background:#fff;
	padding:50px 40px;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	text-align:center;
}
.countdown h2 {
	margin:30px 0 50px;
	font-size:3.2rem;
	font-weight:400;
}
.countdown h2 span {font-weight:700;}
.countdown h3 {
	margin-bottom:20px;
	font-size:2.2rem;
	font-weight:500;
}
.countdown h3 span {color:var(--aprint-color);font-weight:700;}
.number_wrap {display:inline;font-size:2.2rem;font-weight:700;}
.countdown h4 {color:var(--aprint-color);font-size:1.8rem;margin-top:12px}
.countdown p {font-size:1.8rem;}

.btn_close_c {
	position:relative;
	width:110px;
	height:52px;
	border-radius:5px;
	border:1px solid #ccc;
	background:#fff;
	font-size:1.6rem;
	font-weight:700;
	color:#444;
	line-height:50px;
	margin: 50px auto 0;
	cursor:pointer
}
.btn_close_c:hover {background:#eee;}

/* graph */
.row_bar {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	align-items: center;
	width:100%;
	height:16px;
	margin-bottom:40px;
}
.row_bar > .graph {
	position:relative;
	width:100%;
	background:#E9ECEF;
	border-radius:8px;
	box-sizing: border-box;
	overflow: hidden
}
.row_bar > .graph > .bar {
	background: var(--aprint-color);
	width: 0;
	height:16px;
	color: #fff;
	position: relative;
	transition: width 10s, background .10s;
	-webkit-transform: translate3d(0, 0, 0);
	clear: both;
	border-radius:0 8px 8px 0;
}
.silsa_multiple {
	width:100%;
	text-align:center;
	color:1.3rem;
	color:#a0a0a0;
	margin:4px 0;
}
.option_notice {
	margin-left:104px;
	margin-top:5px;
}
.option_notice.book {margin-left:80px;margin-bottom:5px;}
.add_option_notice {
	margin-left:80px;
	margin-top:-10px;
}
.add_option_notice p {display:none;color:#333;font-size:1.2rem;}
.option_notice p {display:none;color:#333;}
.add_option_notice p span, .option_notice p span {color:var(--aprint-color);font-weight:700}


.flowtrack {
    position: absolute;
    left: 100px;
    right: 0; 
    top: 0;
    height: 100%;
    overflow: hidden;
    white-space: nowrap; 
}

.flowtrack .mover {
    display:none;
    padding-left:100px;
    font-size:1.4rem;
	line-height:1.6;
	color:#333;
    animation: marquee-sub 20s linear infinite;
}

.flowtrack .mover span {
    color: var(--aprint-color);
}


@keyframes marquee-sub {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%); 
    }
}

.flowtrack:hover .mover {
    animation-play-state: paused;
}