@charset"utf-8";

button{outline:none;}

/* ---------------------------------- product -------------------------------------- */
.color1 {color:#f93c3c;}
.color2 {color:#}
.f_l{float:left;}
.f_r{float:right;}

/* -----------------------------------request page---------------------------------- */
.product_ul{position:relative;padding:0;overflow:hidden;}
.product_ul li{display:inline-block;border-right:1px solid #dce0e6;padding:0px 30px;}
.product_ul li:last-child{border-right:0;}
.product_ul li a{color:#bac2cd;font-size:18px;font-weight:600;padding:2px 0;line-height:1.8em;}
.product_ul li a.p_active, .product_ul li a:hover{color:#333;border-bottom:2px solid #3e7afd;}

.product_wrap{width:94%;margin:0 auto;padding:50px 0;overflow:hidden;}

.add-info{position:relative;width:20px;height:20px;line-height:20px;}
.add-info a{font-size:24px;color:#929292;}
.add-info a:hover{color:#333;}

@media screen and (max-width: 992px) {
  .add-info {
    top:10px;
  }
}
.time-info{width:100%;background:#eaeaea;color:#414141;padding:15px;}

.btn-order {color: #333;border:1px solid #333;border-radius:50px;padding:15px 75px;font-size:16px;font-weight:500;line-height:1.5;background:none;
-webkit-transition: 0.5s;  -o-transition: 0.5s;  transition: 0.5s;}
.btn-order:hover {color: #fff;background: linear-gradient(to right,  #1966ce 0%,#a42de1 100%);border:1px solid rgba(255,255,255,.0);
-webkit-transition: 0.5s;  -o-transition: 0.5s;  transition: 0.5s;}

.c_template{cursor:pointer;box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);}
.c_template img{width:100%;}
.c_select_span{position:absolute;top:0px;left:0px;z-index:99999;border-radius:0;padding:5px 8px;background:#d9534f;}
.c_template_txt{width:100%;padding:5px 10px;font-size:13px;color:#333;background:#efefef;border-top:1px solid #eaeaea;}

.uk-card-select {background:#d9534f; color:#fff;outline:2px solid rgba(217, 83, 79, 1);}
.uk-card-hover2:hover  {  outline:2px solid rgba(217, 83, 79, 1);}

/* ----------------------------------check page----------------------------------------- */
.uk-accordion-content section {width:100%;display: none;padding: 20px 0;border:1px solid #eaeaea;}
/*라디오버튼 숨김*/
.uk-accordion-content .tab-input { display: none;}
.uk-accordion-content .tab-class {display: block;float:left;margin: 0 0 -1px;padding: 15px 0px;font-weight: 600;text-align: center;color: #828282;width:50%;
background:#ebebeb;font-size:16px;}
.uk-accordion-content .tab-class:hover {color: #333;cursor: pointer;}
/*input 클릭시, label 스타일*/
.uk-accordion-content input:checked + .tab-class {  color: #333;  border: 1px solid #eaeaea;  border-bottom: 0;  background:#fff;  font-size:16px;}
#tab1:checked ~ #content1,#tab2:checked ~ #content2,#tab3:checked ~ #content3,#tab4:checked ~ #content4 {display: block;overflow:hidden;}

/* radio button */
.radio-label{border: 1px solid #eaeaea;display: inline-block;padding: 8px 15px;position: relative;text-align: center;cursor: pointer;}
input[type="radio"].radio-btn {display: none;}
.radio-btn:checked + .radio-label {color: #fff;background:#606167;border: 1px solid #606167;}
.radio-label:hover{border-color:#606167;}

.add-info2{text-align:right;line-height:1em;}
.add-info2 a{font-size:22px;color:#929292;}
.add-info2 a:hover{color:#333;}

.check_sum_wrap{width:100%;background:#f6f6f6;overflow:hidden;padding:20px 0;}
.check_sum {margin:0 20px;font-size: 13px;color: #000;list-style:none;padding:0;}
.check_sum li{text-align:right;margin: 0;padding: 5px 0;box-sizing: border-box;}
.check_sum li span.sum_span{float:left;font-weight:600;font-size:13px;color:#333;}
.check_sum li:nth-child(2){line-height:2.8em;}
.check_sum li.last_sum{border-top:1px solid #eaeaea;margin-top:50%;padding-top:10%;line-height:1.5em;font-size: 20px;color: #f93c3c;font-weight:700;}
.check_sum li.last_sum span.sum_span{font-size:14px;}


/* ----------------------------------------- checklist page ------------------------------------------*/
.table-title{width:100%;margin-bottom:10px;overflow:hidden;}
.table-txt{float:left;font-size:20px;font-weight:600;text-align:left;color:#333;line-height:47px;}
.table-search{float:right;}
.table-style{border-collapse: collapse;border-spacing: 0;width: 100%;margin-bottom: 50px;border-top: 1px solid #eaeaea;}
.table-style thead th {height: 60px;border-top: 2px solid #333;border-bottom: 2px solid #333;font-size: 14px;text-align: center;color: #333;letter-spacing: -0.03em;padding: 0;font-weight: 500;}
.table-style tbody td {border-bottom: 1px solid #eaeaea;height: 60px;padding: 10px;box-sizing: border-box;vertical-align: middle;font-size:13px;color:#777;text-align: center;position: relative;}
.table-style tbody td.d_btn{cursor:pointer;text-decoration:underline;}
.table-style tbody td.d_btn:hover{text-decoration:underline;}
.table-style tfoot th, .table-style tfoot td{height: 60px;border-top: 1px solid #333;font-size: 14px;text-align: center;color: #333;letter-spacing: -0.03em;padding: 0;font-weight: 600;background:#f5f5f5;}
.table-style .tb-right{text-align:right;padding-right:10px;}
.table-exceldown{color:#333;font-size:14px;margin-left:10px;float:left;}
.table-exceldown i{background:#bac2cd;color:#fff;font-size:12px;padding:4px 7px 6px 7px; border-radius:10px;margin-right:3px;}
.table-exceldown:hover i{background:#32d296;color:#fff;}
.table-exceldown span{color:#333;font-weight:600;}
.table-exceldown:hover span{text-decoration:underline;}

.list-detail{background-color: #f2f2f2;}
.detail-left{float:left;}
.detail-right{float:right;}
.detail-sub-table{width:100%;margin: 20px 0;}
.detail-sub-table thead th{background: #e8e8e8;padding:5px 15px;font-weight:500;height:auto;border-top:0;border-bottom:0;text-align:left;border-top: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;}
.detail-sub-table tbody td{padding:5px 15px;height:auto;font-size:13px;text-align:left;}
.detail-sub-table tbody tr{background:#fff;}
.detail-sub-table tbody tr:last-child td{border-bottom:0;}
.detail-sub-table tbody td a{color:#777;}

.list-detail-btn{background: #e8e8e8;padding-top:10px;}
.detail-left2{float:left;text-align:left;}
.detail-right2{float:right;text-align:right;}

.detail-ul{width:100%;list-style:none;padding:0;}
.detail-ul li{display:inline-block;;}

/*label*/
.label1{background:#fff0f3;color:#f0506e;display:inline-block;padding:2px 10px;line-height:1.5;font-size:12px;vertical-align:middle;white-space:nowrap;border-radius:30px;}
.label2{background:#eef3ff;color:#3e7afd;display:inline-block;padding:2px 10px;line-height:1.5;font-size:12px;vertical-align:middle;white-space:nowrap;border-radius:30px;}
.label3{background:#e8f9f3;color:#32d296;display:inline-block;padding:2px 10px;line-height:1.5;font-size:12px;vertical-align:middle;white-space:nowrap;border-radius:30px;}


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
  -webkit-animation-name: fadeIn; /* Fade in the background */
  -webkit-animation-duration: 0.4s;
  animation-name: fadeIn;
  animation-duration: 0.4s}
.modal-backdrop.in{  display: none;   }

/* Modal Content */
.modal-content {position: fixed;right:0;top:0;height:100%;background-color: #fefefe;width: 50%;/*min-width:600px;*/padding:30px;
-webkit-animation-name: slideIn;
-webkit-animation-duration: 0.4s;
animation-name: slideIn;
animation-duration: 0.4s;
overflow-y: auto;}
/* The Close Button */
.close {float: right;font-size: 50px;font-weight: bold;line-height:0.6em;opacity: 0.6;}
.close:hover,.close:focus{color: #000;text-decoration: none;cursor: pointer;}
.close1, .close2, .close3 {float: right;font-size: 50px;font-weight: bold;line-height:0.6em;}
.close1:hover,.close1:focus, .close2:hover,.close2:focus, .close3:hover,.close3:focus {color: #000;text-decoration: none;cursor: pointer;}
.modal-header {padding: 0;color: #333;border-bottom:0;}
.modal-header h3{margin-top:10px;}
.modal-body {padding: 10px 0px;}
.modal-footer {padding: 0;color: #333;border-top:0;}
/* Add Animation */
@-webkit-keyframes slideIn {
  from {bottom: -300px; opacity: 0} 
  to {bottom: 0; opacity: 1}
}
@keyframes slideIn {
  from {bottom: -300px; opacity: 0}
  to {bottom: 0; opacity: 1}
}
@-webkit-keyframes fadeIn {
  from {opacity: 0} 
  to {opacity: 1}
}
@keyframes fadeIn {
  from {opacity: 0} 
  to {opacity: 1}
}

.modal-table{width:100%;margin-bottom: 20px;
 background-color:#1966ce;
 background-image:linear-gradient(to right, #1966ce, #a42de1);/* W3C */
 background-image: -moz-linear-gradient(right, #1966ce, #a42de1);  /* FF3.6+ */
 background-image: -webkit-gradient(linear, left right, left right, color-stop(#1966ce), color-stop(#a42de1));  /*Chrome,Safari4+*/
 background-image: -o-linear-gradient(right, #1966ce, #a42de1);  /* Opera 11.10+ */
 background-image: -ms-linear-gradient(right, #a42de1, #1966ce);  /* IE10+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#1966ce, endColorstr=#a42de1);  /* IE6-8 */
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1966ce, endColorstr=#a42de1)";
}
.modal-table thead th{color:#fff;padding:10px 15px;font-weight:500;height:auto;text-align:left;border-top:0;border-bottom:0;}
.modal-table tbody   {background:#fff;}
.modal-table tbody th{color:#333;padding:10px 15px;border-bottom:1px solid #eaeaea;border-left:1px solid #eaeaea;font-weight:500;}
.modal-table tbody td{color:#777;padding:10px 15px;height:auto;font-size:13px;text-align:left;border-left:1px solid #eaeaea;font-weight:normal;}
.modal-table tbody td:last-child{border-right:1px solid #eaeaea;}


/* Pagination links */
.pagination a {color: #666;float: left;padding: 8px 16px;text-decoration: none;transition: background-color .3s;}
/* Style the active/current link */
.pagination a.active {background-color: #3e7afd;color: white;}
/* Add a grey background color on mouse-over */
.pagination a:hover:not(.active) {background-color: #ddd;}

.delivery_btn{background:#d9534f;color:#fff;padding:1px 7px;display:inline-block;border-radius:4px;font-size:11px;margin-left:5px;}


/*---------------- my page ------------------------*/
.table-style2{border-collapse: collapse;border-spacing: 0;width: 100%;margin-bottom: 50px;border-top: 1px solid #eaeaea;}
.table-style2 tbody{border-top: 2px solid #333;border-bottom: 2px solid #333;}
.table-style2 tbody th {height: 60px;padding: 10px 20px;border-bottom: 1px solid #eaeaea;font-size: 14px;text-align: left;color: #333;letter-spacing: -0.03em;font-weight: 500;background:#f5f5f5;}
.table-style2 tbody td {border-bottom: 1px solid #eaeaea;height: 60px;padding: 10px 20px;box-sizing: border-box;vertical-align: middle;font-size:13px;color:#777;text-align: left;position: relative;}
.table-style2 tbody.bd0{border-top:0;border-bottom:0;}

.table-style3{border-collapse: inherit;border-spacing: 0;width:80%;margin:0 auto;background:#;padding:10px 0;}
.table-style3 tbody{}
.table-style3 tbody th {height: 50px;padding: 0px 10px;font-size: 14px;text-align: right;color: #333;letter-spacing: -0.03em;font-weight: 500;}
.table-style3 tbody td {height: 50px;padding: 0px 10px;box-sizing: border-box;vertical-align: middle;font-size:13px;color:#777;text-align: left;}
.ml3{margin-left:3px;}
.mb3{margin-bottom:3px;}

.btn-c {color: #666;background:#f4f4f4;border:1px solid #f4f4f4;border-radius:50px;padding:15px 75px;font-size:16px;font-weight:500;line-height:1.5;margin-right:5px;
-webkit-transition: 0.5s;  -o-transition: 0.5s;  transition: 0.5s;}
.btn-c:hover {color: #666;background: #ddd;border:1px solid #ddd;
-webkit-transition: 0.5s;  -o-transition: 0.5s;  transition: 0.5s;}


/*---------------- join ------------------------*/
.join-form {width: 100%;margin-bottom:0;overflow:hidden;}
.join-form dt{width:30%;display:block;float:left;margin-bottom:15px;font-size: 14px;font-weight: 500;color: #333;line-height:39px;}
.join-form dd{width:70%;display:block;float:left;margin-bottom:15px;}
.join-form dt.mb0, .join-form dd.mb0{margin-bottom:0px;}

@media screen and (max-width: 1200px) {
  .join-form dt {width:100%;margin-bottom:5px;line-height:1.5em;;}
  .join-form dd {width:100%;}
}

.check-label{border: 1px solid #e5e5e5;display: inline-block;padding: 8px 20px;position: relative;text-align: center;cursor: pointer;}
input[type="checkbox"].check-btn {display: none;}
.check-btn:checked + .check-label {color: #fff;background:#4b4b4b;border: 1px solid #606167;}
.check-label:hover{border-color:#4b4b4b;}

.search-input-div{z-index:10; position:absolute; display:block; width:100%; height:0px;padding: 5px 5px; 
             overflow-y:auto; border:1px solid #858796; background-color:#FFF;
             scrollbar-face-color: #E2E2E2; scrollbar-highlight-color: #FFF; scrollbar-3dlight-color: #CCC;
             scrollbar-shadow-color: gray; scrollbar-darkshadow-color: #FFF; scrollbar-track-color: #FFF;
             scrollbar-arrow-color: #999999;box-shadow: #bdbdbd 2px 5px 7px 1px; opacity:0;}
.search-input-div .gTagSearchChild{margin:2px auto; padding-top:2px; padding-left:5px; text-align: left; cursor:pointer; height:24px;}
.search-input-div .gTagSearchChild a{color:;}
input.error{border-color:#f93c3c !important;}
label.error{margin-left: 10px;color: #f93c3c;}

.terms_ul{padding-left:15px;}
.terms_ul li{list-style:decimal;}
.terms_ul2{padding-left:20px;}
.terms_ul2 li{list-style:lower-latin;}


/*--------------------------- notice -------------------------------*/
.table-view{border-collapse: collapse;border-spacing: 0;width: 100%;margin-bottom: 50px;}
.table-view thead th {height: 60px;border-bottom: 2px solid #333;font-size: 26px;color: #333;letter-spacing: -0.03em;padding: 0;font-weight: normal;}
.table-view thead td {height: 60px;border-bottom: 2px solid #333;font-size: 14px;color: #999;letter-spacing: -0.03em;padding: 0;font-weight: normal;text-align:right;}
.table-view tbody td {border-bottom: 1px solid #eaeaea;height: 60px;padding: 50px;box-sizing: border-box;vertical-align: middle;font-size:15px;color:#848484;text-align: left;position: relative;}
.bd_r{border-right:1px solid #eaeaea;}

.input-icon{display: flex;}
.input-icon input{padding-right: 0px;}
.input-icon .input-search-icon{padding-top: 14px;padding-right: 3px;padding-left: 3px;}

i.icon-help-with-circle{font-size:16px;}