@charset "utf-8";
/* ===============================================
 * bootstrap customizing css
 * author : onepixel (Park Soo Hyun)
=============================================== */
/* global */
h1, h2, h3, h4, h5, h6, p, ul, ol {margin:0}

/* grid system */
.container-wide {padding-left:80px; padding-right:80px}
.container-wide:before, .container-wide:after {content:''; display:table}
.container-wide:after {clear:both}
.row.row-table {display:table; width:100%}
.row.row-table > *[class^="col"] {float:none; display:table-cell; vertical-align:middle}
.row.row-inline {font-size:0}
.row.row-inline > *[class^="col"] {float:none; display:inline-block; vertical-align:top}
.row.gutter-no {margin-left:0; margin-right:0}
.row.gutter-no > *[class^="col"] {padding-left:0; padding-right:0}
.row.gutter-xs {margin-left:-5px; margin-right:-5px}
.row.gutter-xs > *[class^="col"] {padding-left:5px; padding-right:5px}
.row.gutter-sm {margin-left:-10px; margin-right:-10px}
.row.gutter-sm > *[class^="col"] {padding-left:10px; padding-right:10px}
.row.gutter-lg {margin-left:-20px; margin-right:-20px}
.row.gutter-lg > *[class^="col"] {padding-left:20px; padding-right:20px}
.row.gutter-xl {margin-left:-30px; margin-right:-30px}
.row.gutter-xl > *[class^="col"] {padding-left:30px; padding-right:30px}

/* image */
.img-fullwidth {display:block; width:100%}

