.posart_shop {}
.posart_shop h1 { margin-top: 0px; color: rgba(0, 0, 0, 0.8);font-size: 50px; font-weight: bold; padding:0px 0px 10px 0px;}
.posart_shop h2 {font-size: 20px;   font-weight: bold; padding: 0px; margin-top: 0px;  margin-bottom:50px;}
.posart_shop h2 span {color: #ffa32d;  }
.posart_shop h3 { font-size: 18px; font-weight: bold; margin:10px 0px;overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis; width: 90%;}
.posart_shop .box1 {margin-top: 2%;}
.posart_shop .box1 li {display: inline-block; width:23% !important; line-height: 28px;font-size: 16px; padding:0px 0px; text-align: center; letter-spacing: -0.5px; cursor: pointer; /* background: #f9fafc;  border: 1px solid #cacaca; */ margin:10px 10px 20px 10px;}
.posart_shop .box1 li:hover {cursor: pointer; /* border: 1px solid #e1e1e1;  box-shadow: 3px 3px 10px rgb(0 0 0 / 10%);*/}
/* .posart_shop .box1 li:hover img.icon {filter: brightness(10);} */
.posart_shop .box1 li .photo {border: 1px solid #cacaca; padding: 20px;}
.posart_shop .box1 li .photo:hover {box-shadow: 3px 3px 10px rgb(0 0 0 / 10%);}
.posart_shop .box1 li img.thumbnail {width:auto; height:200px; max-width: 250px;}
.posart_shop .box1 li img.icon { padding: 10px 0px; display: none;}
.posart_shop .box1 li div.txt {text-align: left; margin: 10px 0px;}
.posart_shop .box1 li div.txt h3 {display:inline-block; margin: 0px;}
.posart_shop .box1 li div.txt .right {float: right;display: none;}
.posart_shop .box1 li div.txt p.txt1 {height: 52px; line-height: 1.3;color: #666;margin-top: 5px; overflow: hidden; white-space: normal; text-overflow: ellipsis; font-size: 13px;    cursor: none;}
.posart_shop .box1 .line { margin: 10px 0px; border-top: 1px solid #cacaca; height: 1px; display: none;}
.posart_shop .box1 .label {background: #5297de; width: max-content;padding: 0px 4px; line-height: 15px; margin: 0 auto; color: #ffffff; font-size: 10px; border-radius: 2px;display: inline-block;  margin-right: 10px; vertical-align: top; margin-top: 7px; position: relative;}
.posart_shop .box1 .bg01 {background: transparent; border: 1px solid #5297de; color: #5297de;}
.posart_shop .box1 .bg02 {background: transparent; border: 1px solid #e73b1d; color: #ffffff; background: #e73b1d;}
.posart_shop .box1 .bg03 {background: #f5bf27;display: none;}

#section5 {
    background: #ffffff;
    position: relative;
    bottom: -100px !important;
}

/*  responsive */

@media all and (max-width: 1250px){
	.posart_shop .box1 li {width: 30% !important;}	
}

@media all and (max-width: 850px){	
	.posart_shop .box1 li {width: 45% !important;}		
}

@media all and (max-width: 600px){	
	.posart_shop .box1 li {width: 95% !important;}
	.posart_shop h3 {width: auto;}		
}



/*상품리스트,상세,주문하기,주문내역 */
.prod_vew {position: relative;    padding-top: 50px;}
.prod_left {position: relative;	float: left; width: 40%;  margin-right: 30px; height: 520px;}
.prod_left img { width:auto; max-width:100%;  border: 0px solid #d6d6d6; background: url(/img/posart/no_img.jpg) no-repeat center;background-size: 100%;    height: 450px;}
.prod_right {position: relative;float: right; width: 56%;}
.prod_right .title {position: relative; width: 100%;font-size: 220%; font-weight: 500;  color: #232323; padding: 20px 0 7px 0px; border-top: 3px solid #585858;text-align: left;}
.prod_right .item_detail {padding:20px 0px; text-align: justify;}
.prod_right .item_detail li {padding: 5px 0px;}
.prod_right .item_detail li span {font-size: 14px; font-weight: 500; margin-right: 15px; width: 70px; display: inline-block;}
.prod_right .item_detail li span.right {float: right;}

.prod_right .t_left {display: inline-block;  width: auto;}
.prod_right span.icon {position: relative; background: #f11521; padding: 5px 15px; color: #ffffff; vertical-align: middle;font-size: 14px;  margin-left: 15px; top: -6px;  }
.prod_right ul#janTb  { margin-top: 15px;}
.prod_right #janTb ul  { margin: 2px 0px;}
.prod_right .item_detail select, option select, option {width:70%;}

.prod_content { position: relative; top: 20px; padding: 50px 0px 20px 0px; border-top: 2px solid #d2d2d2;clear: both; }
.prod_content img {width:100%;}
.ic_talk {top: 20px;    position: absolute;    right: 0px;}

#container { margin: 0 auto; }
#container ul { margin: 0; padding: 0; list-style: none; }
#container ul.total {border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding:15px 0px;  margin: 0px 0px 0px 0px; font-size: 16px; font-weight: bold;}
#container ul .totalCost {font-weight: bold; text-align: right; position: relative;    margin-top: -10px;}
#container ul .totalCost span {font-size: 20px; width: auto;color: #ff0000;}
#container ul.courier {border-bottom: 1px solid #ccc;  background: #faf9fa; padding: 15px;font-size: 14px;}
#container ul.courier span { width: auto !important; margin-right:0px !important;}
#container ul.choice_box {text-align:center;}
#container ul.choice_box li {display: inline-block; margin: 20px 0px 0px 20px;  padding: 0px !important;}
#container ul.choice_box .btn_total { padding: 22px 40px; background: #05507d; font-size: 16px;font-weight: bold;border-radius: 5px; height: auto !important;    
border: none !important;    margin-left: 0px !important;}
#container ul.choice_box .bg1 {background:#232323 !important;}
#container ul.choice_box .bg2 {background: #05507d !important;}
#container ul.choice_box .bg3 {background: #ffffff !important; border: 1px solid #232323 !important; color: #232323 !important;}

#selected-result { display: none; background: #f9f9f9; padding: 5px 10px !important;font-size: 13px;list-style: auto !important; position: relative;}
#total-price { display: none; }
.option-price, .price-value { display: none !important; }
.add-item { cursor: pointer; }
.subtract-item { cursor: pointer; }
.add-item, .subtract-item {border: 1px solid #e5e5e5;  padding: 3px 10px;  font-weight: bold;  top: 2px;  position: relative; cursor: pointer; margin: 0px 0px !important;}
.option-delete {width: 50px !important;padding: 5px 25px; background: url(/img/posart/ic_del.png) no-repeat 60px center; cursor: pointer; }
.option-delete:hover{ }
.item-price {font-weight: bold;  font-size: 16px;}

#selected-result option {border:0px; }
#selected-result li { margin: 0px 0px;text-align: left; display: block;}
#selected-result li span { display: inline; margin: 0px 5px;}
#selected-result li span.item-count {margin: 0px 0px;}
#selected-result li span.item-count input {width: 40px; text-align: center; min-width: auto !important; height: 27px !important;margin-right: 0px;} 
#selected-result li p.line {display: inline-block;}
#selected-result li .btnRemove, #janTb ul li .btnRemove:hover {padding: 5px 10px; background: url(/images/common/ic_del.png) no-repeat center; background-color: #ffffff !important; cursor: pointer;}
#selected-result li .btnRemove:hover{ }
#selected-result .ea {border: 1px solid #e5e5e5; background: #f6f6f6;text-align: center;}

.mypage_search {background: #f1f1f1; border: 1px solid #ccc; padding: 20px; font-size: 14px;  text-align: center;}
.mypage_search li {display: inline-block;  margin-right: 20px;}
.mypage_search li input[type=text] {min-width: 100px !important;width: 80px;margin-right: 0px;}

@media all and (max-width: 1300px) {
	.prod_left {width: 38%; margin-right: 10px; }
	.prod_right {width: 60%; }
	.mypage_search {text-align: left;}
}
@media all and (max-width: 1070px) {
	.prod_left {width: 100%; height: auto;}
	.prod_right {width: 100%; }
	.prod_left img { max-width: 100%;height: auto; margin-bottom: 20px;}
}
@media all and (max-width: 750px) {
	.prod_right .title { font-size: 150%; padding: 20px 0 7px 0px;}
	.prod_right span.icon {display: none;}
	#container ul.choice_box li {margin: 20px 0px 0px 5px;}
	#selected-result li span {font-size: 12px;}
	#selected-result li p.line {display: block;}
}
@media all and (max-width: 450px) {
	.ic_talk1 {top: 70px; right: -10px; }
	.prod_right .item_detail li span {    margin-right: 5px;    width: 60px;}
	.ic_talk {top: 60px;}
	.ic_talk a img {width: 25px;}	
	#container ul.choice_box li {display: block;    margin: 10px 0px 0px 5px;}	
	#container ul.choice_box .btn_total {width: 100%;}
	.mypage_search {padding: 10px;}
	.mypage_search li input[type=text] { min-width: 95px !important; width: 86px;}
	.prod_right .item_detail li {font-size: 13px;}
}
@media all and (max-width: 410px) {	
	.prod_vew select, option {width:75%;}
	.mypage_search li {display: inline-block;  margin-right: 0px;}
	.mypage_search li input[type=button] { margin-top: 5px; width: 100%;}
	.prod_right .item_detail li span.right {float: none;}
}

.cont-top{
	border-top: 1px solid #ccc;
}
.content_h3_2{
    font-size: 220%;
    font-weight: 500;
    color: #232323;
    margin: 30px 0;
    text-align: center;
}

/*제품상세보기*/
.detail_view {position: relative; display: block;clear: both;}
.detail_view ul { box-sizing: border-box;box-shadow: none;padding: 0px;}
.detail_view li.tab_active {    background: #ffffff;    border-top: 1px solid #000;    border-bottom: 1px solid #fff;    box-sizing: border-box;}
.detail_view li:first-child { border-left: 1px solid #cccccc;}
.detail_view li:last-child { border-right: 1px solid #cccccc;}
.detail_view .tab_list  {background: #ededed;padding: 10px 0; border: 1px solid #cccccc;border-right: 0;}

.detail_view .dis, #dis {display: none; padding: 20px; background: #eeeeee;  margin: 10px 0px; line-height: 26px; cursor: default;}
.detail_view .content {background: url(/img/posart/board_reply.gif) no-repeat top 10px left; border-top: 1px #a1a1a1 dotted; padding: 5px 0px 0px 25px; margin-top: 10px;}
.detail_view .content span {font-weight: bold; }
.detail_view .icon {padding: 14px 5px !important; cursor: pointer; /* background: url(/img/posart/icon_jamgeum.png) no-repeat top 15px left; */ background-size: 10px;padding-left: 20px !important;}
.detail_view .tab_content img { max-width: 1400px;}

@media all and (max-width: 1401px) {
	.detail_view .tab_container .tab_content img { min-width:300px; max-width: 100%;} 
}

/*제품 템플릿 미리보기*/
.detail_sample {}
.detail_sample .box1 {margin-top: 2%;}
.detail_sample .box1 li {display: inline-block; width:18.2% !important; line-height: 28px;font-size: 16px; padding:10px 0px; text-align: center; letter-spacing: -0.5px; 
 border: 1px solid #cacaca; margin: 10px 10px 30px 10px;}
.detail_sample .box1 li:hover {border: 1px solid #1879bf; box-shadow: 5px 5px 15px rgb(214 214 214 / 50%);}
.detail_sample .box1 li:hover h3 {color:#1879bf;}
.detail_sample .box1 li:hover img {-webkit-filter: opacity(50%);filter: opacity(50%);}
.detail_sample .box1 li h3 { margin-bottom: 5px;}
.detail_sample .box1 li img.thumbnail {width:220px; height:175px; }
.detail_sample .box1 li img.icon { padding: 10px 0px;}
.detail_sample .box1 li a.choice {clear: both; display:block; background: #5099ce; border-radius: 30px; color: #ffffff; padding: 5px 20px; position: relative; top: 23px;width: fit-content;margin: 0 auto;}

.detail_sample .box2 {margin-top: 2%;border: 0px solid #e5e5e5; background: #ffffff; margin-left: 0px; padding: 0px;}
.detail_sample .box2 li {display: inline-block; width: 46%;text-align: left; vertical-align: top; line-height: 28px;font-size: 14px; padding:10px 20px 0px 0px; letter-spacing: -0.5px; margin: 0px 10px 0px 10px;}
.detail_sample .box2 li:nth-child(2) {padding-right:0px;}
.detail_sample .box2 li.left {width: 48%;}
.detail_sample .box2 li .type_bg {width: 485px !important; height: 380px; background: url(/img/posart/ex_type_bg1.png) no-repeat top center; background-size: cover; padding: 30px;box-shadow: 1px 3px 20px 0px rgb(0 0 0 / 35%);text-align: center;}
.detail_sample .box2 li .bg1 {background: url(/img/posart/ex_type_bg2.png) no-repeat center top; background-size: cover;}
.detail_sample .box2 li .bg2 {background: url(/img/posart/ex_type_bg3.png) no-repeat center top; background-size: cover; z-index: 999; position: relative;}
.detail_sample .box2 li .bg3 {background: url(/img/posart/ex_type_bg4.png) no-repeat center top; background-size: cover; z-index: 999; position: relative;}
.detail_sample .box2 li .type4 {padding: 7px !important; height: 388px !important;}
.detail_sample .box2 li .type4 img {height: 387px !important;}
.detail_sample .box2 li .bg_change {background-size: cover; z-index: 999; position: relative;}
.detail_sample .box2 li img {width: 100%; height: 375px; text-align: center; box-shadow: 1px 1px 14px 5px rgb(221 221 221 / 40%); object-fit: cover;}
.detail_sample .box2 li h3 {font-size: 20px; padding-bottom: 5px;border-bottom: 1px solid #cfcfcf;margin-bottom: 10px;}
.detail_sample .box2 li .img_type1 {height: 375px; border-radius: 30px; background: url(/img/posart/ex_type_img1.png) no-repeat center; width: 100%;}
.detail_sample .box2 li .img_type2 {border-radius: 0px;}
.detail_sample .box2 li .img_type3 { display: inline-block; width: 39%; height: 100%; max-height: 195px; box-shadow: none;}
.detail_sample .box2 li .img_type6 {width: 50%; border-radius: 10px;}
.detail_sample .box2 li .img_type7 {border-radius: 0px; box-shadow: 1px 1px 14px 5px rgb(155 155 155 / 45%);}
.detail_sample .box2 li .img_type8 {border-radius: 0px;z-index: 999; position: absolute; width: 503px; height: 393px; padding: 20px;}
.detail_sample .box2 li .type_img3_box {}
.detail_sample .box2 li .type_img3_box img:nth-child(1) {border-top-left-radius: 30px; max-height:226px; /* mix-blend-mode: luminosity; */background: #ffffffb8;padding-right: 3px; padding-bottom: 3px;}
.detail_sample .box2 li .type_img3_box img:nth-child(2) {border-top-right-radius: 30px; width: 59% !important;padding-bottom: 3px;background: #ffffffb8;margin-left: -3px;}
.detail_sample .box2 li .type_img3_box img:nth-child(3) {border-bottom-left-radius: 30px;/* mix-blend-mode: luminosity; */max-height: 152px;padding-right: 3px;background: #ffffffb8;}
.detail_sample .box2 li .type_img3_box img:nth-child(4) {border-bottom-right-radius: 30px; width: 59% !important;max-height: 185px;margin-top: -31px;margin-left: -3px;}
.detail_sample .box2 .btn_type {width: 48%; border-radius: 5px; padding: 20px;  height: auto; font-size: 18px;}
.detail_sample .box2 li textarea {background: #e7e7e7; min-height: 150px;}
.detail_sample .box2 li .rotate_change {width: 375px; min-width: 375px; /* transition: all ease 0.5s; */}
.detail_sample .box2 li .rotate_change_8 {width: 393px; min-width: 393px; height: 503px; box-shadow: none;  margin-top: -50px; margin-left: 50px; /* transition: all ease 0.5s; */}
.detail_sample .box2 li .rotate_frame { margin-top: 30px;  margin-left: 0px;}
.detail_sample .box2 li .rotate_frame1 { margin-top: 50px;  margin-left: -50px;}
.detail_sample .box2 li .rotate_frame2 { margin-top: 0px; margin-left: 0px;}
.detail_sample .box2 li .bt_turn {border: 1px solid #4a4a4a;  background: #ffffff; color: #4a4a4a;  padding: 5px 10px;  border-radius: 5px;cursor: pointer; transition: all ease 1s;}
.detail_sample .box2 li .bt_turn:hover {border: 1px solid #1a7ec2; background: #1a7ec2;color: #ffffff;}
.input-file-button {
  padding: 10px 25px;
  background-color:#ffffff;
  border-radius: 0px;
  color: white;
  cursor: pointer;
  margin-top: 5px;
  position: relative;
  width: 100%;
}  
/* input[type="file"].input-file-button {border-color: #00588a !important;  background-color: #00588a !important; } */

.input-file-box .upload-name, .input-file-box .upload-name3_1, .input-file-box .upload-name3_2, .input-file-box .upload-name3_3, .input-file-box .upload-name3_4 {
    display: inline-block;
    height: 39px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid #9b9b9b;
    width: 70%;
    color: #3e3e3e;
}

.input-file-box label {
    display: inline-block;
    padding:6px 20px;
    color: #fff;
    vertical-align: middle;
    background-color: #00588a;
    cursor: pointer;
    margin-bottom: 2px;
}
.input-file-box input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}

.modal .content_title {margin-top: 0px;}
.sample_txt, .sample_txt1 {background: #e7e7e7; min-height: 50px;  height: 50px; width: 100%; border: 1px solid #d2d2d2;}  
.txt_comment {display: block; margin-top: 10px; margin-bottom: 20px;font-size: 13px; line-height: 20px;} 
.txt_result {font-family: 'Nanum Brush Script', cursive;font-weight: bold;    font-size: 18px;overflow: hidden;height: 24px; top: -3px;  position: relative;}
.txt_result1 {font-family: 'Nanum Brush Script', cursive;font-weight: bold; font-size: 18px;letter-spacing: -1px; display: inline-block;text-align: center; width: 47%; padding:0px 0px 0px 10px; overflow: hidden;height: 335px; vertical-align: middle;margin: 20px auto;} 

/*  responsive */
@media all and (max-width: 1630px){
	.detail_sample .box1 li {width: 23% !important;}
}
@media all and (max-width: 1450px){
	.detail_sample .box1 li {width: 30% !important;}
}
@media all and (max-width: 1300px){
	.detail_sample .box2 li {width: 96%;}
	.detail_sample .box2 li:nth-child(2) {margin-top: 70px;}	
	.detail_sample .box2 li .rotate_frame1 { margin-top: 0px; margin-left: 0px;}
	#container ul.choice_box .btn_total {padding: 22px 30px;}
}

@media all and (max-width:950px){	
	.detail_sample .box1 li {width: 45% !important;}
	.detail_sample .box2 li.left {width: 87% !important; padding: 0px;}
	.detail_sample .box2 li { margin: 10px 0px 0px 0px;}	
	.detail_sample .box2 li:nth-child(2) {margin-top: 20px;}	
}

@media all and (max-width:780px){	
	.detail_sample .box2 li .type_bg {width:100% !important; background-size: 100%; /* height: auto; */ box-shadow: none;}
	.detail_sample .box2 li img { height: auto !important;}
	.detail_sample .box2 li .type_img3_box img:nth-child(1),
	.detail_sample .box2 li .type_img3_box img:nth-child(2),
	.detail_sample .box2 li .type_img3_box img:nth-child(3),
	.detail_sample .box2 li .type_img3_box img:nth-child(4) {/* height: auto; max-height: 116px; */}
	.detail_sample .box2 li .type_img3_box img:nth-child(4) {margin-top: -11px;}
	.detail_sample .box2 li .type4 {height: auto !important;}
	.detail_sample .box2 li .type4 img {height: auto !important;}	
	.detail_sample .box2 li .bg2, .detail_sample .box2 li .bg3 {min-height:auto;height: 465px;}
	.detail_sample .box2 li .img_type8 {width: 88% !important; margin-top: 19px; padding: 0px;} 
	.detail_sample .box2 li .rotate_change_8 {    margin-left: -56px;}
	.txt_result1 {width: 45%;font-size: 14px; line-height: 22px; margin: 15% auto;}	
	#container ul.courier {padding: 5px;}	
	.detail_sample .box2 li .rotate_change {width: 80%; min-width: 80%; margin-top: 35px;}	
	#container ul.choice_box .btn_total {padding: 22px 8px;}
}

@media all and (max-width: 665px){	
	.detail_sample .box1 li {width: 95% !important;}	
	.detail_sample .box1 li a.choice {width: 200px;}	
	.detail_sample .box2 li .img_type6 {width: 48%;}
	.txt_result {font-size: 14px; margin-top: -3px;}
	.txt_result1 { width: 44%; font-size: 13px; line-height: 14px;  margin: 5% auto; height: auto;}
	.detail_sample .box2 li .img_type8 {margin-top: 37px;}
	.detail_sample .box2 li .type_bg {height: 387px;}
	.detail_sample .box2 li .rotate_frame { margin-top: 30px; margin-left: -20px; margin-bottom: 20px;}	
	.detail_sample .box2 li .rotate_frame1 img.img_type8 {width: 115% !important;}
	.detail_sample .box2 li .rotate_frame2 img.img_type8 {width: 115% !important;}
	.detail_sample .box2 li .rotate_change {width: 80%; min-width: 80%; margin-top: 15px;}
}
@media all and (max-width:450px){	
	.detail_sample .box2 li .type_bg {padding:20px; height: 230px;}
	.detail_sample .box2 li .img_type8 {margin-top: 15px; width: 83% !important;}
	.txt_result1 {margin: 0% auto;    font-size: 12px;   line-height: 11px;}
	.detail_sample .box2 li .bt_turn {padding: 5px 5px;}
	.input-file-box .upload-name {width: 55%;}
}
@media all and (max-width:360px){	
	.detail_sample .box2 li .type_bg {height: 190px;}
}


    
/*비회원*/
.non_member{
	background: #f9f9f9;
	text-align: center;
	padding: 30px 0;
	border-top: 3px solid #363636;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
.non_member input{
	padding: 20px;
}
.bt_non_member {
    color: #fff;
    background: #614a4a;
    border-radius: 30px;
    padding: 2px 15px;
    display: inline-block;
    cursor: pointer;
}

#emptyDiv{
	text-align: center;
	margin-top:20px;
}
@media all and (max-width: 550px) {
	.non_member{
		padding: 30px 20px;
	}
	.non_member input{
		width:100%;
		margin: 3px;
	}
}


/*제품구매*/
table.table_style1 td:first-child {background: #ffffff;}
table.table_style1 td.bg {background: #f4f4f4 !important;}
.shipping_charge{
	color: red;
	text-align:right;
	display:block;
    margin-top: 10px;
	margin-bottom: 20px;
}
td.orderTB_icon1{
	background: url(/images/content/orderTB_icon1.png) no-repeat right center;
    padding-right: 30px;
}
td.orderTB_icon2{
	background: url(/images/content/orderTB_icon2.png) no-repeat right center;
    padding-right: 30px;
}
.total_cost_style input{
	font-size: 140%;
	font-weight: 600;
	border: 0;
    width: 100%;
}
.order_img_s { width: 50px; margin-right: 10px; vertical-align: middle;}
.order_img_l { min-width: 450px; max-width: 850px; width: 100%;vertical-align: middle;}
.order_file_icon {
    display: inline-block;
    padding: 10px 35px 10px 10px;
    background:#1c5187 url(/img/posart/doc_edit_icon.png) no-repeat center right 10px;
    border: 0px solid #656565;
    margin-left: 10px;
    cursor: pointer;
    color:#ffffff;
    font-weight: normal;
}
.order_file_icon:hover {background:#f38b00 url(/img/posart/doc_edit_icon.png) no-repeat center right 10px;color:#ffffff;}

.order_file {background: #f1f1f1; border: 1px solid #ccc;    border-top: 2px solid #323232;    padding: 20px;    text-align: left;    white-space: normal;
display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;  align-items: center;}   
.order_file li {display: block; }
.order_file .file-add input[type="file"] {border: 1px solid #05507d;  background: #05507d;  color: #ffffff;}

.order_radio, .order_radio1 {padding: 10px 20px; background: #757575; color: #ffffff;}
.order_radio input[type=radio], .order_radio1 input[type=radio] {cursor: pointer;display: none;}
.order_radio label, .order_radio1 label {cursor: pointer;}
    
.filebox input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}

.filebox label {
  display: inline-block;
  padding: .5em .75em;
  color: #999;
  font-size: inherit;
  line-height: normal;
  vertical-align: middle;
  background-color: #fdfdfd;
  cursor: pointer;
  border: 1px solid #ebebeb;
  border-bottom-color: #e2e2e2;
  border-radius: .25em;
}

/* named upload */
.filebox .upload-name {
  display: inline-block;
  padding: .5em .75em;
  font-size: inherit;
  font-family: inherit;
  line-height: normal;
  vertical-align: middle;
  background-color: #f5f5f5;
  border: 1px solid #ebebeb;
  border-bottom-color: #e2e2e2;
  border-radius: .25em;
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
}

/* imaged preview */
.filebox .upload-display {
  margin-bottom: 5px;
}


@media(min-width: 768px) {
  .filebox .upload-display {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 0;
  }  
}

@media all and (max-width: 451px) {
  .order_img_l {min-width: 100%;  }  
}

.filebox .upload-thumb-wrap {
  display: inline-block;
  width: 54px;
  padding: 2px;
  vertical-align: middle;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
}

.filebox .upload-display img {
  display: block;
  max-width: 100%;
  width: 100% \9;
  height: auto;
}

.filebox.bs3-primary label {
  color: #fff;
  background-color: #05507d;
  border-color: #2e6da4;
}


 
li.prod_con{
    position: relative;
    width: 31%;
    margin-right: 40px;
    cursor: pointer;
    vertical-align: top;
    margin-bottom: 50px;
    padding: 20px;
    border: 1px solid #eeeeee;
}
li.prod_con:nth-child(3n){
	margin-right: 0;
}
li.prod_con span.prod_img{
	width:100%;
	height: 350px;
	display: block;
	overflow: hidden;
    text-align: center;
	margin-bottom: 10px;
}
li.prod_con img{
	height: 95%;
	margin-bottom: 10px;
    transition: all 0.3s ease-out;
}
li.prod_con:hover img{
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
li.prod_con:hover span.icon{
	background: red;
}
li.prod_con span.prod_name{
    font-weight: 600;
    font-size: 180%;
    display: inline;
}
li.prod_con span.prod_text{
	margin-top: 10px;
	display: block;
	color: #8a8a8a;
    height: 40px;
    overflow: hidden;
}
li.prod_con span.prod_price{
	font-size: 120%;
	display: block;
	padding-top: 10px;
    margin-top: 10px;
	border-top: 1px solid #ccc;
	font-weight: 500;
}
li.prod_con span.icon {    
    position: absolute;
    transition: 0.2s;
    background: #5a5a5a;
    padding: 2px 8px;
    color: #ffffff;
    vertical-align: middle;
    font-size: 12px;
    bottom: 17px;
    right: 20px;
}#orderTB .order_style1 input{
	font-size: 15px;
	border: 0;
	background-color :transparent;
	font-weight: 600;
	text-align: left;
}

#orderTB .order_style2 ul.order_details input{
	font-size: 13px;
	border: 0;    
	background-color :transparent;
	text-align: left;
}
#orderTB .order_style2 ul.order_details input.ea{
    border: 1px solid #e5e5e5;
    background: #f6f6f6;
    text-align: center;	
}
#orderTB .order_style2 ul.order_details input.op_sum_cost{
	text-align: right;
	font-weight: 600;
	font-size: 16px;
}
input[type=button]#copyInfoBtn{
	display:inline-block;
	padding:5px 10px;
    background-color: #636363;
    margin-left: 10px;
    margin-top: -7px;
    color: #ffffff;
    position: relative;
    height: auto;
    border-radius: 0px;
}
input[type=button]#copyInfoBtn:hover{
    background-color: #8c8c8c !important;
    border: 1px solid #323232;
}
.content_h4{
	display: inline-block;
}
.copyInfoBtn {display: inline-block;    padding: 5px 10px;    background-color: #636363;    margin-left: 10px;    margin-top: -7px;}

.paybutton {padding: 22px 40px !important;    height: auto !important;    border-radius: 5px !important;    font-size: 16px !important;}
.cancel { background-color: #ffffff !important;     border: 1px solid #323232 !important;}
.cancel:hover {color: #323232 !important;}

@media all and (max-width: 1200px) {
	li.prod_con {
	    width: 30%;
    	margin-right: 20px;
	}	
	li.prod_con span.prod_text{
    	display: none;
	}
	li.prod_con span.prod_img {
    height: 250px;
	}
	li.prod_con span.prod_name {
	    font-weight: 600;
	    font-size: 130%;
	    display: inline;
	}
	li.prod_con span.prod_price {
	    font-size: 100%;
	}
}
@media all and (max-width: 950px) {
	li.prod_con {
	    width: 47%;
	}
	li.prod_con:nth-child(2n){
		margin-right: 0;
	}
	li.prod_con:nth-child(3n){
    	margin-right: 20px;
	}
}
@media all and (max-width: 700px) {	
	
	li.prod_con {
	    width: 100%;
		margin-right: 0;
	}
	li.prod_con:nth-child(2n){
		margin-right: 0;
	}
	li.prod_con:nth-child(3n){
    	margin-right: 0;
	}
	.total_cost_style input{
		font-size: 120%;
		font-weight: 600;
		border: 0;
	    width: 100%;
	}
	.table1 td.total_cost_style{
		padding:20px 20px 20px 0;
    	padding-right: 20px;
	}
	.table1 td.total_cost_style:last-child{
    	padding-right: 0;
	}
	#orderTB input{
		width:100%;
	}
	td.orderTB_icon1,
	td.orderTB_icon2{
		background-size: 20px;
	}		
	#orderTB .order_style2 ul.order_details li{
		display:block;
		margin:0 auto;
	}
	#orderTB .order_style1 input,
	#orderTB .order_style2 ul.order_details li input,
	#orderTB .order_style2 ul.order_details input.op_sum_cost{
	    text-align: center;
	} 
	td.prod_img img{
		width: 100px;
		border: 1px solid #ccc;
		padding: 10px;
	}
	.order_m td input[type=text], .order_m td input[type=button] {
	    width: 100%;
	    margin:3px 0;
	}	
	#orderTB tr.order_style1 ul.order_details li{
		display:block;
		margin:0 auto;
	}
}