@charset "utf-8";

/* style */
#header div.sub0 { position:relative; width:100%; height:230px; padding-top:85px; background:url('../images/support_center/visual.jpg') no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
.admin_cfg {margin-top: 50px;}
.admin_cfg .tit {text-align: left;font-size: 20px;line-height: normal;font-weight: 600;}
.admin_cfg .line {width: 100%;height: 1px;background-color: #0f181f;margin: 10px 0;}
.admin_cfg .form-inline {display: inline-block;}
.admin_cfg .checkbox {border: 1px solid #009e75;border-radius: 5px;padding: 5px;}
#sub5 { position:relative; width:100%; height:230px; padding-top:85px; background:url('../images/support_center/visual.jpg') no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
#sub5 div.typo { font-size:22px; font-weight:300; color:#fff; line-height:31px; text-align:center; }
#sub5 div.typo strong { display:block; margin-bottom:10px; font-size:60px; font-weight:800; line-height:69px; }

/* common */
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}

/* bootstrap */
.row {margin-right: 0;margin-left: 0;}
.row:before,
.row:after {display: table;content: " ";}
.row:after {clear: both;}
.col-md-12 {position: relative;min-height: 1px;padding-right: 0;padding-left: 0;}
.form-group {margin-bottom: 15px;}
.form-control {display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.form-control:focus {border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);}
.form-control::-moz-placeholder {color: #999;opacity: 1;}
.form-control:-ms-input-placeholder {color: #999;}
.form-control::-webkit-input-placeholder {color: #999;}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {background-color: #eee;opacity: 1;}
.form-control[disabled],
fieldset[disabled] .form-control {cursor: not-allowed;}
textarea.form-control {height: auto;}
.btn {display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
.btn:hover,
.btn:focus,
.btn.focus {color: #333;text-decoration: none;}
.btn:active,
.btn.active {background-image: none;outline: 0;-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {pointer-events: none;cursor: not-allowed;filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none;opacity: .65;}
.btn-default {color: #333;background-color: #fff;border-color: #ccc;}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active {color: #333;background-color: #e6e6e6;border-color: #adadad;}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {background-color: #fff;border-color: #ccc;}
.input-sm {height: 30px;padding: 5px 10px;font-size: 12px;line-height: 1.5;border-radius: 3px;}
select.input-sm {height: 30px;line-height: 30px;}
textarea.input-sm,
select[multiple].input-sm {height: auto;}
input[type="checkbox"],
input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;}
.radio,
.checkbox {position: relative;display: block;margin-top: 10px;margin-bottom: 10px;}
.radio label,
.checkbox label {min-height: 20px;padding-left: 20px;margin-bottom: 0;font-weight: normal;cursor: pointer;}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {position: absolute;margin-top: 4px \9;margin-left: -20px;}
.radio + .radio,
.checkbox + .checkbox {margin-top: -5px;}
.radio-inline,
.checkbox-inline {position: relative;display: inline-block;padding-left: 20px;margin-bottom: 0;font-weight: normal;vertical-align: middle;cursor: pointer;}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {margin-top: 0;margin-left: 10px;}
.clearfix:before,
.clearfix:after {display: table;content: " ";}
.clearfix:after {clear: both;}
label {display: inline-block;max-width: 100%;margin-bottom: 5px;font-weight: 700;}
.text-center {text-align: center;}
.col-md-3,
.col-md-5,
.col-md-6,
.col-md-7 {position: relative;min-height: 1px;}

/* sub */
.sub-content-wrap {margin-top: 50px;}
.section-wrap {clear:both; float:left; width:100%;}
.form-inline .form-control {padding: 3px 12px;font-size: 16px;}
.top-border {clear:both;padding-top:3px;background-color: #009e75;}
.table.board-original {position:relative; width:100%; border-top:0; border-bottom:1px solid #ccc;}
.table.board-original thead tr {width:100%;}
.table.board-original thead tr > th {min-height:52px; padding:11px 10px; border-top:0; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:500; font-size:16px; color:#666; text-align:center; vertical-align:middle; background-color:#f2f2f2}
.table.board-original thead tr > th.last {border-right:0;}
.table.board-original tbody > tr > th {padding:0 30px; font-weight:500; font-size:16px; color:#667780; background-color:#edf8fa; text-align:center;}
.table.board-original tbody > tr > th.num {max-width:120px;}
.table.board-original tbody > tr > td {background-color: #fff;}
.table.board-original tbody > tr > td.tit {padding:11px 20px; text-align:left;}
.table.board-original tbody > tr > td,
.table.board-original tbody > tr > td > a {font-size:16px; color:#666;}
.table.board-original tbody > tr > td > a:hover,
.table.board-original tbody > tr > td > a:active {text-decoration: underline;}
.table.board-original tbody > tr > th,
.table.board-original tbody > tr > td {min-height:0; padding:11px 10px; border-top:0; border-right:1px solid #ccc; border-top:1px solid #ccc; line-height:25px; letter-spacing:-1px; text-align:center; vertical-align:middle;}
.table.board-original tbody > tr > td.last {border-right:0;}
.table.board-original .date input {border: 0;height: auto;padding: 0;font-size: 16px;text-align: center;color: #666;width: 100px;vertical-align: top;}
.paging-custom {clear:both; width:100%; margin-top:30px; text-align:center;}
.paging-custom > a,
.paging-custom > strong {display:inline-block; width:30px; height:30px; margin:0 0; border:1px solid #ccc; font-size:14px; color:#666; text-align:center; line-height:28px; vertical-align:middle;}
.paging-custom > a.arrow {line-height:25px;}
.paging-custom > strong {border-color:#009e75; font-weight:600; color:#009e75; line-height:26px;}
.comfirm-popup {display:none; width:80%;}
.poup-wrap {max-width:680px; padding:45px 20px; border:5px solid #009e75; background-color:#fff;}
.poup-wrap h3.tit {margin-top:0; margin-bottom:10px; font-weight:400; font-size:30px; line-height:36px; letter-spacing:-2px; text-align:center;}
.poup-wrap h3.tit .green-txt {display:block; color:#009e75}
.poup-wrap h3.tit .blue-txt {color:#264480}
.poup-wrap p.info {margin-bottom:30px; font-size:16px; color:#666; line-height:30px; letter-spacing:-1px; text-align:center;}
.poup-wrap .form-group li input.full-wid {width:100%; max-width:400px; height:50px; margin:0 auto 10px; padding:0 10px; font-size:18px; color:#999; line-height:48px; vertical-align:middle; border:1px solid #ccc; background-color:#f2f2f2;}
.poup-wrap .form-group li .btn-round {display:inline-block;width:90%;margin:0 auto;margin-top: 10px;padding:15px 0;border-radius:4px;border:0;font-size:18px;color:#fff;line-height:30px;text-align:center;vertical-align:middle;background-color:#999;}
.poup-wrap .form-group li .btn-round.down {background-color:#009e75;}
.poup-wrap .form-group li label {width: 100%;max-width: 400px;margin: 0 auto 10px;padding: 0 10px;}
.fancybox-skin {padding:15px; background:#fff;color: #444;text-shadow: none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);}
.fancybox-close {position: absolute;top: 0;right: -60px;width: 60px;height: 60px;cursor: pointer;z-index: 8040;background:url('../images/support_center/btn-fancybox-close.gif') top left no-repeat;}

/* goods */
.product-category-wrap {overflow:hidden;margin-bottom:100px;}
.product-category-wrap .product-category-1 {width:30%;padding-right:10px;}
.product-category-wrap .product-category-2 {width:30%;padding-right:10px;}
.product-category-wrap .product-category-3 {width:38%;}
.product-category {float:left;}
.product-category .product-category-in {border:1px solid #cccccc;}
.product-category .ca_title {font-size:18px;height:48px;line-height:48px;background-color:#f2f2f2;border-bottom:1px solid #cccccc;padding:0 13px;}
.product-category .list {min-height:219px; height:100%; max-height:219px;overflow-y:scroll;overflow-x:hidden;}
.product-category .list ul {padding:10px;}
.product-category .list ul li a {display:block;height:40px;line-height:40px;font-size:16px;color:#666666;padding:0 9px;text-decoration:none;}
.product-category .list ul li a:hover {background-color:#009e75;color:#fff;}
.product-category .list ul li.on a {background-color:#009e75;color:#fff;}

/* board */
.board-search {float: right;text-align:right;margin-bottom:10px;}
.board-search button.btn {float:right; margin-left:2px;padding:5px 12px; font-size:16px;}
.board-search * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* login popup */
.flex-column {-ms-flex-direction: column;flex-direction: column;}
.d-flex {display: -ms-flexbox;display: flex;}
.modal {display: none;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1050;overflow: hidden;outline: 0;}
.modal-open .modal {overflow-x: hidden;overflow-y: auto;}
.modal-dialog {position: relative;width: auto;margin: .5rem;pointer-events: none;}
.modal-dialog-centered {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;min-height: calc(100% - (.5rem * 2));}
.modal-content {position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;width: 100%;pointer-events: auto;background-color: #fff;background-clip: padding-box;border: 1px solid #cccccc;outline: 0;}
.modal-header {display: -ms-flexbox;display: flex;-ms-flex-align: start;align-items: flex-start;-ms-flex-pack: justify;justify-content: space-between;padding: 1rem;border-bottom: 1px solid #cccccc;border-top-left-radius: .3rem;border-top-right-radius: .3rem;background-color: #f2f2f2;}
.modal-header h2 {width: 100%;height: auto;font-size: 20px;line-height: normal;text-align: center;}
.modal-header .close {float: right;font-size: 1.5rem;line-height: 1;background-color: #009e75;border-radius: 30px;color: #fff;border: 0;margin-top: 2px;}
.modal-header .close:not(:disabled):not(.disabled) {cursor: pointer;}
.modal-body {position: relative;-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 1rem;}
.modal-body .form-group {display: flex;width: 100%;}
.modal-body .form-control {border-radius: 0;}
.modal-body .btn {background-color: #009e75;color: #fff;border-radius: 0;}
.modal-footer {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: end;justify-content: flex-end;padding: 1rem;border-top: 1px solid #e9ecef;}
.modal-backdrop {display: none;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;background-color: #000;opacity: .5;}

@media (min-width: 576px) {
	.modal-dialog {max-width: 500px;margin: 1.75rem auto;}
	.modal-dialog-centered {min-height: calc(100% - (1.75rem * 2));}
	.row .form-group:last-child {margin-bottom: 0;}
	.modal-body .btn {width: 100%;padding: 45px 0;}
	.modal-body .btg_pl {padding-left: 15px;}
}

@media (min-width: 992px) {
	.col-md-3,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-12 {float: left;}
	.col-md-3 {width: 25%;}
	.col-md-5 {width: 41.66666667%;}
	.col-md-6 {width: 50%;}
	.col-md-7 {width: 58.33333333%;}
	.col-md-12 {width: 100%;}
}
@media (max-width:991px) {
	.table.board-original tbody > tr > th,
	.table.board-original tbody > tr > td {padding:11px 5px;}
	.product-category-wrap .product-category-1 {width:100%;padding-right: 0;}
	.product-category-wrap .product-category-2 {width:100%;margin-top: 10px;padding-right: 0;}
	.product-category-wrap .product-category-3 {width:100%;margin-top: 10px;}
}
@media screen and (max-width:768px) {
	#sub5 { height:145px; padding-top:55px; }
	#sub5 div.typo { font-size:15px; line-height:24px; }
	#sub5 div.typo strong { margin-bottom:5px; font-size:30px; line-height:39px; }
}
@media (min-width: 768px) {
	.form-inline .form-group {display: inline-block;margin-bottom: 0;vertical-align: middle;}
	.form-inline .form-control {display: inline-block;width: auto;vertical-align: middle;}
	.form-inline .radio,
	.form-inline .checkbox {display: inline-block;margin-top: 0;margin-bottom: 0;vertical-align: middle;}
	.form-inline .radio label,
	.form-inline .checkbox label {padding-left: 0;}
	.form-inline .radio input[type="radio"],
	.form-inline .checkbox input[type="checkbox"] {position: relative;margin-left: 0;}
}
@media (max-width:767px) {
	.board-search button.btn {float:right; margin-left:2px;}
	.table.board-original thead tr > th,
	.table.board-original tbody > tr > td {padding-left:0; padding-right:0;}
	.table.board-original tbody > tr > th {padding:0;}
	.product-category-wrap .product-category-1 {width:100%;padding-right:0;margin-bottom:10px;}
	.product-category-wrap .product-category-2 {width:100%;}
	.board-search {float:left; width:100%;}
	.board-search .form-control,
	.board-search .form-group {margin-bottom:2px;}
	.board-search button.btn {float:right; margin-left:2px;width: 100%;}
	.sub-content-wrap {margin-top: 20px;}
	.poup-wrap h3.tit {font-size:20px; line-height:26px;}
	.poup-wrap p.info {margin-bottom:20px; font-size:14px; color:#666; line-height:24px; letter-spacing:-1px;}
	.poup-wrap .form-group li input.full-wid {height:40px; font-size:14px; line-height:38px;}
	.fancybox-close {top: -60px;right: 0;}
}