/* forms */
label {font-weight:normal}
.form-control, .wr_content textarea {font-size:14px; line-height:20px; color:#454545; height:50px; padding:16px 24px; border:1px solid #d0d9de; border-radius:4px; background-color:#fff; outline:none; box-shadow:none; vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none; transition:all 0.25s ease}
.form-control:focus, .form-control.focus, .form-control:active, .wr_content textarea:focus, .wr_content textarea.focus, .wr_content textarea:active {border:1px solid #228be6; box-shadow:0 0 0 1px #228be6; outline:none}
.form-control[readonly], .form-control.readonly {color:#aaa; border-color:#eaeeea; background-color:#fff; cursor:not-allowed}
select.form-control {padding:12px 48px 12px 24px; border-radius:4px; background-image:url(../images/select_arrow_down.svg); background-size:20px 20px; background-repeat:no-repeat; background-position:right 15px center; background-color:#f4f7fb; box-shadow:0 1px 1px rgba(0,0,0,0.08)}
select.form-control::-ms-expand {display:none}
select.form-control:focus, select.form-control.focus, select.form-control:active, select.form-control.active {border:1px solid #d0d9de; background-color:#edf2f3; outline:none; box-shadow:none}
.wr_content textarea {height:auto}
label.label-control {display:inline-block; width:100%; font-weight:normal; color:#888; padding-bottom:5px}
label.required:after {content:'*'; margin-left:5px; color:#ed5252}
.check-style {position:relative; display:inline-block; margin-right:15px}
.check-style input[type=radio], .check-style input[type=checkbox] {display:none}
.check-style input[type=radio] + label, .check-style input[type=checkbox] + label {font-size:14px; font-weight:normal; color:#555; margin:0; cursor:pointer}
.check-style input[type=radio] + label:before, .check-style input[type=checkbox] + label:before {content:''; display:inline-block; width:18px; height:18px; margin-right:6px; border:2px solid #228be6; vertical-align:-5px}
.check-style input[type=radio]:checked + label:after, .check-style input[type=checkbox]:checked + label:after {content:''; position:absolute; display:block; top:8px; left:7px; width:5px; height:8px; border-bottom:2px solid #228be6; border-right:2px solid #228be6; transform:rotate(45deg)}


/* buttons */
.btn {line-height:1.42857143 !important; padding:14px 24px; transition:all 0.2s ease; outline:none !important}
.btn:focus, .btn.focus, .btn:active, .btn.active {outline:none}
.btn-xs {font-size:12px; padding:7px 14px}
.btn-sm {font-size:13px; padding:10px 18px}
.btn-lg {font-size:16px; padding:16px 32px; min-width:150px; border-radius:6px}
.btn-oversize {font-size:16px; padding:16px 32px; min-width:200px; border-radius:6px}
.btn-default {color:#454545; border-color:#d6dce0; background-color:#fdfdfd; box-shadow:0 1px 1px rgba(0,0,0,0.08)}
.btn-default:hover, .btn-default.hover, .btn-default:active, .btn-default.active, .btn-default:focus {background:#eee}
.btn:active, .btn.active, .btn:focus, .btn.disabled, .btn[disabled], fieldset[disabled] .btn {box-shadow:none}
.btn-primary {color:#fff; border-color:#228be6; background-color:#228be6; box-shadow:0 1px 1px rgba(0,146,35,0.3)}
.btn-primary:hover, .btn-primary.hover, .btn-primary:active, .btn-primary.active, .btn-primary:focus {border-color:#1c7ed6; background-color:#1c7ed6}
.btn-secondary {color:#222; border-color:#ffc20d; background-color:#ffc20d; box-shadow:0 1px 1px rgba(255,194,13,0.3)}
.btn-secondary:hover, .btn-secondary.hover, .btn-secondary:active, .btn-secondary.active, .btn-secondary:focus {color:#222; border-color:#ffc800; background-color:#ffc800}
.btn-solid {color:#e3fafc; border-color:#22b8cf; background-color:#22b8cf; box-shadow:0 1px 1px rgba(34,184,207,0.3)}
.btn-solid:hover, .btn-solid.hover, .btn-solid:active, .btn-solid.active, .btn-solid:focus {color:#e3fafc; border-color:#15aabf; background-color:#15aabf}

/* table */
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding:15px 10px !important; border-top-color:#e7e7e7}
.table th {font-weight:normal; color:#333}
.table td {color:#888}
.table-primary {border-top: 1px solid #333}
.table-primary>tbody>tr>td, .table-primary>tbody>tr>th, .table-primary>tfoot>tr>td, .table-primary>tfoot>tr>th, .table-primary>thead>tr>td, .table-primary>thead>tr>th {padding:18px 24px !important}
.table-primary thead th {font-weight: 500}
.table-primary thead th, .table-primary tbody td {border-top: none; border-bottom: 1px solid #e5e5e5 !important}
.table-primary tbody td a {color: #333}
.table-primary tbody tr:hover {background-color: #f8f9fa}

/* sweetalert2 */
.swal2-popup {padding:2em !important; box-shadow:0 20px 60px -16px rgba(0,0,0,0.3)}
.swal2-popup .swal2-title {font-weight:200 !important; color:#212529 !important}
.swal2-popup .swal2-content {color:#495057 !important}
.swal2-popup .swal2-actions {margin:1.75em auto 0 !important}

/* bootstrap modal */
.modal-content {box-shadow:0 40px 60px -20px rgba(0,0,0,0.25); overflow:hidden}
.modal-header {padding:18px 20px; background-color:#f8f8f8}
.modal-header .close {margin-top:4px}
.modal-body {padding:18px 20px}
.modal-body textarea {width:100%; padding:30px; font-size:14px; color:#777; line-height:1.8; border:none; border-radius:6px; background-color:#f7f7f7; resize:none}
.modal-footer {padding:18px 20px; background-color:#f8f8f8}


/* ===============================================
 * MEDIA QUERY
=============================================== */
@media (max-width:1300px) {
    .container-wide {padding-left:15px; padding-right:15px}
}
@media (max-width:767px) {
	/* table */
	.table-responsive {border-left:none; border-right:none}

	/* sweetalert2 */
	.swal2-popup .swal2-title {font-size:20px !important; font-weight:500 !important}
	.swal2-popup .swal2-content {font-size:14px !important}
}