@import "font.css";

.visible-xs {
  display: none !important;
}

tr.visible-xs {
  display: none !important;
}

th.visible-xs,
td.visible-xs {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-xs.visible-sm {
    display: block !important;
  }
  tr.visible-xs.visible-sm {
    display: table-row !important;
  }
  th.visible-xs.visible-sm,
  td.visible-xs.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-xs.visible-md {
    display: block !important;
  }
  tr.visible-xs.visible-md {
    display: table-row !important;
  }
  th.visible-xs.visible-md,
  td.visible-xs.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-xs.visible-lg {
    display: block !important;
  }
  tr.visible-xs.visible-lg {
    display: table-row !important;
  }
  th.visible-xs.visible-lg,
  td.visible-xs.visible-lg {
    display: table-cell !important;
  }
}

.visible-sm {
  display: none !important;
}

tr.visible-sm {
  display: none !important;
}

th.visible-sm,
td.visible-sm {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-sm.visible-xs {
    display: block !important;
  }
  tr.visible-sm.visible-xs {
    display: table-row !important;
  }
  th.visible-sm.visible-xs,
  td.visible-sm.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-sm.visible-md {
    display: block !important;
  }
  tr.visible-sm.visible-md {
    display: table-row !important;
  }
  th.visible-sm.visible-md,
  td.visible-sm.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-sm.visible-lg {
    display: block !important;
  }
  tr.visible-sm.visible-lg {
    display: table-row !important;
  }
  th.visible-sm.visible-lg,
  td.visible-sm.visible-lg {
    display: table-cell !important;
  }
}

.visible-md {
  display: none !important;
}

tr.visible-md {
  display: none !important;
}

th.visible-md,
td.visible-md {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-md.visible-xs {
    display: block !important;
  }
  tr.visible-md.visible-xs {
    display: table-row !important;
  }
  th.visible-md.visible-xs,
  td.visible-md.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-md.visible-sm {
    display: block !important;
  }
  tr.visible-md.visible-sm {
    display: table-row !important;
  }
  th.visible-md.visible-sm,
  td.visible-md.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-md.visible-lg {
    display: block !important;
  }
  tr.visible-md.visible-lg {
    display: table-row !important;
  }
  th.visible-md.visible-lg,
  td.visible-md.visible-lg {
    display: table-cell !important;
  }
}

.visible-lg {
  display: none !important;
}

tr.visible-lg {
  display: none !important;
}

th.visible-lg,
td.visible-lg {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-lg.visible-xs {
    display: block !important;
  }
  tr.visible-lg.visible-xs {
    display: table-row !important;
  }
  th.visible-lg.visible-xs,
  td.visible-lg.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-lg.visible-sm {
    display: block !important;
  }
  tr.visible-lg.visible-sm {
    display: table-row !important;
  }
  th.visible-lg.visible-sm,
  td.visible-lg.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg.visible-md {
    display: block !important;
  }
  tr.visible-lg.visible-md {
    display: table-row !important;
  }
  th.visible-lg.visible-md,
  td.visible-lg.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}



.hidden-xs {
  display: block !important;
}

tr.hidden-xs {
  display: table-row !important;
}

th.hidden-xs,
td.hidden-xs {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
  tr.hidden-xs {
    display: none !important;
  }
  th.hidden-xs,
  td.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-xs.hidden-sm {
    display: none !important;
  }
  tr.hidden-xs.hidden-sm {
    display: none !important;
  }
  th.hidden-xs.hidden-sm,
  td.hidden-xs.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-xs.hidden-md {
    display: none !important;
  }
  tr.hidden-xs.hidden-md {
    display: none !important;
  }
  th.hidden-xs.hidden-md,
  td.hidden-xs.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-xs.hidden-lg {
    display: none !important;
  }
  tr.hidden-xs.hidden-lg {
    display: none !important;
  }
  th.hidden-xs.hidden-lg,
  td.hidden-xs.hidden-lg {
    display: none !important;
  }
}

.hidden-sm {
  display: block !important;
}

