/*@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('/_webfont/nanum-gothic-v17-korean-regular.woff') format('woff');

}*/
/* 기본 폰트 
body, article, p, h1, h2, h3, h4, h5, h6, a, div, ul, li, ol, dl, dd, dt,span, samp {font-family:"Nanum Gothic Coding", monospace, 'Open Sans', Sans-serif;}
body, article, p {font-size:16px;}
p {color:#777; line-height:24px; word-break :break-all;}
*/

/* a-style */
a {color:#2ab673; text-decoration:none;}
a:hover, a:active {color:#333;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;}

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


/* Bootstrap v3.3.2 (http://bootstrapk.com/)  부트스트랩소스 일부 추가 수정 */

img { vertical-align: middle; }
.img-responsive { display: block; max-width: 100%; height: auto; }
.img-rounded {border-radius: 6px; }
.img-circle {border-radius: 50%; }

.pull-right { float: right !important; }
.pull-left { float: left !important; }
.hide { display: none !important; }
.show { display: block !important; }
.invisible { visibility: hidden; }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.hidden { display: none !important; visibility: hidden !important; }
.affix { position: fixed; }


.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:1200px; margin:0 auto; padding: 0; height:auto;zoom:1}
.container:after {display:block;visibility:hidden;clear:both;content:""}

.row {margin-right:0px; margin-left:0px;}

.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, .text-primary {color:#281d1b !important;}
.text-secondary {color:#1a8c55 !important;}

.pull-left {float:left !important;}
.pull-right {float:right !important;}
.pull-none {float:none !important;}

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; }

.bo_fx {position:relative; margin:10px 0; padding:0; display:block; overflow:hidden; text-align:center;}

.w-auto {width:auto !important;}
.w-100 {width:100% !important;}

/*---------------- 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:#f3f5e1 !important;}

.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: #337ab7; 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: #2ab673; text-decoration: underline; background-color: transparent; }
.btn-link .badge {color: #777777; text-decoration: none; }
a.btn-link {color: #337ab7;}



/* 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: #2ab673;border-color: #2ab673;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:#2ab673; border-color: #22a3b3; opacity:1.0;}
.btn-major .badge {color:#2ab673; background-color: #fff }
a.btn-major {color: #fff;}


/*btn-major-b*/
.btn-major-b {color: #2ab673; background-color:#fff; border-color: #2ab673;}
.btn-major-b:hover, 
.btn-major-b:focus,
.btn-major-b.focus,
.btn-major-b:active,
.btn-major-b.active {color: #2ab673; background-color:#f1f8f9; border-color: #2ab673;}
.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:#2ab673; border-color: #22a3b3;}
.btn-major-b .badge {color:#22a3b3; background-color: #fff }
a.btn-major-b {color: #2ab673;}


/*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: #bbb; border-color: #b0b0b0;}
.btn-gray:hover, 
.btn-gray:focus,
.btn-gray.focus,
.btn-gray:active,
.btn-gray.active {color: #fff; background-color: #999; border-color: #909090;}
.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 {background-color: #999; border-color: #909090;}
.btn-gray .badge {color: #555; background-color: #fff }
a.btn-gray {color: #fff;}

/*btn_admin2*/
.btn_admin2 {color: #fff;background-color: #e77ffe;border-color: #e77ffe;}
.btn_admin2:hover, 
.btn_admin2:focus,
.btn_admin2.focus,
.btn_admin2:active,
.btn_admin2.active  {color: #fff;background-color: #df6cff;border-color: #df6cff;}
.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: #22a3b3;}
.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; border-top: 1px solid #e9e9e9;}
.table > thead > tr > th {vertical-align: bottom; border-bottom: 1px solid #e9e9e9;}
.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 {border-top: 0;}
.table > tbody + tbody {border-top: 1px solid #e9e9e9;}
.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 > th,
.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; background: #f9f9f9; min-width:130px; width:15%;text-align: center;}
.table-basic > tbody > tr > td  {padding: 7px; line-height: 20px; color: #333; vertical-align: middle; background: #fff; border-bottom: 1px solid #e9e9e9; }
.table-basic td {text-align: left}

 /* table-form */ 
.table-form {font-size: 12px;  margin: 0; border-top: 1px solid #e9e9e9;}
.table-form > tbody > tr > th {padding: 10px; color: #333; font-weight:normal; vertical-align: middle; text-align: center; border-right:none;}
.table-form > tbody > tr > td  {padding: 10px; line-height: 20px; color: #777; vertical-align: middle; background: #fff; border-bottom: 1px solid #e9e9e9; border-left:none; text-align:left;}


/* ---------------------------------------------
    기본 스타일 설정
--------------------------------------------- */
/* 패딩 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 {margin-right:0px !important;}
.pr5 {margin-right:5px !important;}
.pr10 {margin-right:10px !important;}
.pr15 {margin-right:15px !important;}
.pr20 {margin-right:20px !important;}
.pr30 {margin-right:30px !important;}
.pr40 {margin-right:40px !important;}
.pr50 {margin-right:50px !important;}
.pr70 {margin-right:70px !important;}
.pr100 {margin-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%;}



/* ---------------------------------------------
    그리드시스템
--------------------------------------------- */
@media (min-width: 768px) {
.container { width: 750px; }
}
@media (min-width: 992px) {
.container { width: 970px; }
}
@media (min-width: 1201px) {
.container { width: 1200px; }
}
.container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.row { margin-left: -15px; margin-right: -15px; }
.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; padding-left: 15px; padding-right: 15px; }
.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%; }
}


.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.dropup,
.dropdown { position: relative; }
.dropdown-toggle:focus { outline: 0; }
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip: padding-box; background-clip: padding-box; }
.dropdown-menu.pull-right { right: 0; left: auto; }
.dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; }
.dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333333; white-space: nowrap; }
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; }
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; outline: 0; background-color: #337ab7; }
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus { color: #777777; }
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none;  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
cursor: not-allowed; }
.open > .dropdown-menu { display: block; }
.open > a { outline: 0; }
.dropdown-menu-right { left: auto; right: 0; }
.dropdown-menu-left { left: 0; right: auto; }
.dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777777; white-space: nowrap; }
.dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; }
.pull-right > .dropdown-menu { right: 0; left: auto; }
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid; content: ""; }
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; }
@media (min-width: 768px) {
.navbar-right .dropdown-menu { left: auto; right: 0; }
.navbar-right .dropdown-menu-left { left: 0; right: auto; }
}
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.center-block { display: block; margin-left: auto; margin-right: auto; }
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.hide { display: none !important; }
.show { display: block !important; }
.invisible { visibility: hidden; }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.hidden { display: none !important; visibility: hidden !important; }
.affix { position: fixed; }

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

/* 제목 폰트 
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;}