/*!
 * Bootstrap v3.3.0 (http://getbootstrap.com) 
 부트스트랩소스 일부만 추가 수정 */

.container { position: relative; padding: 0; width: 1200px !important; margin: 0 auto; }
.full-container { position: relative; padding: 0; width: 100% !important; margin: 0; }
.row { margin-right: 0px; margin-left: 0px; }
.w-auto { width: auto !important; }
.w-100 { width: 100% !important; }
.inline { display: inline !important; }
.block { display: block !important; }
.inline-block { display: inline-block !important; }
.btn-round { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.text-justify { text-align: justify !important; }
input[type="radio"],
input[type="checkbox"] { margin: 0; border: none; vertical-align: middle; }
input[type="file"] { border: none; padding: 0; }

/*.text-major { color: #e82e2e !important; }
.text-major2 { color: #f3dbdb !important; }
.text-major3 { color: #a42a2a !important; }*/

code {font-family: "나눔고딕", monospace, monospace; font-size: 12px; padding: 2px 4px; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; }

input[type="text"],
select {display: inline-block; width:auto; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #d7d7d7; vertical-align:middle; height: 26px;  padding: 0px; font-size: 12px;  line-height: 18px; border-radius: 2px;}
input[type="text"] {padding:0 5px;}
textarea {display: inline-block; height: auto; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #d7d7d7; vertical-align:middle; padding:5px; width:100%; box-sizing:border-box; min-height:70px;}
input[type="text"]:focus,
select: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, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);}
/*---------------- form-control ----------------*/

.form-control {display: inline-block; width:auto; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #d7d7d7; vertical-align:middle;height: 36px; padding: 6px; font-size: 12px; line-height:24px; border-radius: 2px;}
.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, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);}
.form-control::-moz-placeholder {color: #999999; opacity: 1;}
.form-control:-ms-input-placeholder {color: #999999;}
.form-control::-webkit-input-placeholder {color: #999999;}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {background-color: #eeeeee; opacity: 1;}
.form-control[disabled],
fieldset[disabled] .form-control {cursor: not-allowed;}
textarea.form-control {height: auto;  padding:10px; width:100%; box-sizing:border-box; min-height:70px;}
  
 
.input-xs {height: 26px; padding: 0 5px; font-size: 12px;  line-height: 18px; border-radius: 2px;}
input[type="text"].input-xs {height: 26px; padding: 0 5px; font-size: 12px;  line-height: 18px; border-radius: 2px;}
select.input-xs  {height: 26px; padding: 0px; font-size: 12px;  line-height: 18px; border-radius: 2px;}

textarea.input-sm,
select[multiple].input-xs {height: auto;}
.form-group-xs .form-control {height: 26px; padding: 0px; font-size: 12px; line-height: 18px; border-radius: 2px;}
select.form-group-xs .form-control {height: 26px; line-height: 26px;}
textarea.form-group-xs .form-control,
select[multiple].form-group-xs .form-control {height: auto;}
.form-group-xs .form-control-static {height: 26px; line-height: 26px;  padding: 0px; font-size: 12px;min-height: 26px;}


.input-sm {height: 32px; padding: 3px; font-size: 12px; line-height:22px; border-radius: 2px;}
input[type="text"].input-sm,  
select.input-sm  {height: 32px; padding: 3px; font-size: 12px; line-height:22px; border-radius: 2px;}

textarea.input-sm,
select[multiple].input-sm {height: auto;}
.form-group-sm .form-control {height: 30px; padding: 5px; font-size: 12px; line-height:22px; border-radius: 2px;}
select.form-group-sm .form-control {height: 32px; line-height: 32px;}
textarea.form-group-sm .form-control,
select[multiple].form-group-sm .form-control {height: auto;}
.form-group-sm .form-control-static {height: 30px; padding: 5px; font-size: 12px;line-height:22px; min-height: 20px;}


.input-lg {height: 40px; padding: 7px;  font-size: 14px; line-height:26px; border-radius: 2px;}
input[type="text"].input-lg,
select.input-lg {height: 40px; padding: 7px;  font-size: 14px; line-height:26px; border-radius: 2px;}

textarea.input-lg,
select[multiple].input-lg {height: auto;}
.form-group-lg .form-control {height: 40px; padding: 7px;  font-size: 14px; line-height:26px; border-radius: 2px;}
select.form-group-lg .form-control {height: 40px; line-height: 40px;}
textarea.form-group-lg .form-control,
select[multiple].form-group-lg .form-control {height: auto;}
.form-group-lg .form-control-static {height: 40px; padding: 7px;  font-size: 14px; line-height:26px; min-height: 26px;}

.input-none {border:none; box-shadow:none; background:none !important;}
/*---------------- btn ----------------*/

.btn {display: inline-block; font-weight: normal; text-align: center; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; margin:0; padding: 6px 12px; font-size: 14px; line-height:24px; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align:middle;}
.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: #333333; text-decoration: none;}
.btn:active,
.btn.active {outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none;}

.btn-lg,
.btn-group-lg > .btn {height:40px; padding: 7px 14px; font-size: 14px; line-height:26px; border-radius: 4px;}
.btn-sm,
.btn-group-sm > .btn {height:32px; padding: 5px 10px; font-size: 12px; line-height:22px; border-radius: 2px;}
.btn-xs,
.btn-group-xs > .btn {/* height:26px; */padding: 2px 3px; font-size: 11px; line-height: 18px; border-radius: 2px;}

input.btn-lg {height:40px; padding: 7px 14px; font-size: 14px; line-height:12px; border-radius: 4px;}
input.btn-sm {height:32px; padding: 5px 10px; font-size: 12px; line-height:12px; border-radius: 2px;}
input.btn-xs {height:26px; padding: 4px 8px; font-size: 11px; line-height: 10px; border-radius: 2px;}

/*---------------- btn-color ----------------*/

.btn-success {color: #ffffff !important; background-color: #5cb85c; border-color: #4cae4c; }
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success { color: #ffffff; background-color: #449d44; border-color: #398439; }
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success { background-image: none; }
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c; }
.btn-success .badge { color: #5cb85c; background-color: #ffffff; }
.btn-info { color: #ffffff; background-color: #5bc0de; border-color: #46b8da; }
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info { color: #ffffff; background-color: #31b0d5; border-color: #269abc; }
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info { background-image: none; }
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da; }
.btn-info .badge { color: #5bc0de; background-color: #ffffff; }

.btn-warning { color: #ffffff; background-color: #f0ad4e; border-color: #eea236; }
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning { color: #ffffff; background-color: #ec971f; border-color: #d58512; }
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning { background-image: none; }
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236; }
.btn-warning .badge { color: #f0ad4e; background-color: #ffffff; }
.btn-danger { color: #ffffff !important; background-color: #d9534f; border-color: #d43f3a; }
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger { color: #ffffff; background-color: #c9302c; border-color: #ac2925; }
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger { background-image: none; }
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; }
.btn-danger .badge { color: #d9534f; background-color: #ffffff; }
.btn-link { color: #337ab7; font-weight: normal; border-radius: 0; }
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; }
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active { border-color: transparent; }
.btn-link:hover,
.btn-link:focus { color: #0e898c; text-decoration: underline; background-color: transparent; }
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; }

/* btn-default */
.btn-default {color: #555555; background-color: #fdfdfd; border-color: #d7d7d7;}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {color: #555555; background-color: #e6e6e6; border-color: #adadad;}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {background-image: none;}
.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: #ffffff; border-color: #d7d7d7;}
.btn-default .badge {color: #ffffff; background-color: #555555;}
a.btn-default {color: #555555;}

/*btn-dark*/
.btn-dark {color: #ffffff; background-color: #707070; border-color: #606060;}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark.focus,
.btn-dark:active,
.btn-dark.active,
.open > .dropdown-toggle.btn-dark {color: #ffffff; background-color: #555; border-color: #454545;}
.btn-dark:active,
.btn-dark.active,
.open > .dropdown-toggle.btn-dark {background-image: none;}
.btn-dark.disabled,
.btn-dark[disabled],
fieldset[disabled] .btn-dark,
.btn-dark.disabled:hover,
.btn-dark[disabled]:hover,
fieldset[disabled] .btn-dark:hover,
.btn-dark.disabled:focus,
.btn-dark[disabled]:focus,
fieldset[disabled] .btn-dark:focus,
.btn-dark.disabled.focus,
.btn-dark[disabled].focus,
fieldset[disabled] .btn-dark.focus,
.btn-dark.disabled:active,
.btn-dark[disabled]:active,
fieldset[disabled] .btn-dark:active,
.btn-dark.disabled.active,
.btn-dark[disabled].active,
fieldset[disabled] .btn-dark.active {background-color: #707070; border-color: #606060;}
.btn-dark .badge {color: #707070; background-color: #ffffff;}
a.btn-dark {color: #fff;}

/*btn-gray*/
.btn-gray {color: #fff; background-color: #bbb; border-color: #b0b0b0;}
.btn-gray:hover,
.btn-gray:focus,
.btn-gray.focus,
.btn-gray:active,
.btn-gray.active,
.open>.dropdown-toggle.btn-gray {color: #fff; background-color: #999; border-color: #909090;}
.btn-gray:active,
.btn-gray.active,
.open>.dropdown-toggle.btn-gray {background-image: none }
.btn-gray.disabled,
.btn-gray[disabled],
fieldset[disabled] .btn-gray,
.btn-gray.disabled:hover,
.btn-gray[disabled]:hover,
fieldset[disabled] .btn-gray:hover,
.btn-gray.disabled:focus,
.btn-gray[disabled]:focus,
fieldset[disabled] .btn-gray:focus,
.btn-gray.disabled.focus,
.btn-gray[disabled].focus,
fieldset[disabled] .btn-gray.focus,
.btn-gray.disabled:active,
.btn-gray[disabled]:active,
fieldset[disabled] .btn-gray:active,
.btn-gray.disabled.active,
.btn-gray[disabled].active,
fieldset[disabled] .btn-gray.active {background-color: #999; border-color: #909090;}
.btn-gray .badge {color: #555; background-color: #fff }


/*btn-major*/
.btn-major { color: #fff; background-color: var(--major-color); border-color: var(--major-color); }
.btn-major:hover,
.btn-major:focus,
.btn-major.focus,
.btn-major:active,
.btn-major.active,
.open>.dropdown-toggle.btn-major { color: #fff; background-color:var(--major-color) ; border-color: var(--major-darker-color); }
.btn-major:active,
.btn-major.active,
.open>.dropdown-toggle.btn-major { background-image: none }
.btn-major.disabled,
.btn-major[disabled],
fieldset[disabled] .btn-major,
.btn-major.disabled:hover,
.btn-major[disabled]:hover,
fieldset[disabled] .btn-major:hover,
.btn-major.disabled:focus,
.btn-major[disabled]:focus,
fieldset[disabled] .btn-major:focus,
.btn-major.disabled.focus,
.btn-major[disabled].focus,
fieldset[disabled] .btn-major.focus,
.btn-major.disabled:active,
.btn-major[disabled]:active,
fieldset[disabled] .btn-major:active,
.btn-major.disabled.active,
.btn-major[disabled].active,
fieldset[disabled] .btn-major.active { background-color: var(--major-darker-color); border-color: var(--major-darker-color); }
.btn-major .badge { color: var(--major-darker-color); background-color: #fff }


/*btn-major-borded*/
.btn-major-bordered {color: var(--major-color); background-color: #fff; border-color: var(--major-color); }
.btn-major-bordered:hover,
.btn-major-bordered:focus,
.btn-major-bordered.focus,
.btn-major-bordered:active,
.btn-major-bordered.active,
.open>.dropdown-toggle.btn-major-bordered { color: var(--major-darker-color); background-color:var(--major-lighter-color);border-color:  var(--major-darker-color); }
.btn-major-bordered:active,
.btn-major-bordered.active,
.open>.dropdown-toggle.btn-major-bordered { background-image: none }
.btn-major-bordered.disabled,
.btn-major-bordered[disabled],
fieldset[disabled] .btn-major-bordered,
.btn-major-bordered.disabled:hover,
.btn-major-bordered[disabled]:hover,
fieldset[disabled] .btn-major-bordered:hover,
.btn-major-bordered.disabled:focus,
.btn-major-bordered[disabled]:focus,
fieldset[disabled] .btn-major-bordered:focus,
.btn-major-bordered.disabled.focus,
.btn-major-bordered[disabled].focus,
fieldset[disabled] .btn-major-bordered.focus,
.btn-major-bordered.disabled:active,
.btn-major-bordered[disabled]:active,
fieldset[disabled] .btn-major-bordered:active,
.btn-major-bordered.disabled.active,
.btn-major-bordered[disabled].active,
fieldset[disabled] .btn-major-bordered.active { background-color:var(--major-lighter-color); border-color: var(--major-darker-color);}
.btn-major-bordered .badge { color: #fff; background-color: var(--major-color) }
 

/*---------------- pagination ----------------*/
.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; }
.pagination > li { display: inline; }
.pagination > li > a,
.pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857143; text-decoration: none; color: #337ab7; background-color: #ffffff; border: 1px solid #d7d7d7; margin-left: -1px; }
.pagination > li:first-child > a,
.pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
.pagination > li:last-child > a,
.pagination > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; }
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus { color: #0e898c; background-color: #eeeeee; border-color: #d7d7d7; }
.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; background-color:#0e898c; border-color:#097477; cursor: default; }
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus { color: #777777; background-color: #ffffff; border-color: #d7d7d7; cursor: not-allowed; }
.pagination-lg > li > a,
.pagination-lg > li > span { padding: 10px 16px; font-size: 14px; }
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; }
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span { border-bottom-right-radius: 6px; border-top-right-radius: 6px; }
.pagination-sm > li > a,
.pagination-sm > li > span { padding: 5px 10px; font-size: 12px; }
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; }

/*------------------------------------
input-group-addon
------------------------------------*/
.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 .form-group .input-group { display: inline-table; vertical-align: middle; }
.form-inline .input-group > .form-control { width: 100%; }
.input-group-addon,
.input-group-btn,
.input-group .form-control { display: table-cell; width: auto; }
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; }
.input-group-addon,
.input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; }
.input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555555; text-align: center; background-color: #eeeeee; border: 1px solid #d7d7d7; border-radius: 4px; }
.input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 2px; }
.input-group-addon.input-lg { padding: 10px 16px; font-size: 14px; border-radius: 2px; }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {border-bottom-right-radius: 0;  border-top-right-radius: 0;}
.input-group-addon:first-child {border-right: 0;}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {border-bottom-left-radius: 0;  border-top-left-radius: 0;}
.input-group-addon:last-child { border-left: 0;}