tr.hidden-sm {
  display: table-row !important;
}

th.hidden-sm,
td.hidden-sm {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-sm.hidden-xs {
    display: none !important;
  }
  tr.hidden-sm.hidden-xs {
    display: none !important;
  }
  th.hidden-sm.hidden-xs,
  td.hidden-sm.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
  tr.hidden-sm {
    display: none !important;
  }
  th.hidden-sm,
  td.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-sm.hidden-md {
    display: none !important;
  }
  tr.hidden-sm.hidden-md {
    display: none !important;
  }
  th.hidden-sm.hidden-md,
  td.hidden-sm.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-sm.hidden-lg {
    display: none !important;
  }
  tr.hidden-sm.hidden-lg {
    display: none !important;
  }
  th.hidden-sm.hidden-lg,
  td.hidden-sm.hidden-lg {
    display: none !important;
  }
}

.hidden-md {
  display: block !important;
}

tr.hidden-md {
  display: table-row !important;
}

th.hidden-md,
td.hidden-md {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-md.hidden-xs {
    display: none !important;
  }
  tr.hidden-md.hidden-xs {
    display: none !important;
  }
  th.hidden-md.hidden-xs,
  td.hidden-md.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md.hidden-sm {
    display: none !important;
  }
  tr.hidden-md.hidden-sm {
    display: none !important;
  }
  th.hidden-md.hidden-sm,
  td.hidden-md.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
  tr.hidden-md {
    display: none !important;
  }
  th.hidden-md,
  td.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-md.hidden-lg {
    display: none !important;
  }
  tr.hidden-md.hidden-lg {
    display: none !important;
  }
  th.hidden-md.hidden-lg,
  td.hidden-md.hidden-lg {
    display: none !important;
  }
}

.hidden-lg {
  display: block !important;
}

tr.hidden-lg {
  display: table-row !important;
}

th.hidden-lg,
td.hidden-lg {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-lg.hidden-xs {
    display: none !important;
  }
  tr.hidden-lg.hidden-xs {
    display: none !important;
  }
  th.hidden-lg.hidden-xs,
  td.hidden-lg.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-lg.hidden-sm {
    display: none !important;
  }
  tr.hidden-lg.hidden-sm {
    display: none !important;
  }
  th.hidden-lg.hidden-sm,
  td.hidden-lg.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-lg.hidden-md {
    display: none !important;
  }
  tr.hidden-lg.hidden-md {
    display: none !important;
  }
  th.hidden-lg.hidden-md,
  td.hidden-lg.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
  tr.hidden-lg {
    display: none !important;
  }
  th.hidden-lg,
  td.hidden-lg {
    display: none !important;
  }
}

