/*@import url('/html/css/font/NanumGothic.css');
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
/***************************** clearfix start ****************************/

/*스크롤 항상고정
body{overflow-Y:scroll; *overflow-Y:;} */
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: normal;
    src: local('NanumGothic'),local('나눔고딕'),url('http://commondatastorage.googleapis.com/fontfacekr-fonts/NanumGothic.woff') format('woff');

} 
/* 기본 폰트 */
html {overflow-y:scroll; padding:0; margin:0;}
body {margin:0;padding:0;}

body, article, p, h1, h2, h3, h4, h5, h6, a, div, ul, li, ol, dl, dd, dt,span, samp {font-family:"Montserrat","Nanum Gothic", Sans-serif; font-weight:normal;}
body, article, p {font-size:12px;}
p {color:#777; line-height:24px; word-break :break-all;}

/* 나눔바른고딕 추가 */
@font-face {
  font-family: 'Nanum Barun Gothic';
  src: local('Nanum Barun Gothic'), local('NanumBarunGothic'), local('나눔바른고딕'), url('//hangul.online/static/fonts/nanum-barun-gothic/Nanum-Barun-Gothic-UltraLight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.font-NBG {font-family: 'Nanum Barun Gothic', 'NanumGothic', san-serif !important;}
/* a-style */
a {color:#555; text-decoration:none;}
a:hover, a:active {color:#88b04c;text-decoration:none; }

article, aside, hgroup, header, footer, figure, figcaption, nav, section {display:block;}
div, ul, li, ol, dl, dd, dt {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0; margin:0; vertical-align:middle; list-style:none;}

h1, h2, h3, h4, h5, h6 {margin:0;padding:0;border:0}

i {vertical-align:middle;}
.clear {clear:both;}

.sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

.captcha {border:1px solid #ddd; padding:10px; display:inline-block;}

/*!
 * Bootstrap v3.3.0 (http://getbootstrap.com) 
 부트스트랩소스 일부만 추가 수정 */

.full-container {position:relative;width:100%; margin:0; padding: 0; height:auto;zoom:1}
.full-container:after {display:block;visibility:hidden;clear:both;content:""}

.container {position:relative;width:1120px; margin:0 auto; padding: 0; height:auto;zoom:1}
.container:after {display:block;visibility:hidden;clear:both;content:""}

@media(max-width:992px) {
	.container {width:100%; max-width:100%;}	 
}
@media(max-width:768px) {
	.container {}
}
@media(max-width:480px) {
	.container {}
}


.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;}
.text-major {color:#88b04c;}
.text-major2 {color:#c4d9a5;}
.text-major3 {color:#40561e;}

div, ul, li, ol {box-sizing:border-box;}

/*code {padding: 2px 4px; font-size: 11px; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; }*/
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }


/*---------------- form-control ----------------*/

input[type="text"], 
select, 
.form-control {display: inline-block; width:auto;height: 32px; padding: 3px; font-size: 12px; line-height:22px;  color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #ddd; border-radius: 2px; vertical-align:middle; box-sizing:border-box; }
input[type="text"]:focus, 
select:focus,
.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);}
select {height: 32px; line-height: 32px; padding:0;}
textarea {height: auto;}
input.required {background:#eaf8fa !important;}
input.readonly {background:#e9e9e9 !important;}
input[type="file"] {border:1px solid #eee;}
input[type="checkbox"] {vertical-align:middle;}


.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[type="search"] {-webkit-appearance: none;}

.input-xs, 
input[type="text"].input-xs {height: 24px; padding: 3px; font-size: 11px;  line-height: 18px; }
select.input-xs {height: 24px; line-height: 24px; padding:0;}

.input-sm,
input[type="text"].input-sm {height: 32px; padding: 3px; font-size: 12px; line-height:22px; }
select.input-sm {height: 32px; line-height: 32px; padding:0;}

.input-lg,
input[type="text"].input-lg {height: 40px; padding: 7px;  font-size: 15px; line-height:26px; }
select.input-lg {height: 40px; line-height: 40px; padding:0;}


input[type="text"]:-webkit-input-placeholder,
select:-webkit-input-placeholder,
textarea:-webkit-input-placeholder {color:#5fa3b4; font-size:11px;}
input[type="text"]:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder {color:#5fa3b4;font-size:11px;}
input[type="text"]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder { color:#5fa3b4;font-size:11px;}


/*---------------- 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: 1.42857143; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align:middle; box-sizing:border-box;border-radius: 2px;}
.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 {height:40px; padding: 7px 14px; font-size: 15px; line-height:26px;}
.btn-sm {height:32px; padding: 5px 10px; font-size: 12px; line-height:22px;}
.btn-xs {height:24px; padding: 4px 8px; font-size: 11px; line-height: 16px;}

input.btn-lg {height:40px; padding: 7px 14px; font-size: 15px; line-height:12px;}
input.btn-sm {height:32px; padding: 5px 10px; font-size: 12px; line-height:12px;}
input.btn-xs {height:24px; padding: 4px 8px; font-size: 11px; line-height: 16px;}

/*---------------- btn-color ----------------*/

/* btn-success */
.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 { color: #ffffff; background-color: #449d44; border-color: #398439; }
.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active,
.btn-success.disabled.focus,
.btn-success.disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled]:active,
.btn-success[disabled].focus,
.btn-success[disabled].active  { background-color: #5cb85c; border-color: #4cae4c; }
.btn-success .badge { color: #5cb85c; background-color: #ffffff; }
a.btn-success {color: #fff;}


/* btn-info */
.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  {color: #ffffff; background-color: #31b0d5; border-color: #269abc; }
.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active,
.btn-info.disabled.focus,
.btn-info.disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled]:active,
.btn-info[disabled].focus,
.btn-info[disabled].active {background-color: #5bc0de; border-color: #46b8da; }
.btn-info .badge {color: #5bc0de; background-color: #ffffff; }
a.btn-info {color: #fff;}


/* btn-warning */
.btn-warning {color: #fff; background-color: #f0ad4e; border-color: #eea236; }
.btn-warning:hover, 
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active  {color: #fff; background-color: #ec971f; border-color: #d58512; }
.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled:active,
.btn-warning.disabled.focus,
.btn-warning.disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:active,
.btn-warning[disabled].focus,
.btn-warning[disabled].active {background-color: #f0ad4e; border-color: #eea236; }
.btn-warning .badge {color: #f0ad4e; background-color: #ffffff; }
a.btn-warning {color: #fff;}


/* btn-danger */
.btn-danger {color: #fff; background-color: #d9534f; border-color: #d43f3a; }
.btn-danger:hover, 
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active  {color: #fff; background-color: #c9302c; border-color: #ac2925; }
.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active,
.btn-danger.disabled.focus,
.btn-danger.disabled.active,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:active,
.btn-danger[disabled].focus,
.btn-danger[disabled].active {background-color: #d9534f; border-color: #d43f3a; }
.btn-danger .badge { color: #d9534f; background-color: #ffffff; }
a.btn-danger {color: #fff;}


/* btn-link */
.btn-link {color: #88b04c; font-weight: normal; border-radius: 0; }
.btn-link:hover, 
.btn-link:focus,
.btn-link.focus,
.btn-link:active,
.btn-link.active  {background-color: transparent; -webkit-box-shadow: none; box-shadow: none; }
.btn-link.disabled,
.btn-link.disabled:hover,
.btn-link.disabled:focus,
.btn-link.disabled:active,
.btn-link.disabled.focus,
.btn-link.disabled.active,
.btn-link[disabled],
.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
.btn-link[disabled]:active,
.btn-link[disabled].focus,
.btn-link[disabled].active {color: #88b04c; text-decoration: underline; background-color: transparent; }
.btn-link .badge {color: #777777; text-decoration: none; }
a.btn-link {color: #88b04c;}



/* btn-default */
.btn-default {color: #555555; background-color: #fdfdfd; border-color: #cccccc;}
.btn-default:hover, 
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active  {color: #555555; background-color: #e6e6e6; border-color: #adadad;}
.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled:active,
.btn-default.disabled.focus,
.btn-default.disabled.active,
.btn-default[disabled],
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled]:active,
.btn-default[disabled].focus,
.btn-default[disabled].active  {background-color: #ffffff; border-color: #cccccc;}
.btn-default .badge {color: #ffffff; background-color: #555555;}
a.btn-default {color: #555;}


/*btn-major*/
.btn-major {color: #fff; background-color:#88b04c; border-color:#88b04c; opacity:1.0;}
.btn-major:hover, 
.btn-major:focus,
.btn-major.focus,
.btn-major:active,
.btn-major.active  {color: #fff; opacity:0.9;}
.btn-major.disabled,
.btn-major.disabled:hover,
.btn-major.disabled:focus,
.btn-major.disabled:active,
.btn-major.disabled.focus,
.btn-major.disabled.active,
.btn-major[disabled],
.btn-major[disabled]:hover,
.btn-major[disabled]:focus,
.btn-major[disabled]:active,
.btn-major[disabled].focus,
.btn-major[disabled].active {background-color:#88b04c; border-color: #739939; opacity:1.0;}
.btn-major .badge {color:#88b04c; background-color: #fff }
a.btn-major {color: #fff;}


/*btn-major-b*/
.btn-major-b {color: #88b04c; background-color:#fff; border-color: #88b04c;}
.btn-major-b:hover, 
.btn-major-b:focus,
.btn-major-b.focus,
.btn-major-b:active,
.btn-major-b.active {color: #88b04c; background-color:rgba(136,176,76,0.1); border-color: #88b04c;}
.btn-major-b.disabled,
.btn-major-b.disabled:hover,
.btn-major-b.disabled:focus,
.btn-major-b.disabled:active,
.btn-major-b.disabled.focus,
.btn-major-b.disabled.active,
.btn-major-b[disabled],
.btn-major-b[disabled]:hover,
.btn-major-b[disabled]:focus,
.btn-major-b[disabled]:active,
.btn-major-b[disabled].focus,
.btn-major-b[disabled].active {background-color:#88b04c; border-color: #739939;}
.btn-major-b .badge {color:#739939; background-color: #fff }
a.btn-major-b {color: #88b04c;}


/*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  {color: #ffffff; background-color: #555; border-color: #454545;}
.btn-dark.disabled,
.btn-dark.disabled:hover,
.btn-dark.disabled:focus,
.btn-dark.disabled:active,
.btn-dark.disabled.focus,
.btn-dark.disabled.active,
.btn-dark[disabled],
.btn-dark[disabled]:hover,
.btn-dark[disabled]:focus,
.btn-dark[disabled]:active,
.btn-dark[disabled].focus,
.btn-dark[disabled].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: #ccc; border-color: #c0c0c0;}
.btn-gray:hover, 
.btn-gray:focus,
.btn-gray.focus,
.btn-gray:active,
.btn-gray.active,
.btn-gray.disabled,
.btn-gray.disabled:hover,
.btn-gray.disabled:focus,
.btn-gray.disabled:active,
.btn-gray.disabled.focus,
.btn-gray.disabled.active,
.btn-gray[disabled],
.btn-gray[disabled]:hover,
.btn-gray[disabled]:focus,
.btn-gray[disabled]:active,
.btn-gray[disabled].focus,
.btn-gray[disabled].active {color: #fff;background-color: #aaa; border-color: #a0a0a0;}
.btn-gray .badge {color: #555; background-color: #fff }
a.btn-gray {color: #fff;}

/*btn_admin2*/
.btn_admin2 {color: #fff; background-color:#e4007f; border-color:#e4007f;}
.btn_admin2:hover, 
.btn_admin2:focus,
.btn_admin2.focus,
.btn_admin2:active,
.btn_admin2.active  {color: #fff; background-color:#ed2e98; border-color: #ed2e98;}
.btn_admin2.disabled,
.btn_admin2.disabled:hover,
.btn_admin2.disabled:focus,
.btn_admin2.disabled:active,
.btn_admin2.disabled.focus,
.btn_admin2.disabled.active,
.btn_admin2[disabled],
.btn_admin2[disabled]:hover,
.btn_admin2[disabled]:focus,
.btn_admin2[disabled]:active,
.btn_admin2[disabled].focus,
.btn_admin2[disabled].active {background-color:#e4007f; border-color: #f6576f;}
.btn_admin2 .badge {color:#e4007f; background-color: #fff }
a.btn_admin2 {color: #fff;}

/*---------------- table ----------------*/

.table {width: 100%; max-width: 100%;border-collapse: collapse !important; margin-bottom:20px !important;}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {padding: 8px; line-height: 1.42857143; vertical-align: top;}
.table > thead > tr > th {vertical-align: middle;}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {}
.table > tbody + tbody {}
.table .table {background-color: #ffffff;}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {padding: 5px;}

.table-bordered {border: 1px solid #e9e9e9;}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {border: 1px solid #e9e9e9;}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {border-bottom-width: 1px;}

.table-striped > tbody > tr:nth-of-type(odd) {background-color: #f9f9f9;}
.table-hover > tbody > tr:hover {background-color: #f5f5f5;}
 
.table-hover > tbody > tr > td:hover,
.table-hover > tbody > tr > th:hover,
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > ,
.table-hover > tbody > tr:hover > th {background-color: #e8e8e8;}

 /* table-basic */ 
.table-basic {font-size: 13px;  margin: 0; border-top: 1px solid #e9e9e9;}
.table-basic > tbody > tr > th {padding: 7px; color: #555; font-weight:normal; vertical-align: middle; text-align: center; background: #f9f9f9; min-width:50px; width:auto;}
.table-basic > tbody > tr > td  {padding: 7px; line-height: 20px; color: #777; vertical-align: middle; background: #fff; border-bottom: 1px solid #e9e9e9; text-align:left;}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }
.col-xs-pull-12 { right: 100%; }
.col-xs-pull-11 { right: 91.66666667%; }
.col-xs-pull-10 { right: 83.33333333%; }
.col-xs-pull-9 { right: 75%; }
.col-xs-pull-8 { right: 66.66666667%; }
.col-xs-pull-7 { right: 58.33333333%; }
.col-xs-pull-6 { right: 50%; }
.col-xs-pull-5 { right: 41.66666667%; }
.col-xs-pull-4 { right: 33.33333333%; }
.col-xs-pull-3 { right: 25%; }
.col-xs-pull-2 { right: 16.66666667%; }
.col-xs-pull-1 { right: 8.33333333%; }
.col-xs-pull-0 { right: auto; }
.col-xs-push-12 { left: 100%; }
.col-xs-push-11 { left: 91.66666667%; }
.col-xs-push-10 { left: 83.33333333%; }
.col-xs-push-9 { left: 75%; }
.col-xs-push-8 { left: 66.66666667%; }
.col-xs-push-7 { left: 58.33333333%; }
.col-xs-push-6 { left: 50%; }
.col-xs-push-5 { left: 41.66666667%; }
.col-xs-push-4 { left: 33.33333333%; }
.col-xs-push-3 { left: 25%; }
.col-xs-push-2 { left: 16.66666667%; }
.col-xs-push-1 { left: 8.33333333%; }
.col-xs-push-0 { left: auto; }
.col-xs-offset-12 { margin-left: 100%; }
.col-xs-offset-11 { margin-left: 91.66666667%; }
.col-xs-offset-10 { margin-left: 83.33333333%; }
.col-xs-offset-9 { margin-left: 75%; }
.col-xs-offset-8 { margin-left: 66.66666667%; }
.col-xs-offset-7 { margin-left: 58.33333333%; }
.col-xs-offset-6 { margin-left: 50%; }
.col-xs-offset-5 { margin-left: 41.66666667%; }
.col-xs-offset-4 { margin-left: 33.33333333%; }
.col-xs-offset-3 { margin-left: 25%; }
.col-xs-offset-2 { margin-left: 16.66666667%; }
.col-xs-offset-1 { margin-left: 8.33333333%; }
.col-xs-offset-0 { margin-left: 0%; }
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
.col-sm-12 { width: 100%; }
.col-sm-11 { width: 91.66666667%; }
.col-sm-10 { width: 83.33333333%; }
.col-sm-9 { width: 75%; }
.col-sm-8 { width: 66.66666667%; }
.col-sm-7 { width: 58.33333333%; }
.col-sm-6 { width: 50%; }
.col-sm-5 { width: 41.66666667%; }
.col-sm-4 { width: 33.33333333%; }
.col-sm-3 { width: 25%; }
.col-sm-2 { width: 16.66666667%; }
.col-sm-1 { width: 8.33333333%; }
.col-sm-pull-12 { right: 100%; }
.col-sm-pull-11 { right: 91.66666667%; }
.col-sm-pull-10 { right: 83.33333333%; }
.col-sm-pull-9 { right: 75%; }
.col-sm-pull-8 { right: 66.66666667%; }
.col-sm-pull-7 { right: 58.33333333%; }
.col-sm-pull-6 { right: 50%; }
.col-sm-pull-5 { right: 41.66666667%; }
.col-sm-pull-4 { right: 33.33333333%; }
.col-sm-pull-3 { right: 25%; }
.col-sm-pull-2 { right: 16.66666667%; }
.col-sm-pull-1 { right: 8.33333333%; }
.col-sm-pull-0 { right: auto; }
.col-sm-push-12 { left: 100%; }
.col-sm-push-11 { left: 91.66666667%; }
.col-sm-push-10 { left: 83.33333333%; }
.col-sm-push-9 { left: 75%; }
.col-sm-push-8 { left: 66.66666667%; }
.col-sm-push-7 { left: 58.33333333%; }
.col-sm-push-6 { left: 50%; }
.col-sm-push-5 { left: 41.66666667%; }
.col-sm-push-4 { left: 33.33333333%; }
.col-sm-push-3 { left: 25%; }
.col-sm-push-2 { left: 16.66666667%; }
.col-sm-push-1 { left: 8.33333333%; }
.col-sm-push-0 { left: auto; }
.col-sm-offset-12 { margin-left: 100%; }
.col-sm-offset-11 { margin-left: 91.66666667%; }
.col-sm-offset-10 { margin-left: 83.33333333%; }
.col-sm-offset-9 { margin-left: 75%; }
.col-sm-offset-8 { margin-left: 66.66666667%; }
.col-sm-offset-7 { margin-left: 58.33333333%; }
.col-sm-offset-6 { margin-left: 50%; }
.col-sm-offset-5 { margin-left: 41.66666667%; }
.col-sm-offset-4 { margin-left: 33.33333333%; }
.col-sm-offset-3 { margin-left: 25%; }
.col-sm-offset-2 { margin-left: 16.66666667%; }
.col-sm-offset-1 { margin-left: 8.33333333%; }
.col-sm-offset-0 { margin-left: 0%; }
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
.col-md-12 { width: 100%; }
.col-md-11 { width: 91.66666667%; }
.col-md-10 { width: 83.33333333%; }
.col-md-9 { width: 75%; }
.col-md-8 { width: 66.66666667%; }
.col-md-7 { width: 58.33333333%; }
.col-md-6 { width: 50%; }
.col-md-5 { width: 41.66666667%; }
.col-md-4 { width: 33.33333333%; }
.col-md-3 { width: 25%; }
.col-md-2 { width: 16.66666667%; }
.col-md-1 { width: 8.33333333%; }
.col-md-pull-12 { right: 100%; }
.col-md-pull-11 { right: 91.66666667%; }
.col-md-pull-10 { right: 83.33333333%; }
.col-md-pull-9 { right: 75%; }
.col-md-pull-8 { right: 66.66666667%; }
.col-md-pull-7 { right: 58.33333333%; }
.col-md-pull-6 { right: 50%; }
.col-md-pull-5 { right: 41.66666667%; }
.col-md-pull-4 { right: 33.33333333%; }
.col-md-pull-3 { right: 25%; }
.col-md-pull-2 { right: 16.66666667%; }
.col-md-pull-1 { right: 8.33333333%; }
.col-md-pull-0 { right: auto; }
.col-md-push-12 { left: 100%; }
.col-md-push-11 { left: 91.66666667%; }
.col-md-push-10 { left: 83.33333333%; }
.col-md-push-9 { left: 75%; }
.col-md-push-8 { left: 66.66666667%; }
.col-md-push-7 { left: 58.33333333%; }
.col-md-push-6 { left: 50%; }
.col-md-push-5 { left: 41.66666667%; }
.col-md-push-4 { left: 33.33333333%; }
.col-md-push-3 { left: 25%; }
.col-md-push-2 { left: 16.66666667%; }
.col-md-push-1 { left: 8.33333333%; }
.col-md-push-0 { left: auto; }
.col-md-offset-12 { margin-left: 100%; }
.col-md-offset-11 { margin-left: 91.66666667%; }
.col-md-offset-10 { margin-left: 83.33333333%; }
.col-md-offset-9 { margin-left: 75%; }
.col-md-offset-8 { margin-left: 66.66666667%; }
.col-md-offset-7 { margin-left: 58.33333333%; }
.col-md-offset-6 { margin-left: 50%; }
.col-md-offset-5 { margin-left: 41.66666667%; }
.col-md-offset-4 { margin-left: 33.33333333%; }
.col-md-offset-3 { margin-left: 25%; }
.col-md-offset-2 { margin-left: 16.66666667%; }
.col-md-offset-1 { margin-left: 8.33333333%; }
.col-md-offset-0 { margin-left: 0%; }
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
.col-lg-12 { width: 100%; }
.col-lg-11 { width: 91.66666667%; }
.col-lg-10 { width: 83.33333333%; }
.col-lg-9 { width: 75%; }
.col-lg-8 { width: 66.66666667%; }
.col-lg-7 { width: 58.33333333%; }
.col-lg-6 { width: 50%; }
.col-lg-5 { width: 41.66666667%; }
.col-lg-4 { width: 33.33333333%; }
.col-lg-3 { width: 25%; }
.col-lg-2 { width: 16.66666667%; }
.col-lg-1 { width: 8.33333333%; }
.col-lg-pull-12 { right: 100%; }
.col-lg-pull-11 { right: 91.66666667%; }
.col-lg-pull-10 { right: 83.33333333%; }
.col-lg-pull-9 { right: 75%; }
.col-lg-pull-8 { right: 66.66666667%; }
.col-lg-pull-7 { right: 58.33333333%; }
.col-lg-pull-6 { right: 50%; }
.col-lg-pull-5 { right: 41.66666667%; }
.col-lg-pull-4 { right: 33.33333333%; }
.col-lg-pull-3 { right: 25%; }
.col-lg-pull-2 { right: 16.66666667%; }
.col-lg-pull-1 { right: 8.33333333%; }
.col-lg-pull-0 { right: auto; }
.col-lg-push-12 { left: 100%; }
.col-lg-push-11 { left: 91.66666667%; }
.col-lg-push-10 { left: 83.33333333%; }
.col-lg-push-9 { left: 75%; }
.col-lg-push-8 { left: 66.66666667%; }
.col-lg-push-7 { left: 58.33333333%; }
.col-lg-push-6 { left: 50%; }
.col-lg-push-5 { left: 41.66666667%; }
.col-lg-push-4 { left: 33.33333333%; }
.col-lg-push-3 { left: 25%; }
.col-lg-push-2 { left: 16.66666667%; }
.col-lg-push-1 { left: 8.33333333%; }
.col-lg-push-0 { left: auto; }
.col-lg-offset-12 { margin-left: 100%; }
.col-lg-offset-11 { margin-left: 91.66666667%; }
.col-lg-offset-10 { margin-left: 83.33333333%; }
.col-lg-offset-9 { margin-left: 75%; }
.col-lg-offset-8 { margin-left: 66.66666667%; }
.col-lg-offset-7 { margin-left: 58.33333333%; }
.col-lg-offset-6 { margin-left: 50%; }
.col-lg-offset-5 { margin-left: 41.66666667%; }
.col-lg-offset-4 { margin-left: 33.33333333%; }
.col-lg-offset-3 { margin-left: 25%; }
.col-lg-offset-2 { margin-left: 16.66666667%; }
.col-lg-offset-1 { margin-left: 8.33333333%; }
.col-lg-offset-0 { margin-left: 0%; }
}

/* ---------------------------------------------
    기본 스타일 설정
--------------------------------------------- */
/* 패딩 ALL */
.pa0 {padding:0px !important;}
.pa5 {padding:5px !important;}
.pa10 {padding:10px !important;}
.pa15 {padding:15px !important;}
.pa20 {padding:20px !important;}
.pa30 {padding:30px !important;}
.pa40 {padding:40px !important;}
.pa50 {padding:50px !important;}
.pa70 {padding:70px !important;}
.pa100 {padding:100px !important;}
/* 마진 ALL */
.ma0 {margin:0px !important;}
.ma5 {margin:5px !important;}
.ma10 {margin:10px !important;}
.ma15 {margin:15px !important;}
.ma20 {margin:20px !important;}
.ma30 {margin:30px !important;}
.ma40 {margin:40px !important;}
.ma50 {margin:50px !important;}
.ma70 {margin:70px !important;}
.ma100 {margin:100px !important;}
/* 마진 top */
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt70 {margin-top:70px !important;}
.mt100 {margin-top:100px !important;}
/* 마진 right */
.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.mr70 {margin-right:70px !important;}
.mr100 {margin-right:100px !important;}
/* 마진 bottom */
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb70 {margin-bottom:70px !important;}
.mb100 {margin-bottom:100px !important;}
/* 마진 left */
.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml70 {margin-left:70px !important;}
.ml100 {margin-left:100px !important;}
/* 패딩 top */
.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt70 {padding-top:70px !important;}
.pt100 {padding-top:100px !important;}
/* 패딩 right */
.pr0 {padding-right:0px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}
.pr70 {padding-right:70px !important;}
.pr100 {padding-right:100px !important;}

/* 패딩 bottom */
.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb70 {padding-bottom:70px !important;}
.pb100 {padding-bottom:100px !important;}
/* 패딩 left */
.pl0 {padding-left:0px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}
.pl70 {padding-left:70px !important;}
.pl100 {padding-left:100px !important;}
/* 투명 */
.opacity10 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=10)'; /* IE-8 */ filter:alpha(opacity=10); /* IE-7 */ opacity:.1; /* all-browser */}
.opacity20 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=20)'; filter:alpha(opacity=20); opacity:.2;}
.opacity30 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)'; filter:alpha(opacity=30); opacity:.3;}
.opacity40 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)'; filter:alpha(opacity=40); opacity:.4;}
.opacity50 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; filter:alpha(opacity=50); opacity:.5;}
.opacity60 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)'; filter:alpha(opacity=60); opacity:.6;}
.opacity70 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'; filter:alpha(opacity=70); opacity:.7;}
.opacity80 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'; filter:alpha(opacity=80); opacity:.8;}
.opacity90 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'; filter:alpha(opacity=90); opacity:.9;}
.opacity100 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; filter:alpha(opacity=100); opacity:1;}
/* 라운드 (ie-8이하지원X) */
.round3 {-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -khtml-border-radius:3px;}
.round5 {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -khtml-border-radius:5px;}
.round8 {-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; -khtml-border-radius:8px;}
.round10 {-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -khtml-border-radius:10px;}
.round12 {-moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; -khtml-border-radius:12px;}
.round15 {-moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; -khtml-border-radius:15px;}
.round20 {-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; -khtml-border-radius:20px;}
.round {-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; -khtml-border-radius:50%;}

/*///////폰트관련설정/////////////////////////////////////*/

/* 제목 폰트 
h1 {font-size:30px;font-weight:bold;letter-spacing:-1.8px;}
h2 {font-size:24px;font-weight:bold;letter-spacing:-1.6px;}
h3 {font-size:18px;font-weight:bold;letter-spacing:-1.4px;}
h4 {font-size:16px;font-weight:bold;letter-spacing:-1.2px;}
h5 {font-size:14px;font-weight:bold;letter-spacing:-1px;}
h6 {font-size:12px;font-weight:bold;letter-spacing:-0.5px;}
*/

/* 폰트 두께 */
.normal {font-weight:normal;}
.bold {font-weight:bold;}
.bold500 {font-weight:500;}

/* 텍스트 자간*/
.ls02 {letter-spacing:-0.2px;}
.ls05 {letter-spacing:-0.5px;}
.ls08 {letter-spacing:-0.8px;}
.ls10 {letter-spacing:-1px;}
.ls12 {letter-spacing:-1.2px;}
.ls15 {letter-spacing:-1.5px;}
.ls18 {letter-spacing:-1.8px;}
.ls20 {letter-spacing:-2px;}

/* 폰트 크기, 자간 */
.fs10 {font-size:10px !important;}
.fs11 {font-size:11px !important;}
.fs12 {font-size:12px !important;}
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs15 {font-size:15px !important;}
.fs16 {font-size:16px !important;}
.fs18 {font-size:18px !important;}
.fs20 {font-size:20px !important;}
.fs22 {font-size:22px !important;}
.fs24 {font-size:24px !important;}
.fs26 {font-size:24px !important;}
.fs28 {font-size:24px !important;}
.fs30 {font-size:30px !important;}
.fs32 {font-size:32px !important;}
.fs36 {font-size:36px !important;}
.fs40 {font-size:40px !important;}
.fs48 {font-size:48px !important;}
.fs60 {font-size:60px !important;}

/* 흑백 기본 색상 */
.gray1 {color:#111 !important;}
.gray2 {color:#222 !important;}
.gray3 {color:#333 !important;}
.gray4 {color:#444 !important;}
.gray5 {color:#555 !important;}
.gray6 {color:#666 !important;}
.gray7 {color:#777 !important;}
.gray8 {color:#888 !important;}
.gray9 {color:#999 !important;}
.graya {color:#aaa !important;}
.grayb {color:#bbb !important;}
.grayc {color:#ccc !important;}
.grayd {color:#ddd !important;}
.graye {color:#eee !important;}
.black {color:#000 !important;}
.white {color:#fff !important;}

/* standard 텍스트컬러 */
.aqua {color:#00FFFF !important;}
.blue {color:#2276c4 !important;}
.fuchsia {color:#FF00FF !important;}
.green {color:#008000 !important;}
.lime {color:#00FF00 !important;}
.maroon {color:#800000 !important;}
.navy {color:#000080 !important;}
.olive {color:#808000 !important;}
.orange {color:#F58026 !important;}
.purple {color:#800080 !important;}
.red {color:#cf3736 !important;}
.teal {color:#008080 !important;}
.lemon {color:#FFFF00 !important;}
.yellow {color:#eabf12 !important;}


.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {position: relative;  min-height: 1px; padding:0; float: left;}
.col-12 { width: 100%; }
.col-11 { width: 91.66666667%; }
.col-10 { width: 83.33333333%; }
.col-9 { width: 75%; }
.col-8 { width: 66.66666667%; }
.col-7 { width: 58.33333333%; }
.col-6 { width: 50%; }
.col-5 { width: 41.66666667%; }
.col-4 { width: 33.33333333%; }
.col-3 { width: 25%; }
.col-2 { width: 16.66666667%; }
.col-1 { width: 8.33333333%; }

@media(max-width:768px){
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {position: relative;  min-height: 1px; padding:0; float: left;}
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 100%;}
.col-xs-10 { width: 100%; }
.col-xs-9 { width: 100%; }
.col-xs-8 { width: 50%; }
.col-xs-7 { width: 50%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 50%; }
.col-xs-4 { width: 50%; }
.col-xs-3 { width: 0%; }
.col-xs-2 { width: 0%; }
.col-xs-1 { width: 0%; }
}