@charset "UTF-8";
/* GNU & Common ------------------------------------------------------ */
.btn-wset, .hidden-img, .alazy {display:none;}
.page-wrap img {max-width:100%;}
.member, .guest {color: rgb(51, 51, 51);}
#nameContextMenu {background:#000;color:#fff;padding:0 !important;z-index:9999;padding:6px 0 !important;}
#nameContextMenu a {color:#fff;font-size:12px;line-height:20px;display:block;padding:0 8px;}
#nameContextMenu a:hover {color:#ff0000;}
#nameContextMenu td {padding:0 !important;border:0 !important;}
#autosave_pop ul {padding:0px !important;list-style:none !important;}
#autosave_pop li {display:block;}
/* Exif -------------------------------------------------------- */
.img-exif {margin:0px auto 30px;max-width: 100%;}
.img-exif img {display:block;margin:0px auto !important;max-width:100%;}
.img-exif .exif-data {padding:10px 0px 10px 30px;margin-top:15px;background:#fafafa;border:1px solid #eee;line-height:20px;color:#333;overflow:hidden;}
.img-exif ul {padding:0px;margin:0px;}
.img-exif ul:after {display:block;visibility:hidden;clear:both;content:"";}
.img-exif ul li {float:left;padding-right:20px;width:33.333%;}
@media all and (max-width:767px) {.responsive .img-exif ul li { width:50%; }
}
@media all and (max-width:420px) {.responsive .img-exif ul li { width:100%; }
}
/* Iframe ------------------------------------------------------ */
.div-iframe {margin:0 auto;max-width:100%
}
.div-iframe .iframe-wrap {position:relative;height: 0;padding-bottom: 56.25%;overflow: hidden;margin:0;}
.div-iframe	.iframe-wrap iframe,
.div-iframe .iframe-wrap object,
.div-iframe .iframe-wrap embed {position: absolute;top: 0;left: 0;width: 100%;height:100%;}

/* Panel : Accordions ------------------------------------------------------ */
.div-panel.panel-group {margin-bottom: 30px;}
.div-panel.panel-group.no-bottom {margin-bottom: 0px;}
.div-panel.panel-group .panel {border:0;box-shadow: none;-webkit-box-shadow: none;border-radius: 0;}
.div-panel.panel-group .panel + .panel {margin-top: 0px;border:0;}
.div-panel.panel-group .panel-heading {padding: 0;position: relative;background: none;}
.div-panel.panel-group .panel-heading::after {content: "";}
.div-panel.panel-group .panel-heading {padding:0;border-radius: 0;}
.div-panel.panel-group .panel-heading .rank-icon {margin-top:3px;}
.div-panel.panel-group .panel-heading a {outline:none;display:block;padding:10px 15px; padding-right:0px;padding-left:0;border-radius: 0;border-top:1px solid rgb(235, 235, 235);}
.div-panel.panel-group .panel:first-child .panel-heading a {border-top:0px;}
.div-panel.panel-group .panel:last-child .panel-heading a {border-bottom:1px solid rgb(235, 235, 235);}
.div-panel.panel-group .panel-heading a .panel-icon::after {font-family:NanumBarunGothic;text-align:center;line-height:18px;font-size:14px;display:inline-block;width:18px;height:18px;margin-right:2px;background:#333;color:#fff;content: "+";}
.div-panel.panel-group .panel-heading a.active {color: rgb(233, 27, 35);border-bottom:1px solid rgb(55, 55, 55) !important;}
.div-panel.panel-group .panel-heading a.active .panel-icon::after {background: rgb(233, 27, 35);color:#fff;content: "-";}
.div-panel.panel-group .panel-body {margin:0;border:0 !important;border-radius: 0;padding-left:25px;}
.div-panel.panel-group .list-group {margin:0;border:0;border-radius: 0;}
.div-panel.panel-group .list-group .list-group-item {margin-bottom:0;border:0;border-radius: 0;padding:4px 15px; padding-right:0px;padding-left:25px;word-break:break-all;}
.div-panel.panel-group .list-group .list-group-item .rank-icon {margin-top:3px;}
.div-panel.panel-group a.active.list-group-item, .div-panel.panel-group a.active.list-group-item:hover, .div-panel.panel-group a.active.list-group-item:focus {background-color: rgb(245, 245, 245);color:crimson;border-color: none;font-weight:bold;}

/* Tabs ------------------------------------------------------ */
.tabs li a {cursor:pointer !important;}
.div-tab.tabs, .div-tab-top.tabs, .div-tab-bottom.tabs, .div-tab-btn.tabs {margin-bottom: 0;}
.div-tab.tabs::before, .div-tab-top.tabs::before, .div-tab-bottom.tabs::before, .div-tab-btn.tabs::before {display: table; content: " ";}
.div-tab.tabs::after, .div-tab-top.tabs::after, .div-tab-bottom.tabs::after, .div-tab-btn.tabs::after {display: table; content: " ";}
.div-tab.tabs::after, .div-tab-top.tabs::after, .div-tab-bottom.tabs::after, .div-tab-btn.tabs::after {clear: both;}
.div-tab.tabs ul.nav-tabs, .div-tab-top.tabs ul.nav-tabs, .div-tab-bottom.tabs ul.nav-tabs {margin: 0;}
.div-tab.tabs div.tab-content {border-width: 0px 1px 1px;border-style: solid;border-color: rgb(221, 221, 221);padding: 15px;}
.div-tab-top.tabs div.tab-content, .div-tab-bottom.tabs div.tab-content {border: 0;padding: 15px 0;}
.div-tab.tabs div.tab-content, .div-tab-top.tabs div.tab-content, .div-tab-bottom.tabs div.tab-content {border-radius: 0;border-image: none;box-shadow: none;background-color: rgb(255, 255, 255);-webkit-box-shadow: 0;-moz-box-shadow: none;-moz-border-radius: none;-webkit-border-radius: 0;}
.div-tab.tabs ul.nav-tabs li {background: rgb(247, 247, 247);border-image: none;color: rgb(51, 51, 51);margin-right: 0;border: 0;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;border-top: 1px solid rgb(221, 221, 221);border-left: 1px solid rgb(230, 230, 230);border-image: none;line-height:14px !important;}
.div-tab.tabs ul.nav-tabs li:hover, .div-tab.tabs ul.nav-tabs li:focus {border:0;border-top: 1px solid rgb(221, 221, 221);border-left: 1px solid rgb(230, 230, 230);border-image: none;}
.div-tab.tabs ul.nav-tabs li:first-child  {border-left:1px solid rgb(221, 221, 221);margin-left:0px;}
.div-tab.tabs ul.nav-tabs li:last-child, .div-tab.tabs ul.nav-tabs li:last-child:hover {border-right:1px solid rgb(221, 221, 221);}
.div-tab.tabs ul.nav-tabs li.active {background: rgb(255, 255, 255);border-top:1px solid rgb(51, 51, 51);}
.div-tab.tabs ul.nav-tabs li a, .div-tab.tabs ul.nav-tabs li a:hover, .div-tab.tabs ul.nav-tabs li a:focus,
.div-tab.tabs ul.nav-tabs li:first-child a, .div-tab.tabs ul.nav-tabs li:first-child a:hover, .div-tab.tabs ul.nav-tabs li:first-child a:focus,
.div-tab.tabs ul.nav-tabs li:last-child a, .div-tab.tabs ul.nav-tabs li:last-child a:hover, .div-tab.tabs ul.nav-tabs li:last-child a:focus {color:#333;border:0;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;background:none;border-top: 2px solid transparent;border-bottom:1px solid rgb(221, 221, 221);margin:0;line-height:14px !important;}
.div-tab.tabs ul.nav-tabs li.active a, .div-tab.tabs ul.nav-tabs li.active a:hover, .div-tab.tabs ul.nav-tabs li.active a:focus,
.div-tab.tabs ul.nav-tabs li.active:first-child a, .div-tab.tabs ul.nav-tabs li.active:first-child a:hover, .div-tab.tabs ul.nav-tabs li.active:first-child a:focus,
.div-tab.tabs ul.nav-tabs li.active:last-child a, .div-tab.tabs ul.nav-tabs li.active:last-child a:hover, .div-tab.tabs ul.nav-tabs li.active:last-child a:focus {color:crimson;border:0;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;background:none;border-top:2px solid rgb(51, 51, 51);border-bottom:1px solid transparent;margin:0;line-height:14px !important;}
.div-tab.tabs.trans-top li.active {border-top-color: rgb(221, 221, 221) !important;}
.div-tab.tabs.trans-top li.active a {border-top-color: transparent !important;}
.div-tab-top.tabs ul.nav-tabs, .div-tab-bottom.tabs ul.nav-tabs {background: none;border-image: none;color: rgb(51, 51, 51);margin: 0;border: 0;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;border-image: none;line-height:18px;border-top:1px solid rgb(221, 221, 221);border-bottom:1px solid rgb(221, 221, 221);}
.div-tab-top.tabs ul.nav-tabs li, .div-tab-bottom.tabs ul.nav-tabs li  {border:0;margin:-1px 0;line-height:14px !important;}
.div-tab-top.tabs ul.nav-tabs li a, .div-tab-top.tabs ul.nav-tabs li a:hover, .div-tab-top.tabs ul.nav-tabs li a:focus,
.div-tab-top.tabs ul.nav-tabs li:first-child a, .div-tab-top.tabs ul.nav-tabs li:first-child a:hover, .div-tab-top.tabs ul.nav-tabs li:first-child a:focus,
.div-tab-top.tabs ul.nav-tabs li:last-child a, .div-tab-top.tabs ul.nav-tabs li:last-child a:hover, .div-tab-top.tabs ul.nav-tabs li:last-child a:focus {color:#333;border:0;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;background:none;border-top:3px solid transparent;border-bottom:0;padding:12px 15px 10px;margin-top:-1px;line-height:14px !important;}
.div-tab-top.tabs ul.nav-tabs li.active a, .div-tab-top.tabs ul.nav-tabs li.active a:hover, .div-tab-top.tabs ul.nav-tabs li.active a:focus,
.div-tab-top.tabs ul.nav-tabs li.active:first-child a, .div-tab-top.tabs ul.nav-tabs li.active:first-child a:hover, .div-tab-top.tabs ul.nav-tabs li.active:first-child a:focus,
.div-tab-top.tabs ul.nav-tabs li.active:last-child a, .div-tab-top.tabs ul.nav-tabs li.active:last-child a:hover, .div-tab-top.tabs ul.nav-tabs li.active:last-child a:focus {color:crimson;border:0;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;background:none;border-top:3px solid rgb(51, 51, 51);border-bottom:0;padding:12px 15px 8px;line-height:14px !important;}

.div-tab-bottom.tabs ul.nav-tabs li a, .div-tab-bottom.tabs ul.nav-tabs li a:hover, .div-tab-bottom.tabs ul.nav-tabs li a:focus,
.div-tab-bottom.tabs ul.nav-tabs li:first-child a, .div-tab-bottom.tabs ul.nav-tabs li:first-child a:hover, .div-tab-bottom.tabs ul.nav-tabs li:first-child a:focus,
.div-tab-bottom.tabs ul.nav-tabs li:last-child a, .div-tab-bottom.tabs ul.nav-tabs li:last-child a:hover, .div-tab-bottom.tabs ul.nav-tabs li:last-child a:focus {color:#333;border:0;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;background:none;border-bottom:3px solid transparent;border-top:0;padding:12px 15px 10px;margin-bottom:-1px;line-height:14px !important;}

.div-tab-bottom.tabs ul.nav-tabs li.active a, .div-tab-bottom.tabs ul.nav-tabs li.active a:hover, .div-tab-bottom.tabs ul.nav-tabs li.active a:focus,
.div-tab-bottom.tabs ul.nav-tabs li.active:first-child a, .div-tab-bottom.tabs ul.nav-tabs li.active:first-child a:hover, .div-tab-bottom.tabs ul.nav-tabs li.active:first-child a:focus,
.div-tab-bottom.tabs ul.nav-tabs li.active:last-child a, .div-tab-bottom.tabs ul.nav-tabs li.active:last-child a:hover, .div-tab-bottom.tabs ul.nav-tabs li.active:last-child a:focus {color:crimson;border:0;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;background:none;border-bottom:3px solid rgb(51, 51, 51);border-top:0;padding:12px 15px 10px;line-height:14px !important;}
.div-tab-box.tabs ul.nav-tabs {margin: 0px;padding:0px;border:0px;border-left:1px solid #ddd;}
.div-tab-box.tabs ul.nav-tabs li a {padding:10px 15px;background: rgb(247, 247, 247);color: #333;margin-right: 0px;border-radius: 0px;-moz-border-radius: 0;-webkit-border-radius: 0;border:1px solid #ddd;border-left:0px;}
.div-tab-box.tabs ul.nav-tabs li.active a {background: rgb(255, 255, 255);color: rgb(233, 27, 35);font-weight:bold;cursor:pointer;}
.div-tab-box.tabs ul.nav-tabs li a:hover, .div-tab-box.tabs ul.nav-tabs li a:active, .div-tab-box.tabs ul.nav-tabs li a:focus {color: #fff;background: rgb(233, 27, 35);}

.div-tab-btn.tabs {border:0;padding:0;}

.div-tab-btn.tabs ul.nav-tabs {border:0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:5px 0px;}
.div-tab-btn.tabs ul.nav-tabs li {border:0;margin:0;padding:0;}
.div-tab-btn.tabs ul.nav-tabs li a {padding: 6px 15px;background:none;border:0;margin: 5px;font-weight:normal;}
.div-tab-btn.tabs ul.nav-tabs li a:hover, .div-tab-btn.tabs ul.nav-tabs li a:active, .div-tab-btn.tabs ul.nav-tabs li a:focus {border:0;color:#fff;font-weight:normal;background: rgb(233, 27, 35);}
.div-tab-btn.tabs ul.nav-tabs li.active a {border:0;color:#fff;font-weight:normal;background: rgb(233, 27, 35);cursor:pointer;}

/* Table ------------------------------------------------------ */
.div-table.table > thead > tr > th {vertical-align: middle;}
.div-table.table > tbody > tr > th {vertical-align: middle;}
.div-table.table > tfoot > tr > th {vertical-align: middle;}
.div-table.table > thead > tr > td {vertical-align: middle;}
.div-table.table > tbody > tr > td {vertical-align: middle;}
.div-table.table > tfoot > tr > td {vertical-align: middle;}
.div-table.table-no-border.table > thead > tr > th {padding: 0px;border-top-color: currentColor;border-top-width: 0px;border-top-style: none;}
.div-table.table-no-border.table > tbody > tr > th {padding: 0px;border-top-color: currentColor;border-top-width: 0px;border-top-style: none;}
.div-table.table-no-border.table > tfoot > tr > th {padding: 0px;border-top-color: currentColor;border-top-width: 0px;border-top-style: none;}
.div-table.table-no-border.table > thead > tr > td {padding: 0px;border-top-color: currentColor;border-top-width: 0px;border-top-style: none;}
.div-table.table-no-border.table > tbody > tr > td {padding: 0px;border-top-color: currentColor;border-top-width: 0px;border-top-style: none;}
.div-table.table-no-border.table > tfoot > tr > td {padding: 0px;border-top-color: currentColor;border-top-width: 0px;border-top-style: none;}
.div-table.table > thead > tr > th {border-bottom-color: rgb(221, 221, 221);border-bottom-width: 1px;border-bottom-style: solid;}
.div-table.table > thead > tr {background: rgb(243, 243, 243);}

/* Progress Bars ------------------------------------------------------ */
.active.progress-bar .progress {-webkit-animation: progress-bar-stripes 2s linear infinite;animation: progress-bar-stripes 2s linear infinite;}
.div-progress.progress {position:relative;height: 28px;overflow: hidden;margin-bottom: 15px;box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);background-color: rgb(245, 245, 245);-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);}
.div-progress.progress .sr-only {font-family: tahoma, sans-serif;margin: 0px 15px;left: 0px;width: auto;height: 28px;line-height: 28px;font-size: 12px;clip: auto;}
.div-progress .sr-score {font-family: tahoma, sans-serif;height: 28px;line-height: 28px;font-size: 12px;padding-right:8px;}

/* Syntaxhighlighter ------------------------------------------------------ */
.syntaxhighlighter .line {font-size: 13px !important;line-height: 20px !important;}

/* Shadow Lines ------------------------------------------------------ */
.shadow-line {display:block;padding:0;margin:0;max-width: 100%;overflow: hidden !important;text-align:center;vertical-align:top;}
.shadow-line img {display:block;border:0;max-width: 100% !important;height: auto !important;margin:0 auto;}

/* Person ------------------------------------------------------ */
.person {margin-bottom:15px;}
.person .person-desc {margin-top:18px;}
.person .person-desc .person-author {display: table;width: 100%;}
.person .person-desc .person-author .person-author-wrapper {min-width: 50%;}
.person .person-desc .person-author .person-name {display:block;line-height:20px;}
.person .person-desc .person-author .person-title {display:block;line-height:20px;color:#747474;}
.person .person-desc .person-author .person-social {max-width: 50%;text-align: right;display: table-cell;vertical-align: middle;float: none;}
.person .person-social a {margin-left: 12px;}
.person .person-content {margin-top: 8px;color:#747474;}

/* Image ------------------------------------------------------ */
.img-wrap {display:block;position:relative;height:0;overflow:hidden;padding-bottom:56.25%;}
.img-wrap.img-fix {margin-bottom:-1px;}
.img-wrap .img-item {display:block;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.img-wrap .img-item.img-fix {margin-top:-1px -1px 0px;}
.img-wrap .img-item img {display:block;border:0;width:100.5%;height:auto;margin:0px auto;}
.img-wrap .img-item.img-full img {width:100%;height:100%;}
.img-wrap .img-item.img-height img {width:auto;height:100%;}
.img-wrap .img-item.img-auto img {width:auto;height:auto;}
.img-ratio {display:block;position:relative;overflow:hidden;}
.img-ratio .img-item {position:relative;overflow:hidden;}
.img-ratio .img-item img {display:block;border:0;width:100%;height:auto;margin:0px auto;}
.in-shadow {position:absolute; top:0; left:0; width:100%; z-index:10;}
.in-subject {position: absolute;width:100%;left:0px;bottom: 0px;padding: 6px 8px;margin: 0;line-height:20px;}
.in-caption {position: absolute;bottom: 20%;padding: 6px 8px;margin: 0;line-height:20px;}
.in-title {position: absolute;bottom: 20%;padding: 10px 15px;margin: 0;font-size:18px;line-height:24px;}
.in-left {position:absolute;top:0px;left:0px;}
.in-left-b {position:absolute;bottom:0px;left:0px;}
.in-right {position:absolute;top:0px;right:0px;}
.in-right-b {position:absolute;top:0px;right:0px;}
/* Image & Box Frames ------------------------------------------------------ */
.boxframe {margin:0px auto;z-index:1;position: relative;}
.boxframe iframe, .boxframe embed, .boxframe object {display:block;}
.imgframe {display: block;z-index:1;position: relative;}
.imgframe.img-border, .boxframe.box-border {border: 6px solid #f6f6f6;}
.imgframe.img-grow, .boxframe.box-grow {border: 6px solid #f6f6f6;-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);box-shadow: 0px 0px 3px rgba(0,0,0,0.3);}
.imgframe.img-shadow, .boxframe.box-shadow {-moz-box-shadow: 2px 3px 7px rgba(0, 0, 0, .3);-webkit-box-shadow: 2px 3px 7px rgba(0, 0, 0, .3);box-shadow: 2px 3px 7px rgba(0,0,0,0.3);}
.imgframe.img-bottomshadow, .boxframe.box-bottomshadow {margin:0;}
.imgframe.img-bottomshadow::before, .imgframe.img-bottomshadow::after, .boxframe.box-bottomshadow::before, .boxframe.box-bottomshadow::after {position: absolute;bottom: 15px;left: 10px;z-index: -1;height: 20%;max-height: 100px;max-width: 460px;width: 60%;content: "";opacity: 0.7;-webkit-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7);-moz-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7);box-shadow: 0px 17px 10px rgba(0,0,0,0.7);-webkit-transform: rotate(-3deg);-moz-transform: rotate(-3deg);-ms-transform: rotate(-3deg);-o-transform: rotate(-3deg);transform: rotate(-3deg);}
.imgframe.img-bottomshadow::after, .boxframe.box-bottomshadow::after {left: auto;right: 10px;-webkit-transform: rotate(3deg);-moz-transform: rotate(3deg);-ms-transform: rotate(3deg);-o-transform: rotate(3deg);transform: rotate(3deg);}

/* Date Boxes ------------------------------------------------------ */
.date-box {width: 82px;text-align: center;}
.date-box .date-item {padding: 8px 0 5px 0;}
.date-box .date-item .date {display: block;line-height: 29px;font-size: 29px;font-weight: bold;}
.date-box .date-icon {margin-top:3px;background-color: #eef0f2;}
.date-box .date-icon i {display: block;line-height: 55px;font-size: 30px;}

/* Background Boxes ------------------------------------------------------ */
.div-bg-box {background-repeat: no-repeat;background-position:center center;background-size: cover;overflow:hidden;}
.div-bg-box.bg-fixed {background-attachment: fixed;}
.div-bg-box.bg-top {background-position:center top;}

/* UL List ------------------------------------------------------ */
ul.div-ul {padding:0px;margin:0px;list-style:none;}
ul.div-ul li {line-height:26px;}

/* Flip Boxes ------------------------------------------------------ */
.flip-container {position: relative;z-index: 1;padding: 0;margin: 0;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;-webkit-perspective: 1000;-moz-perspective: 1000;-ms-perspective: 1000;perspective: 1000;-ms-transform: perspective(1000px);-moz-transform: perspective(1000px);-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;}
.flip-container:hover .flip-back, .flip-container.hover .flip-back {-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-o-transform: rotateY(0deg);-ms-transform: rotateY(0deg);transform: rotateY(0deg);}

.flip-container:hover .flip-front, .flip-container.hover .flip-front {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);}
.flip-horizontal {-webkit-transition: 0.6s;-webkit-transform-style: preserve-3d;-ms-transition: 0.6s;-moz-transition: 0.6s;-moz-transform: perspective(1000px);-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transition: 0.6s;transform-style: preserve-3d;position: relative;}
.flip-front, .flip-back {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: 0.6s;-webkit-transform-style: preserve-3d;-webkit-transform: rotateY(0deg);-moz-transition: 0.6s;-moz-transform-style: preserve-3d;-moz-transform: rotateY(0deg);-o-transition: 0.6s;-o-transform-style: preserve-3d;-o-transform: rotateY(0deg);-ms-transition: 0.6s;-ms-transform-style: preserve-3d;-ms-transform: rotateY(0deg);transition: 0.6s;transform-style: preserve-3d;transform: rotateY(0deg);position: absolute;top: 0;left: 0;width:100%;height:100%;min-height: 214px;-webkit-perspective: 600px;-moz-perspective: 600px;-ms-perspective: 600px;perspective: 600px;padding: 27px 20px 27px 20px;text-align: center;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;webkit-transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0 !important;-moz-transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0s !important;-o-transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0 !important;transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0 !important;}
.flip-front {-webkit-transform: rotateY(0deg);-ms-transform: rotateY(0deg);background: lightgreen;z-index: 2;}
.flip-back {background: lightblue;-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);-ms-transform: rotateY(-180deg);transform: rotateY(-180deg);}
.flip-vertical .flip-back {-webkit-transform: rotateX(180deg);-moz-transform: rotateX(180deg);-ms-transform: rotateX(180deg);transform: rotateX(180deg);}
.flip-vertical.flip-container .flip-box {-webkit-transform-origin: 100% 213.5px;-moz-transform-origin: 100% 213.5px;-ms-transform-origin: 100% 213.5px;transform-origin: 100% 213.5px;}
.flip-vertical.flip-container:hover .flip-back, .flip-vertical.flip-container.hover .flip-back {-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-o-transform: rotateX(0deg);-ms-transform: rotateX(0deg);transform: rotateX(0deg);}
.flip-vertical.flip-container:hover .flip-front, .flip-vertical.flip-container.hover .flip-front {-webkit-transform: rotateX(180deg);-moz-transform: rotateX(180deg);-o-transform: rotateX(180deg);transform: rotateX(180deg);}
.flip-box {position: relative;min-height: 214px;margin-bottom: 15px;}
.flip-box .flip-circle {height: 64px;width: 64px;border: 1px solid;border-radius: 50%;}
.flip-box .flip-circle i {display: table-cell;vertical-align: middle;font-size: 24px;}
.flip-box .no-circle {font-size: 60px;}
.flip-box .flip-grafix {display: table;margin: 0 auto;margin-bottom: 10px;}
.flip-box .flip-heading {font-size:18px;line-height:27px;margin-bottom: 15px;}
.flip-box .flip-heading-back {margin-bottom: 15px;margin-top: 0px;font-size: 14px;text-transform: uppercase;}
.flip-box .flip-img {display:block;position:relative;height:0;overflow:hidden;padding-bottom:56.25%;}
.flip-box .flip-img img {display:block;position:absolute;top:0;left:0;width:100%;height:auto;border:0px;}

/* Content-Boxes & FA ------------------------------------------------------ */
i.large, img.large, .fix-icon.large i, .fix-icon.large img {width: 65px;height: 65px;line-height: 65px;font-size: 24px;}
i.normal, img.normal, .fix-icon.normal i, .fix-icon.normal img {height: 50px;width: 50px;line-height: 50px;font-size: 22px;}
i.medium, img.medium, .fix-icon.medium i, .fix-icon.medium img {height: 40px;width: 40px;line-height: 40px;font-size: 20px;}
i.tiny, img.tiny, .fix-icon.tiny i, .fix-icon.tiny img {width: 18px;height: 18px;line-height: 18px;font-size: 10px;margin-right:3px;}
i.circle, img.circle, .fix-icon.circle i, .fix-icon.circle img {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;-moz-background-clip: inherit;-webkit-background-clip: inherit;background-clip: inherit;text-align: center;margin-top: 0px;vertical-align:middle;}
i.dark-circle, img.dark-circle, .fix-icon.dark-circle i, .fix-icon.dark-circle img {border-width: 1px;border-style: solid;background-color: #333;color: #fff;}
i.light-circle, img.light-circle, .fix-icon.light-circle i, .fix-icon.light-circle img {border-width: 1px;border-style: solid;background-color: #fff;color: #333;}
.content-box {margin:0 0 15px;line-height:20px;}
.content-box .heading:hover i {background-color: rgb(233, 27, 35);color: rgb(255, 255, 255);border-color: rgb(233, 27, 35);}
.content-box .text {color:#747474;margin:0 0 10px;}
.content-box .more a {font-size:11px;font-weight:normal;color:#888;letter-spacing:-1px;}
.content-box .more i.fa {margin:0 4px;}
.content-box-bg {height: auto;overflow: visible;background-color: rgb(246, 246, 246);padding: 35px 12px 12px;text-align: center;}
.content-box-bg .heading {overflow: visible;position: relative;text-align: center;}
.content-box-bg .heading i.fa.large {display: block;position: absolute;left: 50%;float: none;margin-left: -32px;top: -80px;}

/* Text Boxes ------------------------------------------------------ */
.div-box {position:relative;padding: 28px 28px 27px 31px;border-width: 3px 1px 1px;border-style: solid;border-color: rgb(51, 51, 51) rgb(232, 230, 230) rgb(232, 230, 230);background-color: rgb(255, 255, 255);}
.div-box-shadow {z-index: 1;position: relative;}
.div-box-shadow .div-box::before, .div-box-shadow .div-box::after {opacity: 0.7;position: absolute;bottom: 15px;left: 10px;z-index: -1;height: 20%;max-height: 100px;max-width: 460px;width: 60%;content: "";opacity: 0.7;-webkit-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7);-moz-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7);box-shadow: 0px 17px 10px rgba(0,0,0,0.7);-webkit-transform: rotate(-3deg);-moz-transform: rotate(-3deg);-ms-transform: rotate(-3deg);-o-transform: rotate(-3deg);transform: rotate(-3deg);}
.div-box-shadow .div-box::after {left: auto;right: 10px;-webkit-transform: rotate(3deg);-moz-transform: rotate(3deg);-ms-transform: rotate(3deg);-o-transform: rotate(3deg);transform: rotate(3deg);}
.div-box-dark {margin:0px;padding: 15px;color: rgb(255, 255, 255);background-color: rgb(55, 55, 55);border-left: 5px solid rgb(0, 0, 0);}
.div-box-dark a, .div-box-dark a:hover, .div-box-dark a:focus {color: rgb(255, 255, 255);}
.div-box-light {margin:0px;padding: 15px;color: rgb(51, 51, 51);background-color: rgb(245, 245, 245);border-left: 5px solid rgb(0, 0, 0);}

/* Dividers ------------------------------------------------------ */
.div-title-block-thin, .div-title-block-bold {position: relative;margin-bottom:20px;}
.div-title-block-thin::before, .div-title-block-bold::before {content: "";display: block;width: 100%;position: absolute;top: 50%;z-index: 1;}
.div-title-block-thin::before {height: 1px;margin-top:-1px;background:#e7e6e6;}
.div-title-block-bold::before {height: 6px;background: rgb(240, 240, 240);margin-top:-4px;}
.div-title-block-thin span, .div-title-block-bold span {background: #fff;padding: 0 12px;margin: 0 15px;position: relative;z-index: 5;}
.div-title-line-thin, .div-title-line-bold {width:100%;padding:12px 0px 6px;margin: 0 0 20px;}
.div-title-line-thin {border-bottom:1px solid #e7e6e6;}
.div-title-line-bold {border-bottom:6px solid rgb(240, 240, 240);}
.div-title-underline-thin, .div-title-underline-bold {margin: 0px 0px 15px;padding: 0px 0px 5px;text-transform: capitalize;overflow: hidden;display: inline-block;position: relative;}
.div-title-underline-thin {border-bottom:1px solid rgb(51, 51, 51);}
.div-title-underline-bold {border-bottom:3px solid rgb(51, 51, 51);}
.div-title-underbar {padding:0;margin:0;border-bottom: 1px solid #cccccc;}
.div-title-underbar span {display: inline-block;padding-bottom: 8px;margin-bottom:-1px;}
.div-title-underbar-thin {border-bottom: 1px solid #333333;}
.div-title-underbar-bold {border-bottom: 2px solid #333333;}
.div-title-wrap {display: table;margin: 0 0 20px;overflow: hidden;}
.div-title {float: left;display: table-cell;margin: 0;padding: 0 12px 0 0;line-height: normal;white-space: nowrap;font-size:18px;}
.div-sep-wrap {position: relative;display: table-cell;vertical-align: middle;height: 6px;width: 100%;}
.div-sep {position: relative;display: block;width: 100%;box-sizing: content-box;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;-o-box-sizing: content-box;}
.sep-thin.div-sep {height: 1px;margin-top:-1px;background: #e7e6e6;}
.sep-bold.div-sep {height: 6px;margin-top:-3px;background: rgb(240, 240, 240);}
.div-separator {margin: 30px auto 0;border: 0 solid #e7e6e6;clear: both;position: relative;z-index: 11;}
.div-sep-icon {position: absolute;left: 50%;top: 50%;margin: -13px 0 0 -13px;height: 26px;width: 26px;font-size:14px;color : rgb(205, 205, 205);background: none repeat scroll 0 0 #FFF;border: 1px solid rgb(205, 205, 205);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;text-align: center;line-height:26px !important;}
.div-sep-icon i {margin:0 auto;}
.div-sep-line {clear:both; height:40px; border-top:1px solid #e7e6e6;}
.sep-shadow.div-separator::after {display: block;margin-top: 10px;height: 6px;width: 100%;content: "";background: -webkit-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 65%);background: -moz-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 80%);background: -o-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 80%);background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 65%);}

.sep-shadow.div-separator {margin:20px 0px;height: 1px;overflow: visible;border: none;background: none;background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(150, 150, 150, 0)), color-stop(15%, rgba(150, 150, 150, 0)), color-stop(50%, rgba(150, 150, 150, 0.65)), color-stop(85%, rgba(150, 150, 150, 0)), color-stop(100%, rgba(150, 150, 150, 0)));background: -webkit-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);background: -moz-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);background: -ms-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);background: -o-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);background: linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#00000000',GradientType=1);}

.div-sep-arrow-top, .div-sep-arrow-bottom {position: relative;}
.sep-arrow {z-index: 2;position: absolute;left: 50%;margin-left: -29px;height: 0px;width: 0px;border-style: solid;}
.div-sep-arrow-bottom .sep-arrow {border-width: 29px 29px 0 29px;border-left-color: transparent;border-right-color: transparent;border-bottom-color: transparent;}
.div-sep-arrow-top .sep-arrow {top: -29px;border-width: 0 29px 29px;border-left-color: transparent;border-right-color: transparent;border-top-color: transparent;}
.div-sep-bar, .div-sep-bar-thin, .div-sep-bar-bold {position: relative;margin:0px auto;width:100px;background: rgb(240, 240, 240);}
.div-sep-bar {height:6px;}
.div-sep-bar-thin {height:1px;}
.div-sep-bar-bold {height:2px;}
ul.div-ring {text-align:center;padding:10px 8px;margin:0px;overflow:hidden;}
ul.div-ring li {width: 186px;height: 186px;background: rgba(210,210,210,0.3);border-radius: 50%;padding: 20px;margin:-10px -8px;overflow:hidden;}
ul.div-ring .ring-item {display:inline-block;border-radius: 50%;width: 100%;height: 100%;padding:32px 10px 0px;line-height:1px !important;}
ul.div-ring h4 {line-height:26px;margin:0px;}
ul.div-ring p {margin:10px 0px 0px;padding:0px;letter-spacing:-1px;line-height:20px;}

/* Carousel Fade Effect ------------------------------------------------------ */
.carousel.at-fade .item {-webkit-transition: opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;-ms-transition: opacity 1s ease-in-out;-o-transition: opacity 1s ease-in-out;transition: opacity 1s ease-in-out;}
.carousel.at-fade .active.left, .carousel.at-fade .active.right {left: 0;z-index: 2;opacity: 0;filter: alpha(opacity=0);}
.carousel.at-fade .next, .carousel.at-fade .prev {left: 0; z-index: 1;}
.carousel.at-fade .carousel-control {z-index: 3;}
.carousel.at-vertical .carousel-inner {height: 100%;}
.carousel.at-vertical .item {-webkit-transition: 0.6s ease-in-out top;-moz-transition: 0.6s ease-in-out top;-ms-transition: 0.6s ease-in-out top;-o-transition: 0.6s ease-in-out top;left: 0;}
.carousel.at-vertical .active, .carousel.at-vertical .next.left, .carousel.at-vertical .prev.right {top: 0;}
.carousel.at-vertical .next, .carousel.at-vertical .active.right {top: 100%;}
.carousel.at-vertical .prev, .carousel.at-vertical .active.left {top: -100%;}
.carousel.div-carousel .carousel-control {display:none;background-color: rgba(0, 0, 0, 0.5);width: 30px;height: 30px;margin-top: -15px;text-align: center;line-height: 30px !important;font-size:11px;color: rgba(255, 255, 255, 0.5);}
.carousel.div-carousel:hover .carousel-control {display:block;z-index:1;}
.carousel.div-carousel:hover .carousel-control:hover {font-size: 11px !important;color: rgba(255, 255, 255, 0.8);text-shadow: 0px 0px 0px rgba(255,255,255,0.3);}
.carousel.div-carousel .carousel-control.left {left:0px;top:50%;}
.carousel.div-carousel .carousel-control.right {right:0px;top:50%;}
.carousel.div-carousel .carousel-indicators {bottom: 10px;margin-bottom:0px;padding:0px;}
.carousel.div-carousel .carousel-indicators li {border:0;background: #666;background: rgba(0, 0, 0, 0.5);-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.carousel.div-carousel .carousel-indicators .active {background: #333;background: rgba(0, 0, 0, 0.7);}
.carousel.div-carousel .slide-title {position: absolute;bottom: 20%;color: #fff;background-color: rgba(0, 0, 0, 0.8);padding: 10px 15px;margin: 0;}

/* Talk Boxs ------------------------------------------------------ */
.talk-box-wrap {margin:0 0 20px;}
.talk-box {margin:0;}
.talk-box.talk-left {margin-right:70px;}
.talk-box.talk-right {margin-left:70px;}
.talk-bubble {position: relative;background: #f5f5f5;border: 1px solid #eee;padding:3%;border-radius:4px;}
.talk-bubble:after, .talk-bubble:before {margin:0;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.talk-bubble:after {border-color: rgba(245, 245, 245, 0);border-width: 12px;}
.talk-bubble:before {border-color: rgba(238, 238, 238, 0);border-width: 13px;}
.talk-top .talk-bubble {margin:0 0 20px;}
.talk-bottom .talk-bubble {margin:20px 0 0;}
.talk-left .talk-bubble, .talk-right .talk-bulle {min-height:50px;}
.talk-bottom .talk-bubble:after, .talk-bottom .talk-bubble:before {bottom: 100%;left: 25px;}
.talk-bottom .talk-bubble:after {border-bottom-color: #f5f5f5;margin-left: -12px;}
.talk-bottom .talk-bubble:before {border-bottom-color: #eee;margin-left: -13px;}
.talk-left .talk-bubble:after, .talk-left .talk-bubble:before {left: 100%;top: 25px;}
.talk-left .talk-bubble:after {border-left-color: #f5f5f5;margin-top: -12px;}
.talk-left .talk-bubble:before {border-left-color: #eee;margin-top: -13px;}
.talk-top .talk-bubble:after, .talk-top .talk-bubble:before {top: 100%;left: 25px;}
.talk-top .talk-bubble:after {border-top-color: #f5f5f5;margin-left: -12px;}
.talk-top .talk-bubble:before {border-top-color: #eee;margin-left: -13px;}
.talk-right .talk-bubble:after, .talk-right .talk-bubble:before {right: 100%;top: 25px;}
.talk-right .talk-bubble:after {border-right-color: #f5f5f5;margin-top: -12px;}
.talk-right .talk-bubble:before {border-right-color: #eee;margin-top: -13px;}
.talker-one {height:50px;line-height: 48px;color: #747474;}
.talker-two {height:50px;line-height: 24px;color: #747474;}
.talker-photo, .talker-photo i, .talker-photo img, i.talker-photo {display:inline-block !important;width: 50px !important;height: 50px !important;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;vertical-align:middle;line-height: 50px;font-size: 24px;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;text-align: center;background-color: rgb(240, 240, 240);color: #fff;}
.talker-photo i, .talker-photo img {float:left;}
.talker-one .talker-info i {margin-left:12px;}
.talker-two .talker-info span {margin-right:12px;}

/* Form Box ------------------------------------------------------ */
.form-box {margin: 0px 0px 15px;border: 1px solid rgb(231, 231, 231);transition:0.3s linear;border-image: none;overflow: hidden;position: relative;cursor: default;-webkit-transition: all 0.3s linear;background: rgb(252, 252, 252);border-top:1px solid rgb(231, 231, 231);border-bottom:1px solid rgb(231, 231, 231);}
.form-box::before {display: table;content: "";}
.form-box::after {display: table;content: "";}
.form-box::after {clear: both;}
.form-box label.checkbox, .form-box label.radio {line-height:12px;font-size: 12px;font-weight: normal;cursor: pointer;}
.form-box .form-icon {margin: 25px auto;border-radius: 80px;width: 80px;height: 80px;text-align: center;line-height: 80px;font-size: 40px;display: block;}
.form-box .form-header {padding: 15px;border-bottom-color: rgb(243, 243, 243);border-bottom-width: 1px;border-bottom-style: solid;}
.form-box .form-header h2, .form-box .form-heading {margin: 0px;padding: 0px !important;font-size: 18px;font-weight: 500;}
.form-box .form-body {background: rgb(255, 255, 255);padding: 15px;}
.form-box .form-body p {padding-left: 0px;margin-bottom: 10px;}
.form-box .form-body .condition {margin:10px 0px;height:200px;overflow:auto;background:#fff;border:1px solid #ddd;padding:15px;}
.form-box .form-footer {padding: 6px 0px;border-top-color: rgb(243, 243, 243);border-top-width: 1px;border-top-style: solid;}
.form-box .form-footer::before {display: table;content: "";}
.form-box .form-footer::after {display: table;content: "";clear: both;}
.form-box .form-footer p {margin: 6px 15px;}
.form-box .form-footer a {margin:0px 15px;}

/* Labels ------------------------------------------------------ */
.label-tack {left: 0px;top: 10px;z-index: 1;position: absolute;font-weight:normal;}
.label-band {z-index:2;font-family: tahoma;top: 5px;letter-spacing:1px;width: 100px;padding: 5px;right: -32px;font-size: 11px;position: absolute;text-align: center;font-weight:normal;transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.label-cap {z-index:2;font-family: tahoma;top: -11px;letter-spacing:1px;width: 140px;padding: 20px 0px 3px;right: -60px;font-size: 11px;position: absolute;text-align: center;font-weight:normal;transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);}
/* Icons ------------------------------------------------------ */
.rank-icon {display:inline-block;padding:0px 6px;font-size:11px;letter-spacing:-1px;line-height:16px;font-weight:normal;margin-right:2px;min-width:22px;text-align:center;}
.tack-icon {display:inline-block;padding:4px 6px 2px;font-family:NanumBarunGothic;font-size:11px;letter-spacing:-1px;line-height:11px;font-weight:normal;}
.social-icon a {margin: 0px;font-size: 18px;color: rgb(190, 189, 189);display: inline-block;text-align:center;}
.boxed-icon.social-icon a {min-width:40px;line-height:24px;padding: 8px;background-color: #46494a;border: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);box-shadow: 0px 1px 1px rgba(0,0,0,0.2);-moz-background-clip: inherit;-webkit-background-clip: inherit;background-clip: inherit;border: 1px solid #46494a;color: #fff;}
.boxed-icon.social-icon a i {vertical-align:middle;}

/* Button ------------------------------------------------------ */

/*** 버튼 : 높이 39px/줄간격:39px/폰트:12px,blod **/
.btn-img-orange, .btn-img-black, .btn-img-green, .btn-img-gray, .btn-img-disabled {display:inline-block;padding-left:10px;color:#fff;font-size:12px;font-weight:bold;font-family:verdana,'나눔고딕','맑은 고딕','돋움','굴림', sans-serif !important;text-align: center;cursor:pointer;}
.btn-img-orange span, .btn-img-black span, .btn-img-green span, .btn-img-gray span, .btn-img-disabled span {color:#fff;display:inline-block;min-width:50px;height:39px;padding:0px 15px 0 5px;line-height:35px;}
.btn-img-orange {background:url('../img/btn-orange-left.png') no-repeat;margin-top:2px;}
.btn-img-orange span {background:url('../img/btn-orange-right.png') no-repeat right 0;}
.btn-img-orange:hover {background-position: 0 -39px;}
.btn-img-orange:hover span {background-position: right -39px;}
.btn-img-black {background:url('../img/btn-black-left.png') no-repeat;}
.btn-img-black span {background:url('../img/btn-black-right.png') no-repeat right 0;}
.btn-img-green {background:url('../img/btn-green-left.png') no-repeat;}
.btn-img-green span {background:url('../img/btn-green-right.png') no-repeat right 0;color:#000;}
.btn-img-gray {background:url('../img/btn-gray-left.png') no-repeat;}
.btn-img-gray span {background:url('../img/btn-gray-right.png') no-repeat right 0;color:#333;}
.btn-img-disabled {background:url('../img/btn-disabled-left.png') no-repeat;margin-top:2px;}
.btn-img-disabled span {background:url('../img/btn-disabled-right.png') no-repeat right 0;color:#aaa;}
.btn-img-disabled:hover {background-position: 0 0;}
.btn-img-disabled:hover span {background-position: right 0;}

/*** 버튼 : 라운딩 **/
.btn-img-round {display:inline-block;padding-left:20px;font-size:12px;font-weight:bold;font-family:verdana,'나눔고딕','맑은 고딕','돋움','굴림', sans-serif !important;text-align: center;background:url('../img/btn-round-left.png') no-repeat;color:#000;}
.btn-img-round span {display:inline-block;min-width:40px;height:43px;padding-right:20px;line-height:40px;background:url('../img/btn-round-right.png') no-repeat right 0;}
.btn-img-round:hover, .btn-img-round:focus .btn-img-round:active {background-position:0 -43px;color:#000;}
.btn-img-round:hover span, .btn-img-round:focus span .btn-img-round:active span {background-position:right -43px;}

/*** 버튼 : 높이 31px/줄간격:31px/폰트:11px,blod **/
.btn-img-small {display:inline-block;padding-left:5px;color:#333;background:url('../img/btn-small-left.png') no-repeat;font-size:11px;font-weight:bold;font-family:verdana,'나눔고딕','맑은 고딕','돋움','굴림', sans-serif !important;text-align: center;cursor:pointer;}
.btn-img-small span {display:inline-block;color:#333;min-width:50px;height:31px;padding:0px 15px 0 10px;line-height:31px;background:url('../img/btn-small-right.png') no-repeat right 0;}

/*** 버튼 : 높이 26px/줄간격:26px/폰트:11px,blod **/
.btn-img-orange-s, .btn-img-black-s, .btn-img-gray-s {display:inline-block;padding-left:5px;color:#fff;font-size:11px;font-weight:bold;font-family:verdana,'나눔고딕','맑은 고딕','돋움','굴림', sans-serif !important;text-align: center;cursor:pointer;}
.btn-img-orange-s span, .btn-img-black-s span, .btn-img-gray-s span {display:inline-block;min-width:40px;height:26px;color:#fff;padding:0px 10px 0 5px;line-height:23px;*line-height:26px;}
.btn-img-orange-s {background:url('../img/btn-orange-s-left.png') no-repeat;}
.btn-img-orange-s span {background:url('../img/btn-orange-s-right.png') no-repeat right 0;}
.btn-img-black-s {background:url('../img/btn-black-s-left.png') no-repeat;}
.btn-img-black-s span {background:url('../img/btn-black-s-right.png') no-repeat right 0;}
.btn-img-gray-s {background:url('../img/btn-gray-s-left.png') no-repeat;}
.btn-img-gray-s span {background:url('../img/btn-gray-s-right.png') no-repeat right 0;color:#333;}

/*** 기본버튼 **/
.btn.btn-color {border: 1px solid rgb(223, 17, 25);border-image: none;color: rgb(255, 255, 255) !important;background-color: rgb(233, 27, 35);background-image: none;}
.btn.active.btn-color, .btn.btn-color:hover, .btn.btn-color:focus, .btn.btn-color:active {border-color: rgb(213, 7, 15);color: rgb(255, 255, 255) !important;background-color: rgb(213, 7, 15);background-image: none;}
.btn.btn-dark {border: 1px solid rgb(0, 0, 0);border-image: none;color: rgb(255, 255, 255) !important;background-color: rgb(55, 55, 55);background-image: none;}
.btn.active.btn-dark, .btn.btn-dark:hover, .btn.btn-dark:focus, .btn.btn-dark:active {border-color: rgb(0, 0, 0);color: rgb(255, 255, 255) !important;background-color: rgb(213, 7, 15);background-image: none;}
.btn.btn-black {border: 1px solid rgb(41, 41, 41);border-image: none;color: rgb(255, 255, 255) !important;background-color: rgb(51, 51, 51);background-image: none;}
.btn.active.btn-black, .btn.btn-black:hover, .btn.btn-black:focus, .btn.btn-black:active {border-color: rgb(213, 7, 15);color: rgb(255, 255, 255) !important;background-color: rgb(213, 7, 15);background-image: none;}
.btn.btn-white {border: 1px solid rgb(255, 255, 255);border-image: none;color: rgb(51, 51, 51) !important;background-color: rgb(255, 255, 255);background-image: none;}
.btn.active.btn-white, .btn.btn-white:hover, .btn.btn-white:focus, .btn.btn-white:active {border-color: rgb(213, 7, 15);color: rgb(255, 255, 255) !important;background-color: rgb(213, 7, 15);background-image: none;}
.btn.btn-gray {border: 1px solid rgb(238, 238, 238);border-image: none;color: rgb(143, 143, 143) !important;background-color: rgb(238, 238, 238);background-image: none;}
.btn.active.btn-gray, .btn.btn-gray:hover, .btn.btn-gray:focus, .btn.btn-gray:active {border-color: rgb(213, 7, 15);color: rgb(255, 255, 255) !important;background-color: rgb(213, 7, 15);background-image: none;}
.btn.btn-trans {border: 2px solid rgb(255, 255, 255);border-image: none;color: rgb(255, 255, 255) !important;background:none;}
.btn.active.btn-trans, .btn.btn-trans:hover, .btn.btn-trans:focus, .btn.btn-trans:active {border-color: rgb(255, 255, 255);color: rgb(213, 7, 15) !important;background-color: rgb(255, 255, 255);background-image: none;}

/* ====================================================================================================================
* Font, Color 등 설정은 제일 하단에 위치시킴
* ====================================================================================================================*/

/* Background Color ------------------------------------------------------ */
.bg-red, i.bg-red, .badge.bg-red {background-color: rgb(233, 27, 35);color: rgb(255, 255, 255);}
.bg-darkred, i.bg-darkred, .badge.bg-darkred {background-color: rgb(170, 60, 63);color: rgb(255, 255, 255);}
.bg-crimson, i.bg-crimson, .badge.bg-crimson {background-color: rgb(220, 20, 60);color: rgb(255, 255, 255);}
.bg-orangered, i.bg-orangered, .badge.bg-orangered {background-color: orangered;color: rgb(255, 255, 255);}
.bg-orange, i.bg-orange, .badge.bg-orange {background-color: rgb(243, 156, 18);color: rgb(255, 255, 255);}
.bg-green, i.bg-green, .badge.bg-green {background-color: rgb(142, 196, 73);color: rgb(255, 255, 255);}
.bg-lightgreen, i.bg-lightgreen, .badge.bg-lightgreen {background-color: rgb(160, 206, 78);color: rgb(255, 255, 255);}
.bg-deepblue, i.bg-deepblue, .badge.bg-deepblue {background-color: rgb(26, 128, 182);color: rgb(255, 255, 255);}
.bg-skyblue, i.bg-skyblue, .badge.bg-skyblue {background-color: rgb(108, 197, 244);color: rgb(255, 255, 255);}
.bg-blue, i.bg-blue, .badge.bg-blue {background-color: rgb(52, 152, 219);color: rgb(255, 255, 255);}
.bg-navy, i.bg-navy, .badge.bg-navy {background-color: rgb(52, 61, 70);color: rgb(255, 255, 255);}
.bg-violet, i.bg-violet, .badge.bg-violet {background-color: rgb(86, 61, 124);color: rgb(255, 255, 255);}
.bg-yellow, i.bg-yellow, .badge.bg-yellow {background-color: rgb(241, 196, 15);color: rgb(255, 255, 255);}
.bg-darkgray, i.bg-darkgray, .badge.bg-darkgray {background-color: rgb(102, 98, 98);color: rgb(255, 255, 255);}
.bg-gray, i.bg-gray, .badge.bg-gray {background-color: rgb(136, 136, 136);color: rgb(255, 255, 255);}
.bg-lightgray, i.bg-lightgray, .badge.bg-lightgray {background-color: rgb(208, 208, 208);color: rgb(255, 255, 255);}
.bg-white, i.bg-white, .badge.bg-white {background-color: rgb(255, 255, 255);color: rgb(31, 31, 31);}
.bg-light, i.bg-light, .badge.bg-light {color: rgb(31, 31, 31);background-color: #f5f5f5;}
.bg-light-border, i.bg-light-border, .badge.bg-light-border {color: rgb(31, 31, 31);background-color: #fafafa;border-bottom:1px solid #ddd;}
.bg-black, i.bg-black, .badge.bg-black {background-color: rgb(51, 51, 51);color: rgb(255, 255, 255);}
.bg-color, i.bg-color, .badge.bg-color {background-color: rgb(233, 27, 35);color: rgb(255, 255, 255);}
/* Border Color ------------------------------------------------------ */
.border-red, i.border-red, img.border-red {border-color: rgb(233, 27, 35);}
.border-darkred, i.border-darkred, img.border-darkred {border-color: rgb(170, 60, 63);}
.border-crimson, i.border-crimson, img.border-crimson {border-color: rgb(220, 20, 60);}
.border-orangered, i.border-orangered, img.border-orangered {border-color: orangered;}
.border-orange, i.border-orange, img.border-orange {border-color: rgb(243, 156, 18);}
.border-green, i.border-green, img.border-green {border-color: rgb(142, 196, 73);}
.border-lightgreen, i.border-lightgreen, img.border-lightgreen {border-color: rgb(160, 206, 78);}
.border-deepblue, i.border-deepblue, img.border-deepblue {border-color: rgb(26, 128, 182);}
.border-skyblue, i.border-skyblue, img.border-skyblue {border-color: rgb(108, 197, 244);}
.border-blue, i.border-blue, img.border-blue {border-color: rgb(52, 152, 219);}
.border-navy, i.border-navy, img.border-navy {border-color: rgb(52, 61, 70);}
.border-violet, i.border-violet, img.border-violet {border-color: rgb(86, 61, 124);}
.border-yellow, i.border-yellow, img.border-yellow {border-color: rgb(241, 196, 15);}
.border-darkgray, i.border-darkgray, img.border-darkgray {border-color: rgb(102, 98, 98);}
.border-gray, i.border-gray, img.border-gray {border-color: rgb(136, 136, 136);}
.border-lightgray, i.border-lightgray, img.border-lightgray {border-color: rgb(208, 208, 208);}
.border-white, i.border-white, img.border-white {border-color: rgb(255, 255, 255);}
.border-light, i.border-light, img.border-light {border-color: #f5f5f5;}
.border-black, i.border-black, img.border-black {border-color: rgb(51, 51, 51);}
.border-color, i.border-color, img.border-color {border-color: rgb(233, 27, 35);}

/* Hover Color ------------------------------------------------------ */
.hover-red:hover {background-color: rgb(233, 27, 35);color: rgb(255, 255, 255);}
.hover-darkred:hover {background-color: rgb(170, 60, 63);color: rgb(255, 255, 255);}
.hover-crimson:hover {background-color: rgb(220, 20, 60);color: rgb(255, 255, 255);}
.hover-orangered:hover {background-color: rgb(255, 69, 0);color: rgb(255, 255, 255);}
.hover-orange:hover {background-color: rgb(243, 156, 18);color: rgb(255, 255, 255);}
.hover-green:hover:hover {background-color: rgb(142, 196, 73);color: rgb(255, 255, 255);}
.hover-lightgreen:hover {background-color: rgb(160, 206, 78);color: rgb(255, 255, 255);}
.hover-deepblue:hover {background-color: rgb(26, 128, 182);color: rgb(255, 255, 255);}
.hover-skyblue:hover {background-color: rgb(108, 197, 244);color: rgb(255, 255, 255);}
.hover-blue:hover {background-color: rgb(52, 152, 219);color: rgb(255, 255, 255);}
.hover-navy:hover {background-color: rgb(52, 61, 70);color: rgb(255, 255, 255);}
.hover-violet:hover {background-color: rgb(86, 61, 124);color: rgb(255, 255, 255);}
.hover-yellow:hover {background-color: rgb(241, 196, 15);color: rgb(255, 255, 255);}
.hover-darkgray:hover {background-color: rgb(102, 98, 98);color: rgb(255, 255, 255);}
.hover-gray:hover {background-color: rgb(136, 136, 136);color: rgb(255, 255, 255);}
.hover-lightgray:hover {background-color: rgb(208, 208, 208);color: rgb(255, 255, 255);}
.hover-white:hover {background-color: rgb(255, 255, 255);color: rgb(31, 31, 31);}
.hover-black:hover {background-color: rgb(51, 51, 51);color: rgb(255, 255, 255);}

/* Trans Background Color ------------------------------------------------------ */
.trans-bg-red {background-color: rgba(233, 27, 35, 0.75) !important;color: rgb(255, 255, 255) !important;}
.trans-bg-darkred {background-color: rgba(170, 60, 63, 0.75) !important;color: rgb(255, 255, 255) !important;}
.trans-bg-crimson {background-color: rgba(220, 20, 60, 0.75) !important;color: rgb(255, 255, 255) !important;}
.trans-bg-orangered {background-color: rgba(255, 69, 0, 0.75) !important;color: rgb(255, 255, 255) !important;}
.trans-bg-orange {background-color: rgba(243, 156, 18, 0.75) !important;color: rgb(255, 255, 255) !important;}
.trans-bg-orange {background-color: rgba(243, 156, 18, 0.75) !important;color: rgb(255, 255, 255) !important;}
.trans-bg-green {background-color: rgba(142, 196, 73, 0.75) !important;color: rgb(255, 255, 255) !important;}
.trans-bg-lightgreen {background-color: rgba(160, 206, 78, 0.75) !important;color: rgb(255, 255, 255) !important;}
.trans-bg-deepblue {background-color: rgba(26, 128, 182, 0.75) !important;color: rgb(255, 255, 255) !important;}
.trans-bg-skyblue {background-color: rgba(108, 197, 244, 0.75) !important;color: rgb(255, 255, 255) !important;}
.trans-bg-blue {background-color: rgba(52, 152, 219, 0.75) !important;color: rgb(255, 255, 255) !important;}
.trans-bg-navy {background-color: rgba(52, 61, 70, 0.75) !important;color: rgb(255, 255, 255) !important;}
.trans-bg-violet {background-color: rgba(86, 61, 124, 0.75) !important;color: rgb(255, 255, 255) !important;}
.trans-bg-yellow {background-color: rgba(241, 196, 15, 0.75) !important;color: rgb(255, 255, 255) !important;}
.trans-bg-darkgray {background-color: rgba(102, 98, 98, 0.75) !important;color: rgb(255, 255, 255) !important;}
.trans-bg-gray {background-color: rgba(136, 136, 136, 0.75) !important;color: rgb(255, 255, 255) !important;}
.trans-bg-lightgray {background-color: rgba(208, 208, 208, 0.75) !important;color: rgb(255, 255, 255) !important;}
.trans-bg-white {background-color: rgba(255, 255, 255, 0.75) !important;color: rgb(31, 31, 31) !important;}
.trans-bg-black {background-color: rgba(0, 0, 0, 0.75) !important;color: rgb(255, 255, 255) !important;}
.trans-bg-full {width:100%;height:100%;overflow:hidden;padding:8% !important;text-overflow:clip;white-space:normal;}

/* Font ------------------------------------------------------ */
.font-normal {font-weight: normal;}
.font-8, i.font-8 {font-size: 8px;}
.font-9, i.font-9 {font-size: 9px;}
.font-10, i.font-10 {font-size: 10px;}
.font-11, i.font-11 {font-size: 11px;}
.font-12, i.font-12 {font-size: 12px;}
.font-13, i.font-13 {font-size: 13px;}
.font-14, i.font-14 {font-size: 14px;}
.font-16, i.font-16 {font-size: 16px;}
.font-18, i.font-18 {font-size: 18px;}
.font-20, i.font-20 {font-size: 20px;}
.font-22, i.font-22 {font-size: 22px;}
.font-24, i.font-24 {font-size: 24px;}

/* Style ------------------------------------------------------ */
.cursor {cursor:pointer;}
.count {font-size: 10px;font-weight:bold;font-family:verdana;letter-spacing:-1px;}
.block {display:block;}
.break-word {word-wrap: break-word;}
.ellipsis {display:block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.no-border {border:0 !important;}
.no-margin {margin:0 !important;}
.no-animation .collapsing{-webkit-transition: none;    transition: none;}
.no-scrollbar {-ms-overflow-style: none;}
.no-scrollbar::-webkit-scrollbar {width: 0; display:none;}
.btn-wset {display:none;}
/* Height ------------------------------------------------------ */
.h10 {height:10px;}
.h15 {height:15px;}
.h20 {height:20px;}
.h25 {height:25px;}
.h30 {height:30px;}
.h35 {height:35px;}
.h40 {height:40px;}
.h45 {height:45px;}
.h50 {height:50px;}
.p10 {padding:10px 0px;}
.p15 {padding:15px 0px;}
.m10 {margin:10px 0px;}
.m15 {margin:15px 0px;}

/* Color ------------------------------------------------------ */
.red, i.red {color: rgb(233, 27, 35);}
.darkred, i.darkred {color: rgb(170, 60, 63);}
.crimson, i.crimson {color: rgb(220, 20, 60);}
.orangered, i.orangered {color: orangered;}
.orange, i.orange {color: rgb(243, 156, 18);}
.green, i.green {color: rgb(142, 196, 73);}
.lightgreen, i.lightgreen {color: rgb(160, 206, 78);}
.deepblue, i.deepblue {color: rgb(26, 128, 182);}
.skyblue, i.skyblue {color: rgb(108, 197, 244);}
.blue, i.blue {color: rgb(52, 152, 219);}
.navy, i.navy {color: rgb(52, 61, 70);}
.violet, i.violet {color: rgb(86, 61, 124);}
.yellow, i.yellow {color: rgb(241, 196, 15);}
.darkgray, i.darkgray {color: rgb(102, 98, 98);}
.gray, i.gray {color: rgb(136, 136, 136);}
.lightgray, i.lightgray {color: rgb(208, 208, 208);}
.white, i.white {color: rgb(255, 255, 255);}
.light, i.light {color: #f5f5f5;}
.black, i.black {color: rgb(51, 51, 51);}
.color, i.color {color: rgb(233, 27, 35);}