/* Board */
	.board-category{border-bottom:2px solid #109ee2;color:#3292d8;padding-left:5px;font-size:15pt;}
	.board-box{padding:0px 0px 20px 0px;min-height:147px}
	.board-box-img{height:147px;padding:0px 30px 0px 0px;}
	.board-box-img div{width:100%;height:100%;border:1px solid #a0a0a0}
	.board-box-conts{padding:0px;line-height:22px}
	.board-box-cate{}
	.board-box-info{margin-left:15px;color:#5a5a5a;}
	.board-box-title{font-weight:bold;color:#000000;line-height:26px;}
	h1.board-box-title{line-height:35px;}
	.board-box-txt{font-size:15px;color:#333333}
	.board-box-contents{line-height:28px;font-size:12pt;margin-bottom:30px;margin-top:30px}
	.board-box-contents p{}
	.board-box-contents br{height:10px;}
	.board-box-exp{color:#898989;}
	.board-box-list{border-top:1px solid #f0f0f0;margin:0px -15px;padding:20px 0px;}

	.board-box-list .board-arrow.prev{float:left;text-align:left;}
	.board-box-list .board-arrow.next{float:right;text-align:right;}
	.board-box-list .board-arrow span{color:#a0a0a0;font-size:11px}
	.board-box-list .board-arrow h5{font-weight:bold;}
	.board-box-list .board-arrow a{color:#000000;}
	.board-box-list .board-arrow a:hover{color:#f31a5c;text-decoration:none;}

	.board-box a{}
	.board-box a:hover{color:#f31a5c !important;text-decoration:none}

	@media screen and (max-width: 767px) {
		.board-category{margin:0px;}
		.board-box-img{height:300px;padding:0px 0px 10px 0px;}
		.board-box-conts{padding:0px 0px;}
	}

	.bbs_table{font-size:14px;border-top:1px solid #57595b !important;border-bottom:1px solid #57595b;}
	.bbs_table th{background:#EEEEEE;padding:12px !important;}
	.bbs_table th.switch{width:50px}
	.bbs_table th.date{width:100px}
	.bbs_table th.user{width:100px}
	.bbs_table th.uid{width:150px}
	.bbs_table th.no{width:100px}
	.bbs_table th.w80{width:80px}


	.bbs_table td{padding:12px !important;}
	.bbs_table .th{background:#EEEEEE;padding:12px;font-weight:bold;}
	.bbs_table .td{padding:12px; }
	.bbs_table .td.content img{width:100% !important;height:auto !important;}
	.bbs_table .td.content iframe{width:100% !important;height:auto !important;}

	.bbs_table .border-r{border-right:1px solid #dddddd}
	@media screen and (max-width: 767px) {
		.bbs_table{font-size:11pt;}
		.bbs_table th.date{width:100px}
	}

	.bbs_label{border-radius:5px;padding:3px 5px;color:#FFF;font-size:8pt;}
	.bbs_label.title{background:#f76026;padding:5px;}
	.bbs_label.date{background:#bec5cf;}
	.bbs_cmt_cont{margin-top:10px;background:#FAFAFA;padding:10px}

	.bbs_cmt_btn {border-radius:50%;color:#FFF;cursor:pointer}
	.bbs_cmt_btn.up{background:#4d5766;padding:5px;}
	.bbs_cmt_btn.del{background:#2cbcbc;padding:5px 6px;}
	.bbs_cmt_btn.save{background:#008080;padding:5px 6px;}
	.bbs_cmt_btn.delr{background:#ff6868;padding:5px 6px;}
/**/

/**/
	.bbs_notice{background: #ff1414;padding:2px 4px;border-radius: 5px;color: #fff;font-weight: bold;font-size:8pt;}
/**/

.swTEST	{color:#f0ad4e;}
.swON	{color:#5cb85c;}
.swEND	{color:#d9534f;}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  cursor: default;
  background-color: #f31a5c;
  border-color: #f31a5c;
}

.admCSS {}
.ftco-navbar-light.scrolled .nav-link.admCSS{}
@media (min-width: 991.98px) {
	.admCSS {
		position: absolute;
		top: -21px;
		margin: 0px;
		padding: 0px 8px;
		background: #e42a2a;
		color: #FFF !important;
		padding-bottom:0px !important;
		padding-top:0px !important;
	}
	.ftco-navbar-light.scrolled .nav-link.admCSS{
		position: absolute;
		top: -4px;
		margin: 0px;
		padding: 0px 8px;
		background: #e42a2a;
		color: #FFF !important;
		padding-bottom:0px !important;
		padding-top:0px !important;
	}
}


.quick_box{position:fixed;bottom:0px;right:0px;z-index:1;width:45px;}
.quick_box .bt {
	position:relative;
	/*right:-150px;*/
	width:200px;
	border-radius:10px 0px 0px 10px;
	padding: 5px 5px 0px 10px;
	margin-bottom:5px;cursor:pointer
}
.quick_box .bt i{font-size:25pt;color:#FFF;width:30px;}
.quick_box .bt .txt{font-size:15pt;color:#FFF;font-weight:bold;position:absolute;padding-left:5px;margin:-35px 0px 0px 35px;width: 135px;}
@media (max-width: 576px) {
	.quick_box{right:0px;}
	.quick_box .bt i{font-size:20pt;}
	.quick_box .bt .txt{font-size:13pt;margin-top:-30px}
}

.AddrPOP{display:none;}
.AddrPOP .btnCLOSE{
	background:#000;color:#FFF;
    position: absolute;
    z-index: 2;
    right: 0px;
    top: -31px;
}

.popADDR{
	position:absolute;
	top:0px;left:0px;
	z-index:3;
	width:100%;
	border:5px solid #999999;
	/*display:none;*/
	overflow:hidden;
	background:#FFF;

	-webkit-overflow-scrolling:touch;
}
.popADDR img{
	cursor:pointer;position:absolute;right:0px;top:0px;z-index:1
}


/* */
	.ftco-services {font-family:'Arita-dotum';}
/* alert-box */
	.aBOX {font-size:12pt;}
	.aBOX strong{color:#f76026;}
	.aBOX label {border:2px solid #96b1c5;padding:8px 10px;border-radius:5px;width:100%;background:#daeaff;color:#000}
/**/
/* act button */
	.act-title{
		margin-top:10px;
		letter-spacing:-1.6px;
	}
	.act-btn{
		display:inline-block;
		cursor:pointer;
		border:1px solid #d1d1d1;border-radius:8px;
		padding:4px 8px;margin:0px;
		font-weight:bold;
		background:#FFF;color:#d1d1d1;
	}
	.act-btn:hover{background:#ebebeb;color:#7ca5e2;}
	.act-btn.active{background:#7ca5e2;color:#FFF;}

	.act-btn svg{fill:#d1d1d1;width:40px;height:40px;}
	.act-btn:hover svg{fill:#7ca5e2;}
	.act-btn.active svg{fill:#ebebeb;}

	.act-btn.active:hover{
		background:#7ca5e2;
		color:#FFF;
	}
	.act-btn .detail{float:right;line-height:1.3em;font-size:10pt;}
	.act-btn .title{line-height:0.7em}
	.act-btn .title label{font-size:10pt;}
/**/
/* inBOX */
	.inBOX {font-size:12pt;line-height:1.3em;}
	.inBOX input{padding:0.25rem 0.5rem;}
	.inBOX input::placeholder {color:#cecece;}
	.inBOX > div {margin-top:8px;}
	.inBOX .iLB{margin-top:6px;}
/**/
/* inHELP */
	.inHELP{
		cursor:pointer;color:#f76026;position:absolute;z-index:1;margin-top:0px;margin-left:5px;
	}
	.inHELP.txt{
		position: absolute;bottom:30px;z-index:10;
		background: #2f89fc;color: #FFF;font-weight:normal;
		padding:8px;
		text-align:left;
		line-height:1.3em;
		border-radius: 10px;
		display:none;
	}
	.inHELP.active{display:block;}
	.inHELP.txt{width:250px;}
	.inHELP.txt.help-01{width:300px;}
	.inHELP.txt.help-shipper{width:300px;}
/**/
/* text-box */
	.text-box{
		overflow: auto;
		border:1px solid #ebebeb;
		padding:8px;
		resize: none;
		line-height:1.3em;
	}
	.text-box::placeholder {color:#cecece;}
	.text-box span{color:#f76026;}
	.text-box label{color:#3292d8;font-weight:bold;margin:0px;}

	.text-box::-webkit-scrollbar {
		width: 12px;
	}

	.text-box::-webkit-scrollbar-thumb {
		background-color: #2f89fc;
		border-radius: 10px;
		background-clip: padding-box;
		border: 2px solid transparent;
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	}
	.text-box::-webkit-scrollbar-track {
		border-radius: 10px;
		background-color: #dddddd;
		box-shadow: inset 0px 0px 5px white;
	}
/**/
/* modal-body */
	.modal-body-subject{color:#f76026;line-height:1.3em;}
	.modal-body-conts input{}
	.modal-body-conts input::placeholder {color:#cecece;}
	.modal-body-title {
		margin-top:1px;
		text-align:center;
		line-height: 1.1em;
		background:#8a9eb7;color:#FFF;
		display: flex;
		justify-content: center;
		align-items: center;}
	.modal-body-title span{font-size:10pt;}
/**/