@charset "utf-8";

/* Move down content because we have a fixed navbar that is 3.5rem tall */
body {
	padding-top: 3.5rem;
}
.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.disselect { pointer-events: none; user-select: none; -webkit-user-drag: none; }

.jumbotron {
	color:#fff;
	/*background:url(https://architectui.com/static/media/front-bg.34c63b94.jpg) no-repeat 50% 50%;*/
	background:url(/img/sub_start_project.jpg) no-repeat 50% 50%;
	background-size:cover;
	border-radius:0 !important;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

@media (min-width: 768px) {
	.bd-placeholder-img-lg {
		font-size: 3.5rem;
	}
}

@media (min-width: 1200px) {
	.form-row .input-group input { width: 160px; }
}

a.txts {color:#00f;text-decoration:underline}

.clr {clear:both}
.dis {display:none}
.letter {letter-spacing:-0.1em}
.letter_normal {letter-spacing:0}
.respon {
	max-width: 100%;
	height: auto;
	width: auto\9; // ie8
}
.agn_l {text-align:left !important}
.agn_c {text-align:center !important}
.agn_r {text-align:right !important}

.f11 {font-size:11px !important}
.f08em {font-size:0.8em !important}
.f09em {font-size:0.9em !important}
.f1_3em {font-size:1.3em !important}
.f1_5em {font-size:1.5em !important}
.f1_7em {font-size:1.7em !important}
.f2em {font-size:2em !important}
.f2_5em {font-size:2.5em !important}
.f3em {font-size:3em !important}

.fc01 {color:#333 !important}
.fc02 {color:#999 !important}
.fc03 {color:#fff !important}
.fc04 {color:#03d !important}
.fc05 {color:#c30 !important}
.fc06 {color:#ddd !important}
.fc07 {color:#f90 !important}
.fc08 {color:#f30 !important}
.fc09 {color:#ccc !important}
.fc10 {color:#f60 !important}

.fs01 {font-weight:bold !important}
.fs02 {font-style:italic !important}
.fs03 {font-weight:normal !important}
.fs04 {text-decoration:underline !important}

.bg000 {color:#000 !important}

.divwrap05 {display:block;margin:0;padding:0;width:100%;height:5px}
.divwrap10 {display:block;margin:0;padding:0;width:100%;height:10px}
.divwrap20 {display:block;margin:0;padding:0;width:100%;height:20px}
.divwrap30 {display:block;margin:0;padding:0;width:100%;height:30px}

.fl-left {float:left !important}
.fl-right {float:right !important}

.per05 {width:5% !important}
.per10 {width:10% !important}
.per15 {width:15% !important}
.per20 {width:20% !important}
.per25 {width:25% !important}
.per30 {width:30% !important}
.per33 {width:33% !important}
.per34 {width:34% !important}
.per40 {width:40% !important}
.per50 {width:50% !important}
.per55 {width:55% !important}
.per60 {width:60% !important}
.per70 {width:70% !important}
.per80 {width:80% !important}
.per90 {width:90% !important}
.per100 {width:100% !important}

/************** Button **************/
.e-btn {
	display:inline-block;
	margin:1px;
	padding:6px 15px 6px;
	font-size:12px;
	letter-spacing:-1px;
	color:#000;
	border:1px solid #ccc;
	border-radius:2px;
	xbackground-color:#fff;
	background: linear-gradient(#fff 80%, #eee);
}
.e-btn:hover,
.e-btn:focus,
.e-btn:active {background-color:#f6f6f6}

.e-btn-xs {
	padding:3px 10px 3px;
}
.e-btn-xss {
	font-size:10px;
	padding:1px 10px 1px;
}
.e-btn-lg {
	font-size:15px;
	padding:9px 20px 9px;
}
.e-btn-block {
	display:block;
	width:100%;
}

.e-btn-sty01 {color:#fff;border:1px solid #007bff;background: linear-gradient(#007bff 80%, #0069D9);xbackground-color:#007bff}
.e-btn-sty01:hover,
.e-btn-sty01:focus,
.e-btn-sty01:active {color:#fff;border:1px solid #0069D9;background: linear-gradient(#0069D9 80%, #0069D9);xbackground-color:#0069D9}

.e-btn-sty02 {color:#fff;border:1px solid #6c757d;background: linear-gradient(#6c757d 80%, #545B62);xbackground-color:#6c757d}
.e-btn-sty02:hover,
.e-btn-sty02:focus,
.e-btn-sty02:active {color:#fff;border:1px solid #545B62;background: linear-gradient(#545B62 80%, #545B62);xbackground-color:#545B62}

.e-btn-sty03 {color:#fff;border:1px solid #28a745;background: linear-gradient(#28a745 80%, #218838);xbackground-color:#28a745}
.e-btn-sty03:hover,
.e-btn-sty03:focus,
.e-btn-sty03:active {color:#fff;border:1px solid #218838;background: linear-gradient(#218838 80%, #218838);xbackground-color:#218838}

.e-btn-sty04 {color:#fff;border:1px solid #dc3545;background: linear-gradient(#dc3545 80%, #C82333);xbackground-color:#dc3545}
.e-btn-sty04:hover,
.e-btn-sty04:focus,
.e-btn-sty04:active {color:#fff;border:1px solid #C82333;background: linear-gradient(#C82333 80%, #C82333);xbackground-color:#C82333}

.e-btn-sty05 {color:#000;border:1px solid #ffc107;background: linear-gradient(#ffc107 80%, #E0A800);xbackground-color:#ffc107}
.e-btn-sty05:hover,
.e-btn-sty05:focus,
.e-btn-sty05:active {color:#000;border:1px solid #E0A800;background: linear-gradient(#E0A800 80%, #E0A800);xbackground-color:#E0A800}

.e-btn-sty06 {color:#fff;border:1px solid #17a2b8;background: linear-gradient(#17a2b8 80%, #138496);xbackground-color:#17a2b8}
.e-btn-sty06:hover,
.e-btn-sty06:focus,
.e-btn-sty06:active {color:#fff;border:1px solid #138496;background: linear-gradient(#138496 80%, #138496);xbackground-color:#138496}

.e-btn-sty07 {color:#fff;border:1px solid #111;background: linear-gradient(#111 80%, #000);xbackground-color:#111}
.e-btn-sty07:hover,
.e-btn-sty07:focus,
.e-btn-sty07:active {color:#fff;border:1px solid #000;background: linear-gradient(#000 80%, #000);xbackground-color:#000}
/************** Button **************/

/************** Input **************/
.e-input {padding:2px 10px 4px}
/************** Input **************/

.tbl-sty01 table {width:100%;border-top:2px solid #333;background-color:#fff}
.tbl-sty01 table th {padding:10px 2px 13px;border-bottom:1px solid #ccc;background-color:#f9f9f9}
.tbl-sty01 table td {padding:3px 3px 5px;text-align:center;border-bottom:1px solid #ccc}
.tbl-sty01 table td.no-data {padding:50px;color:#999}

/** from table **/
.tbl-sty02 {display:block;margin:0;padding:0;border-top:2px solid #333}
.tbl-sty02 table {width:100%;background-color:#fff}
.tbl-sty02 table caption {padding-bottom:3px;text-align:left;font-weight:bold}
.tbl-sty02 table th {padding:10px 2px 13px;border-bottom:1px solid #ccc;background-color:#f9f9f9}
.tbl-sty02 table td {padding:3px 3px 5px;text-align:center;border-bottom:1px solid #ccc}
.tbl-sty02 table td.no-data {padding:50px;color:#999}
.tbl-sty02 input,
.tbl-sty02 select,
.tbl-sty02 textarea {padding:3px 5px 5px}

/** order table - hover **/
.tbl-sty03 table {width:100%;border-top:2px solid #333;background-color:#fff}
.tbl-sty03 table tr:hover {background-color:#f9f9f9}
.tbl-sty03 table th {padding:10px 2px 13px;border-bottom:1px solid #ccc;background-color:#f6f6f6}
.tbl-sty03 table td {padding:3px 3px 5px;color:#666;text-align:center;border-bottom:1px solid #ccc;border-right:1px solid #eee}
.tbl-sty03 table td:last-child {border-right:1px solid #fff}
.tbl-sty03 table td.no-data {padding:50px;color:#999}

/** order table **/
.tbl-sty04 table {width:100%;border-top:2px solid #333;background-color:#fff}
.tbl-sty04 table th {padding:10px 2px 13px;border-bottom:1px solid #ccc;background-color:#f6f6f6}
.tbl-sty04 table td {padding:3px 3px 5px;color:#666;text-align:center;border-bottom:1px solid #ccc;border-right:1px solid #eee}
.tbl-sty04 table td:last-child {border-right:1px solid #fff}
.tbl-sty04 table td.no-data {padding:50px;color:#999}

/** border none **/
.tbl-sty05 table {width:100%;border-top:none;background-color:#fff}
.tbl-sty05 table th {padding:10px 2px 13px;border-bottom:1px solid #fff;background-color:#f9f9f9}
.tbl-sty05 table td {padding:3px 3px 5px;text-align:center;border-bottom:1px solid #fff}
.tbl-sty05 table td.no-data {padding:50px;color:#999}

/** dl sty01 **/
dl.sty01 {display:block;margin:0;padding:0}
dl.sty01 dt,
dl.sty01 dd {margin-bottom:1px;padding:3px 5px;text-align:left}
dl.sty01 dt {clear:both;float:left;width:150px;background-color:#f0f0f0}
dl.sty01 dd {float:left}


.top-nav {float:left;display:block;margin:0;padding:0}
.top-nav ul {margin:0;padding:0;list-style:none}
.top-nav ul li {float:left;margin:0;padding:0}
.top-nav ul li a {display:block;margin:0;padding:0;width:99px;height:42px;line-height:42px;text-align:center;font-weight:bold;color:#fff;border-top:1px solid #fff;border-right:1px solid #fff}
.top-nav ul li.active a {background-color:rgba(13,115,191,0.5)}

button {cursor:pointer}

/*h1 {display:block;margin:0;padding:5px 10px 8px 10px;color:#fff;background-color:#1084cf}*/
#fs-wrap {display:block;margin:0;padding:16px;background-color:#ffffff}
#fs-wrap h2 {display:block;margin:0;padding:0;font-size:25px;color:#858378}
#fs-wrap fieldset {position:relative;display:block;margin:10px 0;padding:10px 20px;border:1px solid #333}
#fs-wrap legend {font-weight:bold}
#fs-wrap table {width:100%;border-left:1px solid #A0A0A0;border-top:3px solid #000}
#fs-wrap table th,
#fs-wrap table td {margin:0;padding:3px;border-bottom:1px solid #A0A0A0;border-right:1px solid #A0A0A0;background-color:#f6f6f6}
#fs-wrap table th {padding:8px;text-align:center;color:#888;background-color:#E0DECE}
#fs-wrap input {padding:5px}
#fs-wrap select {padding:5px}
#fs-wrap ul {list-style-type:square}
#fs-wrap ul li {padding:5px}
#fs-wrap strong {color:blue}
#fs-info-wrap {position:absolute;top:50px;right:30px;
	display:block;
	margin:0;
	padding:20px;
	width:300px;
	height:80px;
	border:1px solid #333;
	border-radius:10px;
}

.sch-wrap {display:block;margin:0 0 5px;padding:0}
.sch-wrap ul li {float:left !important;margin:0;padding:0 3px !important}


#finder-wrap {display:block;margin:0;padding:0;min-height:500px}
#finder-wrap table {width:100%;border-left:1px solid #a0a0a0;border-top:2px solid #000;background-color:#ffffff}
#finder-wrap table caption {padding-bottom:5px;text-align:left;font-weight:bold}
#finder-wrap table th,
#finder-wrap table td {padding:5px;font-size:12px;border-right:1px solid #a0a0a0;border-bottom:1px solid #a0a0a0;background-color:#ECE9D8}
#finder-wrap table th {font-size:12px;background-color:#ECE9D8}
#finder-wrap table td {text-align:center}
#finder-wrap table.sty01,
#finder-wrap table.sty01 th,
#finder-wrap table.sty01 td {border:none}
#finder-wrap table.sty01 input {text-align:center}
#finder-wrap input[type='text'],
#finder-wrap select,
#finder-wrap textarea {border:1px solid #ddd;background-color:#fff}
#finder-wrap .btn-wrap {display:block;margin:0;padding:10px 0;text-align:center}


.bbs-view img {
	max-width: 100%;
	height: auto;
	width: auto\9; // ie8
}



.tooltip2 {
	position: relative;
	display: inline-block;
}

.tooltip2 .tooltiptext2 {
	margin-left:5px;
	visibility: hidden;
	width: 240px;
	background-color: black;
	color: #fff;
	text-align: left;
	border-radius: 6px;
	padding: 10px;

	/* Position the tooltip */
	position: absolute;
	z-index: 4;
}

.tooltipagn_r {
	right: 0;
	margin-right:30px;
}

.tooltip2:hover .tooltiptext2 {
	visibility: visible;
}

.coupang_status .tooltiptext2 {
	display: none;
}

.coupang_status:hover .tooltiptext2 {
	display: block;
}

.modal {
	display: block !important;
}

.modal.hide {
	display: none !important;
}

input#delivery_cost1::-webkit-inner-spin-button,
input#delivery_cost2::-webkit-inner-spin-button,
input#delivery_cost3::-webkit-inner-spin-button,
input#delivery_cost4::-webkit-inner-spin-button,
input#delivery_cost5::-webkit-inner-spin-button,
input#delivery_cost7::-webkit-inner-spin-button {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

#it-list a img.img-fluid { width: 100%; max-height: 150px; }


label.btn-outline-secondary:has([type=radio]):hover { border-color: var(--gray); color: var(--gray); background-color: transparent; }
label.btn-outline-secondary:has([type=radio]:checked) { border-color: var(--gray); color: var(--white); background-color: var(--gray); }