body {
font-family: 'Noto Sans KR', sans-serif;
font-size: 16px;
line-height: 1.6;
/*
letter-spacing: -1px;
*/
color: #000;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link, .c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-mega-menu .nav.navbar-nav > li > .c-link {
padding: 32px 50px 32px 30px;
}
@media (max-width: 1579px){
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link, .c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-mega-menu .nav.navbar-nav > li > .c-link {
padding: 32px 20px 32px 30px;
}
}
@media (max-width: 1259px){
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link, .c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-mega-menu .nav.navbar-nav > li > .c-link {
padding: 32px 0px 32px 30px;
}
}
@media (max-width: 1439px){
.c-layout-header .c-navbar > .container-fluid{
padding: 0 30px;
}
}
@media (max-width: 1019px){
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link, .c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-mega-menu .nav.navbar-nav > li > .c-link {
padding: 32px 0 32px 20px;
}
}
@media (max-width: 991px){
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link, .c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-mega-menu .nav.navbar-nav > li > .c-link {
padding: 10px 20px 10px 40px;
}
.c-layout-header .c-navbar > .container-fluid{
padding: 0;
}
}
@media (min-width: 1440px){
.container {
width: 1400px;
}
}
h1, h2, h3, h4, h5, h6 {
font-family: inherit;
font-weight: 500;
line-height: 1.4;
color: inherit;
}
h1 {font-size: 36px;}
h2 {font-size: 30px;}
h3 {font-size: 24px;}
h4 {font-size: 18px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}
.big {font-size: larger !important; }
.big-x {font-size: x-large !important; }
.big-2x {font-size: xx-large !important; }
.popover{
max-width:500px;
z-index: 10099;
}
i.popovers {
position: absolute;
top: 2px;
}
.badge {
position: absolute;
color: white !important;
}
.badge.t { top: -2px;}
.badge.r { right: -6px;}
.badge.blue { background-color: #0000FF;}
.badge.red { background-color: #ff0000;}
.badge.yellow { background-color: hsl(64, 100%, 50%);}
.div-line {
border-top: 1px solid #444444;
margin: 30px 0px;
}
.div-line-vl {
border-left: 1px solid #444444;
}
.div-line-vr {
border-right: 1px solid #444444;
}
.fa-1-4{
font-size: 1.4em;
}
p.fa-refer{
position: absolute;
right: 8px;
top: -16px;
}
.st-none{
list-style: none;
}
option:disabled {
color: #cecece;
}
.sel2 option:disabled {
color: #000;
background: #eaeaea;
}
.cur-p {cursor: pointer;}
.text-center {text-align: center !important;}
.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.text-deco-red {
text-decoration: line-through;
text-decoration-color: red;
text-decoration-thickness: 4px;
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px; /* Preferred icon size */
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
vertical-align: bottom;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga';
}
[class*="alert-"] {
padding: 6px;
}
.blinking {
-webkit-animation:blink 0.5s ease-in-out infinite alternate;
-moz-animation:blink 0.5s ease-in-out infinite alternate;
animation:blink 0.5s ease-in-out infinite alternate;
}
.selected {background-color:#a7cefa !important;}
/* 부모요소 */
div.auto-frame {
position: relative;
padding-top: 56%;
width: 100%;
height: 0;
}
/* iframe */
div.auto-frame > iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@keyframes blink {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }
/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }
/* 아이콘 색상 변경이 필요할때, 사례 : 오렌지색 */
.material-icons.orange600 { color: #FB8C00; }
.c-bg-ksfpe {
height: 3px;
background-color: #005BAB;
width: 80px;
margin: 20px auto;
background-image: linear-gradient(left , #D61920 10%, #005BAB 50%, #005BAB 90%);
background-image: -o-linear-gradient(left , #D61920 10%, #005BAB 50%, #005BAB 90%);
background-image: -moz-linear-gradient(left , #D61920 10%, #005BAB 50%, #005BAB 90%);
background-image: -webkit-linear-gradient(left , #D61920 10%, #005BAB 50%, #005BAB 90%);
background-image: -ms-linear-gradient(left , #D61920 10%, #005BAB 50%, #005BAB 90%);
background-image: -webkit-gradient( linear, left bottom, right bottom, color-stop(0.1, #D61920), color-stop(0.4, #005BAB), color-stop(0.5 #005BAB) );
}
table {font-size: inherit;}
/*
#################################################################################################################################################### BEGIN table
*/
/***
Customized Bootstrap Tables
***/
/***
Default table
***/
.table.table-bordered thead > tr > th {
border-bottom: 0;
}
.table tr.heading > th {
background-color: #eee !important;
}
.table td .img-responsive {
width: 100%;
}
thead tr th {
cursor: not-allowed;
}
/* Contextual table row variants */
.table > thead > tr > td.active,
.table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
background: #a6c8e6;
color: #132339;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th {
background: #92bce0;
}
.table > thead > tr > td.success,
.table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
background: #dff0d8;
color: #3c763d;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th {
background: #d0e9c6;
}
.table > thead > tr > td.info,
.table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
background: #d9edf7;
color: #31708f;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th {
background: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
background: #fcf8e3;
color: #8a6d3b;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th {
background: #faf2cc;
}
.table > thead > tr > td.danger,
.table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
background: #f2dede;
color: #a94442;
}
table.w10 th, table.w10 td {padding-left: 10px; padding-right: 10px;}
table.w20 th, table.w20 td {padding-left: 20px; padding-right: 20px;}
table.w30 th, table.w30 td {padding-left: 30px; padding-right: 30px;}
table.w40 th, table.w40 td {padding-left: 40px; padding-right: 40px;}
table.h40 th, table.h40 td {padding-top: 40px; padding-bottom: 40px;}
table.h30 th, table.h30 td {padding-top: 30px; padding-bottom: 30px;}
table.h20 th, table.h20 td {padding-top: 20px; padding-bottom: 20px;}
table.h10 th, table.h10 td {padding-top: 10px; padding-bottom: 10px;}
th.align-l, td.align-l {text-align: left !important;}
th.align-r, td.align-r {text-align: right !important;}
th.align-c, td.align-c {text-align: center !important;}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th {
background: #ebcccc;
}
/***
Responsive & Scrollable Tables
***/
.table-scrollable {
width: 100%;
overflow-x: auto;
overflow-y: hidden;
border: 1px solid #dddddd;
margin: 10px 0 !important;
}
.table-scrollable.table-scrollable-borderless {
border: 0;
}
.table-scrollable > .table {
width: 100% !important;
margin: 0 !important;
margin-bottom: 0;
background-color: #fff;
}
.table-scrollable > .table > thead > tr > th,
.table-scrollable > .table > tbody > tr > th,
.table-scrollable > .table > tfoot > tr > th,
.table-scrollable > .table > tfoot > tr > th,
.table-scrollable > .table > tfoot > tr > td {
white-space: nowrap;
}
.table-scrollable > .table-bordered {
border: 0;
}
.table-scrollable > .table-bordered > thead > tr > th:first-child,
.table-scrollable > .table-bordered > tbody > tr > th:first-child,
.table-scrollable > .table-bordered > tfoot > tr > th:first-child,
.table-scrollable > .table-bordered > thead > tr > td:first-child,
.table-scrollable > .table-bordered > tbody > tr > td:first-child,
.table-scrollable > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.table-scrollable > .table-bordered > thead > tr > th:last-child,
.table-scrollable > .table-bordered > tbody > tr > th:last-child,
.table-scrollable > .table-bordered > tfoot > tr > th:last-child,
.table-scrollable > .table-bordered > thead > tr > td:last-child,
.table-scrollable > .table-bordered > tbody > tr > td:last-child,
.table-scrollable > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.table-scrollable > .table-bordered > thead > tr:last-child > th,
.table-scrollable > .table-bordered > tbody > tr:last-child > th,
.table-scrollable > .table-bordered > tfoot > tr:last-child > th,
.table-scrollable > .table-bordered > thead > tr:last-child > td,
.table-scrollable > .table-bordered > tbody > tr:last-child > td,
.table-scrollable > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
/***
Responsive Flip Scroll Tables
***/
.flip-scroll table {
width: 100%;
}
#notice img {
max-width: 100%;
}
.ul-no-padding ul {
padding-left: 22px;
}
@media only screen and (max-width: 768px) {
/* 768px */
.flip-scroll .flip-content:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.flip-scroll * html .flip-content {
zoom: 1;
}
.flip-scroll *:first-child + html .flip-content {
zoom: 1;
}
.flip-scroll table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
.flip-scroll th,
.flip-scroll td {
margin: 0;
vertical-align: top;
}
.flip-scroll th {
text-align: left;
border: 0 !important;
border-bottom: 1px solid #ddd !important;
border-right: 1px solid #ddd !important;
font-size: 13px !important;
padding: 5px;
width: auto !important;
}
.flip-scroll table {
display: block;
position: relative;
width: 100%;
}
.flip-scroll thead {
display: block;
float: left;
}
.flip-scroll tbody {
display: block;
width: auto;
position: relative;
overflow-x: auto;
white-space: nowrap;
}
.flip-scroll thead tr {
display: block;
}
.flip-scroll th {
display: block;
text-align: right;
}
.flip-scroll tbody tr {
display: inline-block;
vertical-align: top;
margin-left: -5px;
}
.flip-scroll td {
display: block;
min-height: 1.25em;
text-align: left;
border-top: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
}
/* sort out borders */
.flip-scroll th {
border-bottom: 0;
border-left: 0;
}
.flip-scroll td {
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.flip-scroll tbody tr {
border-left: 1px solid #ddd;
}
.flip-scroll th:last-child,
.flip-scroll td:last-child {
border-bottom: 1px solid #ddd;
}
}
/***
Custom tables
***/
.hd-bold {
font-size: larger;
color: #00fffb !important;
}
.table-toolbar {
margin-bottom: 15px;
}
.table-toolbar:before, .table-toolbar:after {
content: " ";
display: table;
}
.table-toolbar:after {
clear: both;
}
.table.table-full-width {
width: 100% !important;
}
.table .btn {
margin-top: 0px;
margin-left: 0px;
margin-right: 5px;
}
.table thead tr th {
font-size: 14px;
font-weight: 600;
vertical-align: middle;
text-align: center;
}
.table-advance {
margin-bottom: 10px !important;
}
.table-advance thead {
color: #999;
}
.table-advance thead tr th {
background-color: #DDD;
font-size: 14px;
font-weight: 400;
color: #666;
}
.table-advance div.success,
.table-advance div.info,
.table-advance div.important,
.table-advance div.warning,
.table-advance div.danger {
position: absolute;
margin-top: -5px;
float: left;
width: 2px;
height: 30px;
margin-right: 20px !important;
}
.table-advance tr td {
border-left-width: 0px;
}
.table-advance tr td:first-child {
border-left-width: 1px !important;
}
.table-advance tr td.highlight:first-child a {
margin-left: 15px;
}
.table-advance td.highlight div.primary {
border-left: 2px solid #428bca;
}
.table-advance td.highlight div.success {
border-left: 2px solid #45B6AF;
}
.table-advance td.highlight div.info {
border-left: 2px solid #89C4F4;
}
.table-advance td.highlight div.warning {
border-left: 2px solid #dfba49;
}
.table-advance td.highlight div.danger {
border-left: 2px solid #F3565D;
}
@media (max-width: 767px) {
/* 767px */
.table-advance tr > td.highlight:first-child a {
margin-left: 8px;
}
}
/***
Light Table
***/
.table.table-light {
border: 0 !important;
}
.table.table-light > thead > tr:hover > th {
background: none;
}
.table.table-light > thead > tr.uppercase {
text-transform: uppercase;
}
.table.table-light > thead > tr > th {
font-weight: 600;
font-size: 13px;
color: #a7b3b9;
font-family: "Open Sans", sans-serif;
border: 0;
border-bottom: 1px solid #F2F5F8;
}
.table.table-light > tbody > tr:last-child > td {
border: 0;
}
.table.table-light > tbody > tr > td {
border: 0;
border-bottom: 1px solid #F2F5F8;
color: #9ca8b0;
vertical-align: middle;
}
.table.table-light > tbody > tr > td.fit {
width: 1px;
padding-right: 3px;
}
.table.table-light > tbody > tr > td .user-pic {
display: inline-block;
vertical-align: middle;
height: 30px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}
.table.table-light.table-hover > tbody > tr > td:hover,
.table.table-light.table-hover > tbody > tr > th:hover, .table.table-light.table-hover > tbody > tr:hover > td, .table.table-light.table-hover > tbody > tr:hover > th {
background: #f9fafb;
}
thead.sort th {
cursor: pointer;
}
th.sort:hover {
color: #c9c900 !important;
}
th.sort {
cursor: pointer;
}
.icheck-inline+.icheck-inline {
margin-left: 12px !important;
margin-top: 12px !important;
}
ul.list-icheck {
list-style:none;
padding-left: 8px;
}
/*
#################################################################################################################################################### END table
*/
label {font: inherit;}
.c-radio label { padding-left: 24px;}
.popover-title,
.popover-content {
font-size: initial;
font-family: initial;
}
.popover-title {text-align: center;}
img.death-gray {
-webkit-filter: grayscale(100%);
filter: gray;
opacity: 0.6;
filter: alpha(opacity=60);
}
.full-img {width: 100%;}
.full-h-img {
width: 100%;
height: 100%;
}
.under {
padding-bottom: 2px;
border-bottom: 1px dotted;
}
p.no-margin-b {margin-bottom : 0 !important;}
/* 상위메뉴를 88로 고정한 후 추가될 필요가 있음 */
.c-layout-header-fixed .c-layout-page {
margin-top: 88px;
}
/*
탑메뉴영역 : 1040
.modal : 1050
popupover : > 1050
*/
.c-layout-header-fullscreen.c-layout-header-static .c-layout-header,
.c-layout-header-fixed .c-layout-header {
z-index: 1040;
}
.fileinput .thumbnail>img {
max-height: 100%;
width: 100%;
}
.bbs-icon p {
font-size: 14px;
text-align: center;
}
.cata-icon p {
font-size: 14px;
text-align: center;
margin: -10px 0 40px;
}
.refer {
font-size: smaller;
font-weight: normal;
letter-spacing: normal;
}
.refer-col {
font-size: smaller;
color: #0b5fb5;
}
.c-line {
width: 40px;
height: 4px;
margin: 0 auto 30px auto;
}
.c-pull-right {float: right;}
.c-pull-left {float: left;}
.html-box {
border: 1px solid #d6d6d6;
margin: 8px 0;
overflow: auto;
height: 180px;
padding: 10px 10px;
background-color: #fff;
}
.html-box ul, .html-box ol {
list-style: none;
padding-left: 0px;
}
div.refer-div > * {margin-bottom: 0;}
.win-open .container-fluid {
padding-right: 10px;
padding-left: 10px;
}
.win-open .row {
margin-right: -5px;
margin-left: -5px;
}
.divider-solid-text {
margin: 20px 0 10px;
border-bottom: 1px solid;
text-align: center;
background-color: #e9e9ff;
padding: 10px 0;
}
.c-content-overlay .c-overlay-wrapper .c-overlay-content .title {
display: block;
border-radius: 4px;
text-align: center;
padding: 4px;
font-size: 16px;
margin: 0 5px;
}
.c-content-overlay .c-overlay-wrapper .c-overlay-content .title p {margin-bottom: 0;}
.c-content-overlay .c-overlay-wrapper .c-overlay-content .title span {font-size: small;}
.c-content-box.c-no-padding {
padding: 0;
}
.c-content-box .c-title-1 p {
font-size: 16px;
}
.c-content-box .c-title-1 {
margin: 20px 0 40px;
}
.c-content-feature-2 .c-icon-wrapper {
margin: 0;
}
.c-content-feature-2 p {
padding-left: 80px;
font-size: 14px;
}
.c-content-feature-2 p.title {
font-size: 18px;
margin-top: 0;
font-weight: 600;
}
span.c-cart-number {
margin-left: 5px;
position: relative;
top: -2px;
display: inline-block;
border-radius: 20px;
text-align: center;
padding: 12px 0px;
height: 25px;
font-size: 15px;
width: 32px;
color: #ffffff;
line-height: 0;
}
.c-cart-number.ab {
position: absolute;
top: 0px;
border-radius: 50px;
padding: 12px 0px;
height: 24px;
font-size: small;
width: 24px;
color: #ffffff;
line-height: 0;
}
.c-bbs-home-number.ab {
position: absolute;
border-radius: 50px;
padding: 12px 8px;
height: 24px;
font-size: small;
width: 24px;
color: #ffffff;
line-height: 0;
left: -10px;
}
.c-bbs-home-number.ab.up10 {
padding: 12px 4px;
}
.c-bbs-home-number.c-top {
top: -10px;
}
.c-navi-number.ab {
position: absolute;
border-radius: 50px;
padding: 12px 8px;
height: 24px;
font-size: small;
width: 24px;
color: #000000;
line-height: 0;
right: 10px;
top: 4px;
font-weight: 500;
}
/* 다음지도API를 표시할 DIV의 특성 */
.daum-api {
width: 100%;
height: 500px;
}
.map-api {
white-space: nowrap;
margin: 2px 4px;
font-size: 12px;
}
.content-map .addr {
padding: 10px;
color: #fff;
text-align: center;
}
.content-map-info {
border-top: 1px solid #ddd;
margin-top: 40px;
}
.content-map-info > div {
margin-top: 40px;
padding: 0 40px;
}
.content-map-info > div:not(:first-of-type) {
border-left: 1px solid #ddd;
}
.content-map-info .fa-3x {
border-radius: 50px;
padding: 12px;
}
.content-map-info .train > p > span {
padding: 2px 10px 4px;
border-radius: 50px;
margin-right: 4px;
background-color: green;
color: white;
}
.content-map-info .bus > p > span {
padding: 0 6px;
border-radius: 12px;
display: table-cell;
}
.content-map-info .car > p > strong {
display: table-cell;
}
.img-third {
width: 31%;
}
.in-div {
padding-left: 4px;
padding-right: 4px;
}
.in-div-0 {
padding-left: 0;
padding-right: 0;
}
tr.del {
color: rgb(255, 0, 0);
}
/* bootstrap에서 제공하는 css에 공간 조정하기 또는 css 추가하기 */
.bg-primary,
.bg-success,
.bg-info,
.bg-warning,
.bg-danger,
.bg-hot,
.bg-gray {padding: 4px;}
.bg-warning{
color: #000;
}
.bg-hot {
background-color: #D20000;
color: #ffff00;
font-weight: 700;
}
.bg-gray {background-color:#eaeaea;}
a.bg-gray:hover{background-color:#ccc;}
.bg2-danger2 {
background-color: #dd1212;
color: #FFF;
}
.bg2-info2 {
background-color: #1540d5;
color: #FFF;
}
.bg2-success2 {
background-color: #1eab3b;
color: #FFF;
}
.bg2-warning2 {
background-color: #c1b000;
color: #FFF;
}
[class*="bg2-"] .modal-title {
color: #FFF;
}
/* 위 row에서 배경을 사용했고, 이하 row가 위 row와 연계된 정보를 담고 있을 때, 테두리를 같은 색상으로 처리한다.*/
.bd-next-bg-info {border: 1px solid #d9edf7;}
.bd-next-bg-success {border: 1px solid #dff0d8;}
.text-default{color:inherit !important;}
.text-hot{color:#af0000 !important;}
.text-blue{color:#0000ff !important;}
.text-orange{color:#FFBE41 !important;}
.text-yellow{color:#DBE000 !important;}
.text-white{color:#EFEFEF !important;}
a.text-white:hover{color:#FFF !important;}
.text-red,
a.text-red:hover{ color:#ff0000 !important; }
.text-grey{ color:#CCC !important; }
a.text-grey:hover{ color:#999 !important; }
.text-grey-2{ color:#868686 !important; }
a.text-grey-2:hover{ color:#545454 !important; }
.divider {
background: #E2B0B0;
height: 1px;
margin: 0;
padding: 0 !important;
}
.divider-black {
background-color: #000;
height: 1px;
margin-right: 0;
margin-left: 0;
}
.bg01 {
background-image: url(/com/img/bg_slash_01.gif);
background-position: left center;
background-repeat: repeat-x;
}
.bs-callout {
padding: 20px;
margin: 20px 0;
border: 1px solid #eee;
border-left-width: 5px;
border-radius: 3px;
}
.bs-callout h4 {
margin-top: 0;
margin-bottom: 5px;
}
.bs-callout p:last-child {
margin-bottom: 0;
}
.bs-callout code {
border-radius: 3px;
}
.bs-callout + .bs-callout {
margin-top: -5px;
}
.bs-callout-danger {
border-left-color: #ce4844;
}
.bs-callout-danger h4 {
color: #ce4844;
}
.bs-callout-warning {
border-left-color: #aa6708;
}
.bs-callout-warning h4 {
color: #aa6708;
}
.bs-callout-info {
border-left-color: #1b809e;
}
.bs-callout-info h4 {
color: #1b809e;
}
.bs-customizer .bs-callout h4 {
margin-top: 0;
margin-bottom: 5px;
}
/* 줄바꿈 중단 및 잘린 문장 ... 처리 */
.text-over-not {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.cycle-img {
width: 60px;
height: 60px;
border-radius: 50px;
overflow: hidden;
display: inline-block;
}
.profile {
width: 100%;
height: 100%;
object-fit: cover;
}
#revolutionul------------> li::before {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgb(0 0 0 / 20%);
content: '';
}
.tp-simpleresponsive .caption.center, .tp-simpleresponsive .tp-caption.center {
left: 0% !important;
right: 0% !important;
text-align: center;
}
.tp-simpleresponsive .caption p, .tp-simpleresponsive .tp-caption p {
left: 0% !important;
right: 0% !important;
text-align: center;
display: inline-block;
padding: 0 10px 3px;
}
.slide-text-bg-theme-1 p {
background: rgba(0, 0, 0, 0.2);
}
.slide-text-bg-theme-2 p {
text-shadow: 2px 2px 6px black;
}
.slide-font-desc {
font-size: 32px;
line-height: 48px !important;
text-shadow: none;
padding: 0 10px !important;
}
.slide-font-title {
font-weight: 400;
}
.slide-font-title-desc {
font-size: 32px;
font-weight: 400;
}
/* 에러문구는 제목부분보다 더 선명하게... */
.has-error .help-block,
.has-error .help-inline,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
color: #ff0000 !important;
}
.tp-banner-container.tp-fullscreen {
height: auto;
}
.breadcrumb {
background: none;
margin: 0;
}
.breadcrumb a:hover {font-weight: 600;}
/* 만일 배경이 어두워서 흰색계열의 폰트를 사용해야 하는 경우에는... */
.breadcrumb.c-font-grey-lti-1 a {color: #FFEE00;}
.breadcrumb > .active {
font-weight: bold;
color: inherit;
}
table .cell-click-y:hover {
cursor: pointer;
background-color: #FFFFAA !important;
}
table .cell-click-r:hover {
cursor: pointer;
background-color: #FFBDBD !important;
}
img.new {
width: 18px !important;
height: auto;
min-height: auto !important;
}
.cbp-popup-singlePage .cbp-popup-content {max-width: 100%;}
/*
.cbp-popup-singlePage .cbp-popup-content .container {width: 1600px;}
*/
.cbp-popup-singlePage .cbp-popup-content img {width: 100%;}
/* bxslider */
.bxslider {padding: 0;}
.bx-wrapper {
margin-top: 10px;
margin-bottom: 4px;
}
.bx-wrapper .bx-viewport {
left: 0px;
border: none;
}
#bx-pager a img {
padding: 0px;
border: solid #ccc 1px;
width: 100px;
}
#bx-pager a.active img {
border: 1px solid #FF2D2D;
}
.bbs-body {
background-color: #FFF;
}
.page-title {
margin: 20px 10px;
border-left: 6px solid;
}
.page-title p {
margin: 0 0 0 20px;
color: #333;
font-size: 20px;
line-height: 32px;
}
.page-title .top-span {
color: #777;
font-size: 14px;
line-height: 24px;
}
.page-sub-title{
text-align: center;
font-size: 20px;
line-height: 32px;
}
.page-block-title {
font-weight: 600;
}
.text-title {
font-family: 'Jeju Gothic', serif;
}
.text-logo {
font-family: 'Nanum Myeongjo', serif;
font-weight: 300;
letter-spacing: 0px;
}
.text-ceo-msg {
font-family: 'Nanum Myeongjo', serif;
font-size: 20px;
line-height: 32px;
letter-spacing: 0px;
}
.btn > i {
margin-right: 5px;
margin-left: 5px;
}
.btn-default {
color: #99a5b9;
border-color: #99a5b9;
}
.btn.full-caption {
white-space: revert;
}
.btn.btn-wrap {
white-space: normal !important;
}
.btn-center {
margin: 20px auto;
display: block;
}
.with-btn-lg {
display: inline-block;
margin-top: 10px !important;
}
span.sign {
font-family: 'Nanum Pen Script', serif;
letter-spacing: 6px;
font-size: 24px;
font-weight: 600;
}
span.gauge-style {
font-size: smaller;
color: #a7000a;
font-style: italic;
}
span.mandatory, .form .control-label span.mandatory {
padding-left: 0;
color: #ff0000;
font-weight: bold;
}
.font-italic {font-style: italic;}
.border-pad-top-12 {padding-top: 12px;}
.list-style-none {
list-style: none;
padding-left: 0;
}
/* tab nav */
.tabpanel-perf .nav {
margin-bottom: 10px;
}
.tabpanel-perf > .nav > li {
text-align: center;
}
.tabpanel-perf > .nav > li + li {
padding-left: 4px;
}
.tabpanel-perf > .nav > li > a {
font-size: 20px;
font-weight: 300;
padding: 6px 6px;
border: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.tabpanel-perf > .nav > li > a:hover,
.tabpanel-perf > .nav > li > a:focus,
.tabpanel-perf > .nav > li.active > a,
.tabpanel-perf > .nav > li:active > a {
font-weight: 600;
}
.tabpanel-perf .tab-content {
margin: 0 20px 40px;
}
.tabpanel-perf .tab-content .rec {
padding: 10px 0;
border-bottom: 1px dashed #999;
}
.tabpanel-perf .tab-content ul li strong {
margin-right: 12px;
}
.label_span_textlimit {
color: rgb(131, 131, 131);
width: auto !important;
float: right !important;
font-weight: normal;
font-size: 0.75em;
min-height: 0 !important;
padding-right: 10px !important;
padding-top: 6px;
}
.c-padding-lg {padding: 80px 0;}
.c-padding-md {padding: 60px 0;}
.c-padding-sm {padding: 40px 0;}
.c-padding-xs {padding: 20px 0;}
.y-bg-w.op-90 {background-color: rgb(255 255 255 / 90%);}
.y-bg-w.op-80 {background-color: rgb(255 255 255 / 80%);}
.y-bg-w.op-70 {background-color: rgb(255 255 255 / 70%);}
.y-bg-w.op-60 {background-color: rgb(255 255 255 / 60%);}
.y-bg-w.op-50 {background-color: rgb(255 255 255 / 50%);}
.y-bg-w.op-40 {background-color: rgb(255 255 255 / 40%);}
.y-bg-w.op-30 {background-color: rgb(255 255 255 / 30%);}
.y-bg-w.op-20 {background-color: rgb(255 255 255 / 20%);}
.y-bg-w.op-10 {background-color: rgb(255 255 255 / 10%);}
.y-bg-b.op-90 {background-color: rgb(0 0 0 / 90%);}
.y-bg-b.op-80 {background-color: rgb(0 0 0 / 80%);}
.y-bg-b.op-70 {background-color: rgb(0 0 0 / 70%);}
.y-bg-b.op-60 {background-color: rgb(0 0 0 / 60%);}
.y-bg-b.op-50 {background-color: rgb(0 0 0 / 50%);}
.y-bg-b.op-40 {background-color: rgb(0 0 0 / 40%);}
.y-bg-b.op-30 {background-color: rgb(0 0 0 / 30%);}
.y-bg-b.op-20 {background-color: rgb(0 0 0 / 20%);}
.y-bg-b_op-10 {background-color: rgb(0 0 0 / 10%);}
/***
Dropdown Menu
***/
.dropdown-menu {
min-width: 175px;
position: absolute;
top: 80%;
left: 0;
z-index: 1000;
display: none;
float: left;
list-style: none;
text-shadow: none;
padding: 0px;
margin: 10px 0px 0px 0px;
background-color: #FFF;
box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
border: 1px solid #eee;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.dropdown-menu li.divider {
background: #f1f3f6;
}
.dropdown-menu li > a {
padding: 8px 14px;
color: #555;
text-decoration: none;
display: block;
clear: both;
font-weight: 300;
line-height: 18px;
white-space: nowrap;
}
.dropdown-menu li > a > [class^="fa-"],
.dropdown-menu li > a > [class*=" fa-"] {
color: #888;
}
.dropdown-menu li > a > [class^="icon-"],
.dropdown-menu li > a > [class*=" icon-"] {
color: #666;
}
.dropdown-menu li > a > [class^="glyphicon-"],
.dropdown-menu li > a > [class*=" glyphicon-"] {
color: #888;
}
.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
text-decoration: none;
background-image: none;
background-color: #f6f6f6;
color: #555;
filter: none;
}
.dropdown-menu.bottom-up {
top: auto;
bottom: 100%;
margin-bottom: 2px;
}
.dropdown > .dropdown-menu,
.dropdown-toggle > .dropdown-menu,
.btn-group > .dropdown-menu {
margin-top: 10px;
}
.dropdown > .dropdown-menu:before,
.dropdown-toggle > .dropdown-menu:before,
.btn-group > .dropdown-menu:before {
position: absolute;
top: -8px;
left: 9px;
right: auto;
display: inline-block !important;
border-right: 8px solid transparent;
border-bottom: 8px solid #e0e0e0;
border-left: 8px solid transparent;
content: '';
}
.dropdown > .dropdown-menu:after,
.dropdown-toggle > .dropdown-menu:after,
.btn-group > .dropdown-menu:after {
position: absolute;
top: -7px;
left: 10px;
right: auto;
display: inline-block !important;
border-right: 7px solid transparent;
border-bottom: 7px solid #fff;
border-left: 7px solid transparent;
content: '';
}
.dropdown > .dropdown-menu.pull-left:before,
.dropdown-toggle > .dropdown-menu.pull-left:before,
.btn-group > .dropdown-menu.pull-left:before {
left: auto;
right: 9px;
}
.dropdown > .dropdown-menu.pull-left:after,
.dropdown-toggle > .dropdown-menu.pull-left:after,
.btn-group > .dropdown-menu.pull-left:after {
left: auto;
right: 10px;
}
.dropdown > .dropdown-menu.pull-right:before,
.dropdown-toggle > .dropdown-menu.pull-right:before,
.btn-group > .dropdown-menu.pull-right:before {
left: auto;
right: 9px;
}
.dropdown > .dropdown-menu.pull-right:after,
.dropdown-toggle > .dropdown-menu.pull-right:after,
.btn-group > .dropdown-menu.pull-right:after {
left: auto;
right: 10px;
}
.dropdown.dropup > .dropdown-menu,
.dropdown-toggle.dropup > .dropdown-menu,
.btn-group.dropup > .dropdown-menu {
margin-top: 0px;
margin-bottom: 10px;
}
.dropdown.dropup > .dropdown-menu:after, .dropdown.dropup > .dropdown-menu:before,
.dropdown-toggle.dropup > .dropdown-menu:after,
.dropdown-toggle.dropup > .dropdown-menu:before,
.btn-group.dropup > .dropdown-menu:after,
.btn-group.dropup > .dropdown-menu:before {
display: none !important;
}
.no-caption, .no-caption-xs {margin-top: 32px;}
/* Dropdown submenu support for Bootsrap 3 */
.dropdown-submenu {
position: relative;
}
.dropdown-submenu > .dropdown-menu {
top: 5px;
left: 100%;
margin-top: -6px;
margin-left: -1px;
}
.dropdown-submenu:hover > .dropdown-menu {
display: block;
}
.dropdown-submenu:hover > a:after {
border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
}
.dropup .dropdown-submenu > .dropdown-menu {
top: auto;
bottom: 0;
margin-top: 0;
margin-bottom: -2px;
}
.nav.pull-right > li > .dropdown-menu,
.nav > li > .dropdown-menu.pull-right {
right: 0;
left: auto;
}
.nav.pull-right > li > .dropdown-menu:before,
.nav > li > .dropdown-menu.pull-right:before {
right: 12px;
left: auto;
}
.nav.pull-right > li > .dropdown-menu:after,
.nav > li > .dropdown-menu.pull-right:after {
right: 13px;
left: auto;
}
.nav.pull-right > li > .dropdown-menu .dropdown-menu,
.nav > li > .dropdown-menu.pull-right .dropdown-menu {
right: 100%;
left: auto;
margin-right: -1px;
margin-left: 0;
}
#box_navi .con {
height: 270px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
overflow: hidden;
position: relative;
}
#box_navi .con.red i {background: rgb(211, 0, 0);}
#box_navi .con.orange i {background: rgb(255, 166, 0);}
#box_navi .con.yellow i {background: rgb(177, 159, 0);}
#box_navi .con.green i {background: rgb(2, 146, 0);}
#box_navi .con.blue i {background: rgb(0, 0, 189);}
#box_navi .con.purple i {background: rgb(206, 0, 206);}
#box_navi .con:hover {
cursor: pointer;
}
#box_navi .con.red:hover i {background: rgba(211, 0, 0, 0.6);}
#box_navi .con.orange:hover i {background: rgba(255, 166, 0, 0.6);}
#box_navi .con.yellow:hover i {background: rgba(177, 159, 0, 0.6);}
#box_navi .con.green:hover i {background: rgba(2, 146, 0, 0.6);}
#box_navi .con.blue:hover i {background: rgba(0, 0, 189, 0.6);}
#box_navi .con.purple:hover i {background: rgba(206, 0, 206, 0.6);}
#box_navi .con .wrap {
position: absolute;
left: 0;
top: 55%;
width: 100%;
font-size: 24px;
font-weight: 500;
text-align: center;
opacity: 0;
transition-duration: 500ms;
}
#box_navi .con a {
color: #fff;
}
#box_navi .con i {
position: absolute;
width: 100px;
height: 100px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
text-align: center;
transition-duration: 500ms;
padding-top: 24px;
padding-left: 0px;
}
#box_navi .con:hover i {
width: 160%;
height: 160%;
padding-top: 70%;
}
#box_navi .con:hover .wrap {
opacity: 1;
}
#box_cm_01 {
margin-top: 0;
margin-bottom: 0;
min-height: 374px;
background-color: #f6f6f6;
border: 4px solid #f5d0d0;
}
@media (max-width: 991px){
.c-layout-header .c-navbar .c-mega-menu.c-shown {
z-index: 1040;
}
}
@media (max-width: 767px) {
/* 767px */
#box_navi .con {
height: 200px;
}
.owl-buttons {
display: none;
}
.navbar-nav .open .dropdown-menu {
position: absolute;
float: left;
width: auto;
margin-top: 0;
background-color: #ffffff;
border: 1px solid #efefef;
box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
}
.navbar-nav .open .dropdown-menu > li > a {
padding: 6px 0 6px 13px;
color: #333;
}
.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:active {
background-color: #eee;
}
.content-map-info > div:not(:first-of-type) {
border-left: none;
}
}
/***
Dropdown Checkboxes
***/
.dropdown-content {
padding: 5px;
}
.dropdown-content form {
margin: 0;
}
.dropdown.inline .dropdown-menu {
display: inline-block;
position: relative;
}
.dropdown-radiobuttons,
.dropdown-checkboxes {
padding: 5px;
}
.dropdown-radiobuttons label,
.dropdown-checkboxes label {
display: block;
font-weight: 300;
color: #333;
margin-bottom: 4px;
margin-top: 4px;
}
.dropdown-radiobuttons label .radio,
.dropdown-checkboxes label .radio {
margin-right: 3px;
}
/***
Bootstrap modal
***/
/* 플러그인 bootstrap-modal 을 사용하는 페이지에서 일상적인 모달창 호출 시, 고정width가 설정됨을 방지함. */
.modal {
width: auto;
}
.modal .modal-body {font-size: 16px !important;}
.modal-logo {
max-width: 300px;
width: 60%;
}
div.modal p {margin: 0 0 6px;}
div.modal-header,
div.modal-footer {padding: 10px 20px;}
div.modal .subtitle {float: right;}
div.modal .bg-gray p,
div.modal .bg-gray strong,
div.modal .bg-gray a {color: #999;}
.modal-footer .btn-block {
margin: 20px 0;
}
.vertical-alignment-helper {
display:table;
height: 100%;
width: 100%;
pointer-events:none;
}
.vertical-align-center {
/* To center vertically */
display: table-cell;
vertical-align: middle;
pointer-events:none;
}
.modal-content {
/* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
width:inherit;
max-width:inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
height:inherit;
/* To center horizontally */
margin: 0 auto;
pointer-events:all;
}
#signup_modal img.modal-logo {
display: inline-block;
}
#signup_modal .modal-header h3 {
display: inline-block;
}
#signup_result_modal img.face {
height: 200px;
}
#signup_result_modal img.certi {
height: 120px;
}
#signup_result_modal table.gradu td {
text-align: center;
}
#signup_result_modal table.info td:not(.img) {
text-align: left;
padding-left: 20px;
}
#signup_result_modal th.caption.lvl2 {
width: 80px;
}
#signup_result_modal tr {
height: 32px;
}
.dd-st-60 dd {
padding-left: 60px;
margin-bottom: 6px;
}
.dd-st-60 dd span {
width: 60px;
margin-left: -60px;
display: inline-block;
}
.dd-st-100 dd {
padding-left: 100px;
margin-bottom: 6px;
}
.dd-st-100 dd span.caption {
width: 100px;
margin-left: -100px;
display: inline-block;
text-align: right;
padding-right: 20px;
}
#amt-info strong {
font-size: larger;
}
/***
Bootstrap Daterangepicker & Datepicker
***/
#msg_popup {
z-index: 10060;
}
.modal-open .daterangepicker {
z-index: 10055 !important;
}
.daterangepicker {
margin-top: 4px;
}
.daterangepicker td {
text-shadow: none;
}
.daterangepicker td.active {
background-color: #4b8df8;
background-image: none;
filter: none;
}
.daterangepicker th {
font-weight: 400;
font-size: 14px;
}
.daterangepicker .ranges input[type="text"] {
width: 70px !important;
font-size: 11px;
vertical-align: middle;
}
.daterangepicker .ranges label {
font-weight: 300;
display: block;
}
.daterangepicker .ranges .btn {
margin-top: 10px;
}
.daterangepicker.dropdown-menu {
padding: 5px;
}
.daterangepicker .ranges li {
color: #333;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
background: #4b8df8 !important;
border: 1px solid #4b8df8 !important;
color: #fff;
}
.daterangepicker .range_inputs input {
margin-bottom: 0 !important;
}
.daterangepicker .fa-angle-right:before {
content: "\f105";
}
.daterangepicker .fa-angle-left:before {
content: "\f104";
}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover,
.daterangepicker td.disabled, .daterangepicker option.disabled {
color: #999;
cursor: not-allowed;
text-decoration: line-through;
}
.datepicker table tr td.old, .datepicker table tr td.new,
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
background-color: #fff;
border-color: transparent;
color: #999;
}
/* ---------------------------------
BEGIN Button Strip
------------------------------------ */
.btn-xs {font-size: 12px;}
.btn.red-stripe { border-left: 3px solid #d84a38; }
.btn.red2-stripe { border-left: 3px solid #c50000; }
.btn.blue-stripe { border-left: 3px solid #4B8DF8; }
.btn.blue2-stripe { border-left: 3px solid #1900ff; }
.btn.green-stripe { border-left: 3px solid #4aec35; }
.btn.green2-stripe { border-left: 3px solid #00b400; }
.btn.btn-lg-nw {
padding: 11px 12px 9px 12px;
}
/* ---------------------------------
END Button Strip
------------------------------------ */
/* 색상 구분 */
.c-content-tab-3.c-opt-1.t-color-1 .nav > li > a:hover,
.c-content-tab-3.c-opt-1.t-color-1 .nav > li.active > a {
color: #FFEB3B !important;
background-color: #b11313 !important;
}
.c-content-tab-3 .nav {
width: 100%;
text-align: inherit;
}
.c-content-tab-3 .nav > li,
.c-content-tab-3 .nav > li + li {
margin-bottom: 8px;
width: 146px;
z-index: 999;
}
.c-content-tab-3 .nav > li > a {
padding: 10px;
}
.c-content-tab-3 > .c-tab-content {
padding: 0;
}
.c-content-tab-3.c-opt-1 .nav > li > a {
color: #000000;
background-color: inherit;
font-size: 18px;
font-weight: 400;
}
.c-content-tab-3.c-opt-1 .nav>li>a:hover,
.c-content-tab-3.c-opt-1 .nav>li.active>a:hover {
color: #fff !important;
}
.c-content-tab-3 .nav.ty-01 {
margin-left: 10px;
margin-right: 10px;
}
.c-content-tab-3 .nav.ty-01 > li {
border: 1px solid #cdcdcd;
}
.c-content-tab-3 .nav.ty-01 > li + li {
margin-left: 8px;
}
.c-line-left {
width: 30px;
height: 3px;
}
.c-content-title-1 > .c-line-right,
.c-content-title-1 > .c-line-left {
width: 30px;
height: 3px;
}
.c-content-title-1 > .c-line-left { margin: 0 0 30px 0; }
.c-content-title-1 > .c-line-right { margin: 0 0 30px auto; }
.c-font-grey-lti-1 {color: #f7f7f7 !important; }
.c-font-grey-lti-1 small {color: #f7f7f7 !important; }
.c-font-grey-lti-1-hover:hover {color: #f7f7f7 !important; }
.c-btn-blue-4 {
border-color: #0000FF;
color: #0000FF;
background: none;
border-color: #0000FF;
}
.c-btn-blue-4.btn-no-focus:focus,
.c-btn-blue-4.btn-no-focus.focus {
color: #0000FF;
background: none;
border-color: #0000FF;
}
.c-btn-blue-4.btn-no-focus:hover,
.c-btn-blue-4:hover,
.c-btn-blue-4.btn-no-focus:active,
.c-btn-blue-4:active,
.c-btn-blue-4.active,
.open > .c-btn-blue-4.dropdown-toggle {
color: #ffffff;
background: #0000FF;
border-color: #0000FF;
}
.c-btn-blue-4:active,
.c-btn-blue-4.active,
.open > .c-btn-blue-4.dropdown-toggle { background-image: none; }
.c-btn-blue-4.disabled,
.c-btn-blue-4.disabled:hover,
.c-btn-blue-4.disabled:not(.btn-no-focus):focus,
.c-btn-blue-4.disabled:not(.btn-no-focus).focus,
.c-btn-blue-4.disabled:active,
.c-btn-blue-4.disabled.active,
.c-btn-blue-4[disabled],
.c-btn-blue-4[disabled]:hover,
.c-btn-blue-4[disabled]:not(.btn-no-focus):focus,
.c-btn-blue-4[disabled]:not(.btn-no-focus).focus,
.c-btn-blue-4[disabled]:active,
.c-btn-blue-4[disabled].active,
fieldset[disabled] .c-btn-blue-4,
fieldset[disabled] .c-btn-blue-4:hover,
fieldset[disabled] .c-btn-blue-4:not(.btn-no-focus):focus,
fieldset[disabled] .c-btn-blue-4:not(.btn-no-focus).focus,
fieldset[disabled] .c-btn-blue-4:active,
fieldset[disabled] .c-btn-blue-4.active {
background: none;
border-color: #0000FF;
}
.c-btn-blue-4 .badge {
color: none;
background: #0000FF;
}
[class*="c-btn-border-"] {
background: none;
}
/* 클래스 c-btn-border-와 함께하는 색상 설정 */
.c-btn-blue-5[class*="c-btn-border-"] {
color: #1131db;
border-color: #1131db;
}
.c-btn-blue-5[class*="c-btn-border-"].btn-no-focus:hover,
.c-btn-blue-5[class*="c-btn-border-"]:hover,
.c-btn-blue-5[class*="c-btn-border-"].btn-no-focus:active,
.c-btn-blue-5[class*="c-btn-border-"]:active,
.c-btn-blue-5[class*="c-btn-border-"].active,
.open > .c-btn-blue-5[class*="c-btn-border-"].dropdown-toggle {
color: #fff;
background: #1131db;
border-color: #1131db;
}
.c-btn-green-5[class*="c-btn-border-"] {
color: #15ad0d;
border-color: #15ad0d;
}
.c-btn-green-5[class*="c-btn-border-"].btn-no-focus:hover,
.c-btn-green-5[class*="c-btn-border-"]:hover,
.c-btn-green-5[class*="c-btn-border-"].btn-no-focus:active,
.c-btn-green-5[class*="c-btn-border-"]:active,
.c-btn-green-5[class*="c-btn-border-"].active,
.open > .c-btn-green-5[class*="c-btn-border-"].dropdown-toggle {
color: #fff;
background: #15ad0d;
border-color: #15ad0d;
}
.c-btn-red-5[class*="c-btn-border-"] {
color: #cb0000;
border-color: #cb0000;
}
.c-btn-red-5[class*="c-btn-border-"].btn-no-focus:hover,
.c-btn-red-5[class*="c-btn-border-"]:hover,
.c-btn-red-5[class*="c-btn-border-"].btn-no-focus:active,
.c-btn-red-5[class*="c-btn-border-"]:active,
.c-btn-red-5[class*="c-btn-border-"].active,
.open > .c-btn-red-5[class*="c-btn-border-"].dropdown-toggle {
color: #fff;
background: #cb0000;
border-color: #cb0000;
}
.c-bg-grey-4 {
background-color: #e4e4e4 !important; }
.c-bg-grey-4.c-bg-opacity {
/* RGBa with 0.04 opacity */
background-color: rgba(228, 228, 228, 0.04) !important; }
.c-bg-grey-4.c-bg-opacity-2 {
/* RGBa with 0.4 opacity */
background-color: rgba(228, 228, 228, 0.4) !important; }
.c-bg-grey-4.c-bg-grey-1-font {
color: #3c3c3c !important; }
.c-bg-grey-4-hover:hover {
background-color: #e4e4e4 !important; }
.c-border-grey-4-hover:hover {
border-color: #e4e4e4 !important; }
.c-bg-after-grey-4:after {
background-color: #e4e4e4 !important; }
.c-bg-before-grey-4:before {
background-color: #e4e4e4 !important; }
.c-bg-dark-2 {
background-color: #31383c !important;
color: #cdcdcd;
}
.c-bg-dark-2 p strong {color: #FFF;}
.c-bg-dark-2-lti {
background-color: rgba(49,56,60,0.6) !important;
color: #ffffff;
}
.tparrows.tp-rightarrow {
z-index: 100;
cursor: pointer;
position: relative;
background: url(/com/img/btn_arrow_01.png) no-repeat -56px 0;
width: 56px;
height: 56px;
}
.tparrows.tp-rightarrow:hover {background: url(/com/img/btn_arrow_01.png) no-repeat -56px -56px;}
.tparrows.tp-leftarrow {
z-index: 100;
cursor: pointer;
position: relative;
background: url(/com/img/btn_arrow_01.png) no-repeat 0 0;
width: 56px;
height: 56px;
}
.tparrows.tp-leftarrow:hover {background: url(/com/img/btn_arrow_01.png) no-repeat 0 -56px;}
div.row.A4 > div {
border: 1px dashed #e8e8e8;
padding: 6px;
text-align: center;
}
.rule ol,
ol.no-num {
list-style-type: none;
}
ol.tab-page-ol {
margin-top: 12px;
margin-bottom: 12px;
}
ol.tab-page-ol.ol-type-01 {
font-size: 20px;
list-style-type: upper-roman;
}
ol.tab-page-ol.ol-type-02 {
font-size: 18px;
list-style-type: upper-alpha;
}
ol.tab-page-ol.ol-type-03 {
font-size: 18px;
list-style-type: decimal;
}
ol.tab-page-ol.ol-type-04 {
font-size: 16px;
list-style-type: lower-alpha;
}
ol.tab-page-ol p {
margin-bottom: 0;
font-size: initial;
}
ol.tab-page-ol table th, ol.tab-page-ol table td {
font-size: initial;
}
.rule li strong {margin-right: 10px;}
.rule li span.title {
margin-right: 20px;
color: #ff0000;
}
.rule li.sec-jang {
margin-bottom: 40px;
}
.rule h1, .rule h2, .rule h3, .rule h4 {
margin-bottom: 20px;
}
.cool-link {
display: inline-block;
color: #000;
text-decoration: none;
}
.cool-link::after {
content: '';
display: block;
width: 0;
height: 2px;
background: #000;
transition: width .3s;
}
.cool-link:hover::after {
width: 100%;
}
#mbs_view table {
border: 3px solid #cdcdcd;
width: 90%;
margin: 0 auto;
}
#mbs_view table tr.height_0 td {
width: 5%;
height: 0px;
padding: 0;
margin: 0;
border: none;
}
#mbs_view table td {
padding: 12px;
border: 1px solid #cdcdcd;
}
#mbs_view table td.caption {
background-color: #F7F7F7;
white-space: nowrap;
}
#mbs_view table .data {
font-weight: 600;
}
#mbs_view table .data dd {
display: block;
margin: 0;
padding-left: 120px;
}
#mbs_view table .data dd strong {
display: inline-block;
width: 120px;
margin-left: -120px;
}
#mbs_view table span {
font-weight: 300 !important;
}
#mbs_view table span.writer {
letter-spacing: 14px;
font-size: larger;
}
#mbs_view table img.face {
height: 100%;
width: auto;
max-height: 200px;
}
#mbs_view table img.certi {
width: 60px;
display: block;
}
/* 정의는 했지만 거의 의미없음. */
#mbs_view table td.caption1 {width: 90px;}
#mbs_view table td.caption2 {width: 60px;}
#mbs_view table td.caption3 {width: 102px;}
@media (max-width: 991px) {
/* components.css에 정의된 조건을 차단함 */
.c-content-box > .container-fluid {
padding: 0 15px;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li > .c-btn {
border-color: #ccd1de;
color: #000;
}
}
@media (max-width: 767px) {
.c-content-tab-3 .nav {
margin-top: 10px;
text-align: center;
}
.c-content-tab-3 .nav > li {
float: inherit;
}
.c-content-tab-3.c-opt-1 .nav > li > a {
text-align: center;
}
.rule ol {
padding-left: 20px;
padding-right: 10px;
}
.modal-logo {max-width: 80%}
.desktop-organ,
.tabletools-btn-group { display: none; }
.mobile-organ { display: inline-block; }
}
@media (min-width: 768px) {
.c-layout-header.c-layout-header-dark-mobile .c-brand > .c-hor-nav-toggler {top: 10px;}
.c-content-box > .container-fluid {padding: 0 4px;}
.desktop-organ { display: inline-block; }
.mobile-organ { display: none; }
#msg_popup .modal-dialog {
width: 440px;
}
.modal-xlg {
width: auto;
}
}
@media (min-width: 992px) {
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark>.nav.navbar-nav>li>.dropdown-menu {
box-shadow: 0 6px 12px rgb(247 247 247);
border: 1px solid #ddd;
}
.c-content-box > .container-fluid {padding: 0 40px;}
/* footer가 height:60px로 고정될 경우 */
.c-layout-page {margin-bottom: 60px;}
}
@media (min-width: 1200px) {
.modal-xlg {
width: 1180px;
}
}
/* ####################################################################################################################################################
BEGIN BBS구분
#################################################################################################################################################### */
.cls {
padding-left: 0;
margin: 20px 0 40px;
}
.cls>li {
display: inline-block;
}
.cls>li:not(:first-of-type)::before {
content: '/';
padding: 8px;
color: #f00;
font-weight: bold;
}
.cls li.active {
font-weight: 500;
color: #000;
}
.cls>li:not(.active):hover {
font-weight: 500;
cursor: pointer;
}
/*
.cool-link의 보강 (li에 before나 after를 이용해서 뭔가 텍스트 표현을 한 경우에 추가)
*/
.cls .cool-link:not(:first-of-type)::after {
margin-left: 20px;
}
.cls .cool-link:hover:not(:first-of-type)::after {
width: 80%;
}
/* ####################################################################################################################################################
BEGIN 회원명부
#################################################################################################################################################### */
.mbs-li{
display: table-cell;
padding-left: 12px;
padding-top: 8px;
}
.mbs-list,
.mbs-list ul{
list-style: none;
}
.mbs-li .wrap {
display: none;
}
.mbs-li .wrap p {
margin: 0;
}
.mbs-li .c-info {
color: #6F92B1;
padding-top: 4px;
margin-left: 12px;
}
.mbs-li .c-info:hover {
cursor: pointer;
color: #f00;
}
.mbs-card {
box-shadow: 2px 2px 2px 0px #ddd;
margin: 16px 36px;
padding: 8px 12px;
}
.mbs-list .cont-img {
width: 210px;
height: 270px;
width: 120px;
height: 160px;
overflow: hidden;
background-color: #cdcdcd;
position: relative;
}
.mbs-list .cont-img img {
position: absolute;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.mbs-li.top {
vertical-align: top;
padding-top: 0;
}
.mbs-li>ul {
padding-left: 12px;
}
.mbs-list h3 i {
/* float: right; */
padding-top: 12px;
color: #6F92B1;
font-size: 25px;
}
.mbs-list li>span:not(:first-of-type) {
display: block;
padding-left: 38px;
}
.mbs-list li>strong {
color: #0af;
}
.mbs-list h3>span {
font-size: smaller;
}
.mbs-list h3 .yy,
.mbs-list h3 .sex {color: #7e7e7e;}
.mbs-list {
border-top: 4px solid #8c8cff;
padding: 4px;
}
@media (max-width: 767px) {
.mbs-card {
box-shadow: none;
margin: 0;
padding: 0;
}
.mbs-list h3 {
font-size: 20px;
}
.mbs-list h3>span {
font-size: 13px;
}
}
/* ####################################################################################################################################################
BEGIN 가족회원사
#################################################################################################################################################### */
.family-corp {
padding: 0 15px;
}
.family-corp .card {
border: 1px solid #ddd;
padding: 20px;
border-radius: 8px;
}
.family-corp .card:hover {
cursor: pointer;
border-color: #ce0606;
}
.family-corp .card>img {
width: 100%;
}
.family-corp [class*="col-"] {
margin-bottom: 20px;
}
.mng .card {
border: 1px solid #ddd;
padding: 20px;
border-radius: 8px;
margin-bottom: 20px;
}
.mng .card:hover {
border-color: #6f09e4;
}
.mng .card>img {
width: 100%;
}
.gis-part4 {
max-width: 96%;
width: 70%;
border: 1px solid #6b6b6b;
}
/* ####################################################################################################################################################
BEGIN 장바구니
#################################################################################################################################################### */
.cart-list {
padding: 20px 0 0 0;
border-top: 2px solid #999;
border-bottom: 2px solid #999;
}
.cart-list h4, .cart-list p {margin: 0 0 2px 0}
.cart-list-item {
padding-bottom: 8px;
margin-bottom: 18px;
border-bottom: 1px dotted #ccc;
}
.cart-list-item:last-child {border-bottom: none;}
.cart-list-item .btn-del {
margin-left: 4px;
font-size: 8px;
padding: 2px 1px 1px 4px;
margin-top: -4px;
}
.cart-title-style-1 {
border-top: 2px solid #999;
border-bottom: 2px solid #999;
padding: 12px 0;
text-align: center;
font-weight: 600;
}
.cart-title-style-1-bottom {
border-bottom: 2px solid #999;
}
.btn-zip {
padding: 6px 10px 4px 10px;
}
.zip-clear,
.data-clear {
display: inline-block;
color: red;
}
@media (max-width: 767px) {
.cart-title-style-1-bottom { border-bottom: none; }
}
/* ####################################################################################################################################################
BEGIN page nav
#################################################################################################################################################### */
.page-navi-01 li {
display: inline-block;
margin: 4px 2px;
border-style: none;
padding: 6px 4px;
cursor: pointer;
min-width: 28px;
text-align: center;
}
.page-navi-01 li:hover {
text-decoration: none;
}
.page-navi-01 li.hide {
display: inline-block;
padding-left: 0;
list-style-type: none;
margin: 10px 0 !important;
}
.page-navi-01 .active,
.page-navi-01 .active:hover {
cursor: not-allowed;
}
.navi-sch-01 * {margin-right: 4px;}
.navi-sch-01 #edSCH_STR {width: 100px; padding-left: 4px;}
.navi-sch-01 a.btn {
vertical-align: top;
padding: 6px 5px 6px 8px;
}
.navi-sch-01 select {height: 34px;}
/* ìƒ‰ìƒ ë³€ê²½ */
.page-navi-01 li:hover,
.page-navi-01 .active,
.page-navi-01 .active:hover {
background: #CBCBCB;
color: #0a0a0a;
}
.navi-sch input[type="text"] {
min-height: 34px;
}
@media (max-width: 767px) {
.navi-sch-01 #edSCH_STR {width: 74px;}
ul.page-navi-01 {
border: 1px solid #cdcdcd;
padding-left: 0px;
}
.page-navi-01 li {margin: 4px 1px;}
}
/* ####################################################################################################################################################
END page nav
#################################################################################################################################################### */
/* ####################################################################################################################################################
BEGIN 메뉴 영역
#################################################################################################################################################### */
.c-mega-menu .c-log-toggler-wrapper img.img-circle {height: 36px;}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
font-size: 20px;
font-weight: 500;
letter-spacing: -1px;
}
/* 서브메뉴 설정 */
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li .dropdown-menu > li > a {
font-size: 16px;
font-weight: 300;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li .dropdown-menu > li > a {color: #eaeaea;}
/* 로그인 서브 메뉴 */
.c-layout-header .c-log-menu {
border: 1px solid #f3f3f3;
display: none;
background: #ffffff;
position: absolute;
right: 0;
}
.c-layout-header .c-log-menu { display: none; }
.c-header-log-shown .c-layout-header .c-log-menu { display: block; }
.c-layout-header .c-log-menu .c-log-menu-items {
padding: 0;
margin-bottom: 0px;
}
.c-layout-header .c-log-menu .c-log-menu-items > li {
border: none;
padding: 10px 20px;
width: 100%;
list-style: none;
overflow: auto;
color: #000;
font-family: 'Noto Sans KR', sans-serif;
font-weight: 500;
}
.c-layout-header .container-fluid .c-log-menu {
right: 110px;
box-shadow: 0 6px 12px rgb(247 247 247);
border: 1px solid #ddd;
}
.c-layout-header .c-log-menu .c-log-menu-items > li:hover {background: #EAEAEA;}
.c-layout-header .c-log-menu .c-log-menu-items > li:hover a {color: #000;}
/* ----------------------------------------------------------------------------------------------------------- BEGIN
상단 메뉴의 배경색과 글자색의 설정 (이곳 포함 3군데 수정)
----------------------------------------------------------------------------------------------------------- */
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li .dropdown-menu > li > a {
color: #000;
font-family: 'Noto Sans KR', sans-serif;
font-weight: 500;
}
/* ----------------------------------------------------------------------------------------------------------- END
상단 메뉴의 배경색과 글자색의 설정
----------------------------------------------------------------------------------------------------------- */
@media (min-width: 992px) {
/* ----------------------------------------------------------------------------------------------------------- BEGIN
상단 메뉴 설정
----------------------------------------------------------------------------------------------------------- */
.c-layout-header.c-layout-header-default {
border-bottom: 4px solid;
}
.c-page-on-scroll .c-layout-header.c-layout-header-default {
border-bottom: 4px solid;
}
/* ----------------------------------------------------------------------------------------------------------- END
상단 메뉴 설정
----------------------------------------------------------------------------------------------------------- */
/* 로고의 세로폭이 40px 인 경우 */
.c-layout-header .c-brand,
.c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-brand {margin: 20px 0 20px 0;}
/* 스크롤상태에서도 메뉴 세로폭은 동일하게 적용 */
.c-page-on-scroll.c-layout-header-fixed .c-layout-header {height: 81px;}
.c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before,
.c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before,
.c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before,
.c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before,
.c-page-on-scroll .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before,
.c-page-on-scroll .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before,
.c-page-on-scroll .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before,
.c-page-on-scroll .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before {
top: 14px;
height: 3px;
}
/* 메인메뉴(1차메뉴)에 적용된 min-height값을 제거한다 */
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {min-height: auto;}
/* 로그인 버튼 */
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn,
.c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-mega-menu .nav.navbar-nav > li > .c-btn {margin: 18px 15px;}
.c-layout-header .c-log-menu {top: auto;}
}
@media (max-width: 991px) {
.c-layout-header .c-log-menu.mbs {top: 346px;}
.c-layout-header .c-log-menu.mng {top: 430px;}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li > .c-link,
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li .dropdown-menu > li > a {
border-bottom: 1px solid;
}
/* 작은 메뉴에서는 로고 사이즈를 줄인다. */
.c-layout-header .c-brand .c-mobile-logo {height: 32px;}
/* 로고의 세로폭이 21px 로 줄인 작은 메뉴에서... */
.c-layout-header .c-brand {margin: 15px 15px 15px 15px;}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li .dropdown-submenu > a > .c-arrow,
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li a.dropdown-toggle > .c-arrow {
font-size: 16px;
font-weight: 600;
border: 1px solid #ccc;
}
}
@media (max-width: 767px) {
.c-layout-header .c-log-menu {
width: 100%;
right: 0;
}
.c-layout-header .container-fluid .c-log-menu { right: 0; }
}
/* ####################################################################################################################################################
BEGIN 바닥 영역
#################################################################################################################################################### */
/* PC에서 고정 footer설정 */
footer {
position: relative;
bottom: 0px;
width: 100%;
z-index: 1;
}
@media (max-width: 991px) {
footer {
position: static;
bottom: auto;
z-index: auto;
}
}
/* 위로가기 버튼의 위치 : 고정footer보다 위에 있어야 한다 */
.c-layout-go2top {
bottom: 60px;
z-index: 9;
}
.c-layout-go2top > i {
opacity: 1;
border: 2px solid;
border-radius: 50px;
width: 49px;
padding: 0px 0px 8px 10px;
}
.c-layout-go2top > i:hover {
background: #d61920;
border-color: #d61920;
color: #fff !IMPORTANT;
}
.c-postfooter {
font-size: 14px;
padding: 10px 0 !important;
}
.c-postfooter p {
margin: 0;
}
.c-postfooter .logo-footer {
float: right;
padding-top: 0px;
max-width: 100%;
width: 240px;
}
.c-postfooter ul {
margin-bottom: 0px;
float: right;
}
.c-postfooter a {
color: #fff;
}
.c-postfooter a:active, .c-postfooter a:hover, .c-postfooter a:focus {color: #efefef;}
.lti-horiz-ul {
list-style:none;
padding-left: 0px;
}
.lti-horiz-ul > li {display:inline-block}
.lti-horiz-ul > li+li:not(.log):before {
padding:0 5px;
content:"|";
}
li.log {
border: 1px solid;
padding: 0 8px;
color: #8c8c8c;
float: right;
}
li.log a {color: inherit;}
@media (max-width: 991px) {
.c-postfooter .logo-footer{
float: left;
max-width: 200px;
}
.c-postfooter ul{
float: left;
}
}
/*
#######################################################################################################################################
Notes
#######################################################################################################################################
*/
.note {
margin: 0 0 20px 0;
padding: 15px 30px 15px 15px;
border-left: 5px solid #eee;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
-ms-border-radius: 0 4px 4px 0;
-o-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.note h1,
.note h2,
.note h3,
.note h4,
.note h5,
.note h6 {
margin-top: 0;
}
.note h1 .close,
.note h2 .close,
.note h3 .close,
.note h4 .close,
.note h5 .close,
.note h6 .close {
margin-right: -10px;
}
.note p {
font-size: 13px;
}
.note p:last-child {
margin-bottom: 0;
}
.note code,
.note .highlight {
background-color: #fff;
}
.note.note-default {
background-color: lightgray;
border-color: #a0a0a0;
color: #333333, 80%;
}
.note.note-default.note-bordered {
background-color: #c3c3c3;
border-color: #a0a0a0;
}
.note.note-default.note-shadow {
background-color: #c6c6c6;
border-color: #a0a0a0;
box-shadow: 5px 5px rgba(162, 162, 162, 0.2);
}
.note.note-primary {
background-color: #5697d0;
border-color: #2a7696;
color: #D8E3F2, 80%;
}
.note.note-primary.note-bordered {
background-color: #3e89c9;
border-color: #2a7696;
}
.note.note-primary.note-shadow {
background-color: #428bca;
border-color: #2a7696;
box-shadow: 5px 5px rgba(43, 121, 154, 0.2);
}
.note.note-success {
background-color: #eef7ea;
border-color: #bbdba1;
color: #3c763d, 80%;
}
.note.note-success.note-bordered {
background-color: #dcefd4;
border-color: #bbdba1;
}
.note.note-success.note-shadow {
background-color: #dff0d8;
border-color: #bbdba1;
box-shadow: 5px 5px rgba(190, 220, 164, 0.2);
}
.note.note-info {
background-color: #eef7fb;
border-color: #91d9e8;
color: #31708f, 80%;
}
.note.note-info.note-bordered {
background-color: #d5ebf6;
border-color: #91d9e8;
}
.note.note-info.note-shadow {
background-color: #d9edf7;
border-color: #91d9e8;
box-shadow: 5px 5px rgba(150, 219, 233, 0.2);
}
.note.note-warning {
background-color: #fcf8e3;
border-color: #f2cf87;
color: #8a6d3b, 80%;
}
.note.note-warning.note-bordered {
background-color: #f9f1c7;
border-color: #f2cf87;
}
.note.note-warning.note-shadow {
background-color: #faf2cc;
border-color: #f2cf87;
box-shadow: 5px 5px rgba(243, 209, 139, 0.2);
}
.note.note-danger {
background-color: #f9f0f0;
border-color: #dca7b0;
color: #a94442, 80%;
}
.note.note-danger.note-bordered {
background-color: #f1dada;
border-color: #dca7b0;
}
.note.note-danger.note-shadow {
background-color: #f2dede;
border-color: #dca7b0;
box-shadow: 5px 5px rgba(222, 171, 179, 0.2);
}
/* ####################################################################################################################################################
BEGIN index 페이지
#################################################################################################################################################### */
.owl-carousel img {
max-width: 100%;
width: 100%;
}
.owl-carousel {
margin-top: 8px;
margin-bottom: 8px;
}
.box-fixed {min-height: 160px;}
.c-no-padding .owl-carousel {
margin-bottom: 40px;
}
.owl-theme:not(.owl-single):not(.owl-bordered) {
margin-left: 0;
width: 100%;
}
.owl-theme:not(.owl-single):not(.owl-bordered) .owl-wrapper .owl-item {
padding: 2px;
}
.owl-theme .owl-controls {
margin-top: 10px;
}
.owl-theme .owl-controls .owl-buttons div {
position: absolute;
left: auto;
right: auto;
top: 8px;
z-index: 100;
cursor: pointer;
background: url(/com/img/btn_arrow_06.png) no-repeat 0 0;
width: 30px;
height: 30px;
}
.owl-theme .owl-controls .owl-buttons .owl-prev {
left: -45px;
background-position-x: 0;
}
.owl-theme .owl-controls .owl-buttons .owl-next {
right: -45px;
background-position-x: -30px;
}
.owl-theme .owl-controls .owl-buttons .owl-next:hover,
.owl-theme .owl-controls .owl-buttons .owl-prev:hover {
background-color: initial !important;
}
.owl-theme .owl-controls .owl-buttons .owl-next:hover {
background-position-x: -30px;
background-position-y: -30px;
}
.owl-theme .owl-controls .owl-buttons .owl-prev:hover {
background-position-x: 0px;
background-position-y: -30px;
}
.owl-bbs-pic.owl-theme .owl-controls .owl-buttons div {
position: absolute;
left: auto;
right: auto;
top: -50px;
z-index: 100;
cursor: pointer;
background: url(/com/img/btn_arrow_06.png) no-repeat 0 0;
width: 30px;
height: 30px;
}
.owl-bbs-pic.owl-theme .owl-controls .owl-buttons .owl-prev {
right: 36px;
background-position-x: 0;
}
.owl-bbs-pic.owl-theme .owl-controls .owl-buttons .owl-next {
right: 0;
background-position-x: -30px;
}
.owl-theme .item .c-body {
padding: 8px;
margin: 4px 4px 0px 4px;
}
.owl-theme .item .c-body p {margin: 0;}
#owl-verify1 .owl-buttons {
position: absolute;
left: auto;
right: 40px;
top: -40px;
}
#owl-verify1 .owl-buttons div {
display: inline-block;
width: 26px;
height: 26px;
margin-left: 5px;
position: static;
border-radius: 26px !important;
text-indent: -100000px;
padding: 0;
}
.owl-cm {
margin: 40px 0;
}
.owl-cm .owl-item img {
width: 180px;
height: 48px;
}
.bg_imgwrap{
width:100%;
overflow:hidden;
}
.bg_img{
width:100%;
height:50vh;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.bg_img:hover{
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-ms-transform: scale(1.3); /* IE 9 */
transform: scale(1.3);
}
#owl_bbs .owl-carousel .owl-item a p.title {
min-height: 50px;
}
.c-content-testimonial-3 > .c-person > .c-person-detail {
display: inline-block;
margin-left: 8px;
padding: 0;
vertical-align: top;
margin-top: 4px;
}
.c-content-testimonial-3 > .c-person {
padding: 12px 0 0 20px;
}
.c-content-blog-post-card-1 .c-body .c-author P {
display: inline-block;
}
.c-content-overlay img {
max-height: 266px;
margin: 0 auto;
}
.c-content-overlay .c-overlay-wrapper.red {background: rgba(211, 0, 0, 0.6);}
.c-content-overlay .c-overlay-wrapper.orange {background: rgb(255 165 0 / 80%);}
.c-content-overlay .c-overlay-wrapper.yellow {background: rgb(172 154 0 / 70%);}
.c-content-overlay .c-overlay-wrapper.green {background: rgb(3 139 0 / 80%);}
.c-content-overlay .c-overlay-wrapper.blue {background: rgba(0, 0, 189, 0.6);}
.c-content-overlay .c-overlay-wrapper.purple {background: rgba(202, 0, 202, 0.6);}
.c-content-overlay .c-overlay-wrapper .c-overlay-content>a {
color: #FFF;
font-size: 22px;
font-weight: 500;
}
.c-content-overlay .c-overlay-wrapper .c-overlay-content i {
font-size: 44px;
background: none;
margin-bottom: 20px;
text-align: center;
width: auto;
height: auto;
color: #fff;
opacity: 1;
}
.c-line-left {
margin-bottom: 8px;
}
#owl-verify1 .owl-buttons .owl-prev {
background: #fff url(/com/img/fa-angles.png) no-repeat 8px 8px;
}
#owl-verify1 .owl-buttons .owl-prev:hover {
background: #e84d1c url(/com/img/fa-angles.png) no-repeat 8px -31px;
}
#owl-verify1 .owl-buttons .owl-next {
background: #fff url(/com/img/fa-angles.png) no-repeat -33px 8px;
}
#owl-verify1 .owl-buttons .owl-next:hover {
background: #e84d1c url(/com/img/fa-angles.png) no-repeat -33px -31px;
}
.img-card-desc-1 {
padding: 10px;
background: #f8f8f8;
}
.img-card-desc-1:hover a {
color: #fff;
}
.nav-tabs li a {
font-size: 24px;
background-color: #c9f0ff;
border: none;
border-radius: 30px;
padding: 5px 30px;
margin: 2px 12px;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
font-weight: 500;
color: inherit;
border: none;
border-top: 4px solid #f00;
}
.n1111av-tabs li a:hover,
.na1111v-tabs li a:active {
font-weight: 500;
color: inherit;
border-top: 4px solid #f00;
}
.tabbable-line-01 .nav>li>a {
padding: 2px 8px;
}
.tabbable-line-01 .nav>li>a:hover,
.tabbable-line-01 .nav>li>a:focus {
text-decoration: none;
background-color: inherit;
}
.tabbable-line-01 > .nav-tabs {
border: none;
margin: 0px;
}
.tabbable-line-01 > .nav-tabs > li {
margin-right: 2px;
}
.tabbable-line-01 > .nav-tabs > li.active {
border-bottom: 4px solid #d0222a;
position: relative;
}
.tabbable-line-01 > .nav-tabs > li.open,
.tabbable-line-01 > .nav-tabs > li:hover {
border-bottom: 4px solid #fbcdcf;
}
.tabbable-line-01 > .nav-tabs > li > a {
border: 0;
margin-right: 0;
color: #acacac;
padding: 8px 12px;
}
.tabbable-line-01 > .nav-tabs > li.active > a {
border: 0;
color: #333;
}
.tabbable-line-01 .tab-pane {
padding-top: 40px;
}
.tabbable-line-01 > .tab-content {
margin-top: -3px;
background-color: #fff;
border: 0;
border-top: 1px solid #eee;
padding: 10px 0;
}
.tabbable-line-01 .tab-content>.active {
display: block;
}
.tabbable-line-01 .tab-content table {
width: 100%;
table-layout: fixed;
}
.tabbable-line-01 .tab-content table td.title {
padding: 0 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 80%;
}
.tabbable-line-01 .tab-content table td,
.tabbable-line-01 .tab-content table th {
font-size: 13px;
}
.catalog-area .in-div:first-child {
padding-left: 40px;
padding-right: 4px;
}
.catalog-area .in-div:last-child {
padding-left: 4px;
padding-right: 40px;
}
.customer-area h3,
.customer-area h4 {
text-align: center;
border-bottom: 2px dotted #d0222a;
border-bottom-style: dotted;
margin: 10px 60px;
padding-bottom: 8px;
}
.call-area h4:not(.number-text) {
border-left: 8px solid #d0222a;
padding-left: 10px;
margin-bottom: 0px;
}
.call-area .number-text {
font-weight: 600;
/* font-size: larger; */
margin: 0;
padding-left: 18px;
}
.call-area p {
margin-left: 18px;
margin-bottom: 0px;
}
#bbs_home_list #nav_head {
padding-top: 40px;
}
#bbs_home_list .desc .title {
margin: 10px 0;
display: inline-block;
letter-spacing: 2px;
color: #7a7a7a;
height: 2px;
width: 102px;
}
#bbs_home_list .desc .sec-title {
font-size: 28px;
font-weight: 500;
margin: 20px 0;
}
#bbs_home_list .desc .sec-desc {
margin-bottom: 40px;
}
#block_index_vote .box {
color: #FFF;
cursor: pointer;
padding: 8px;
min-height: 179px;
}
#block_index_vote .ord1 {background-color: rgb(27 63 173 / 70%);}
#block_index_vote .ord2 {background-color: rgb(153 28 28 / 70%);}
#block_index_vote .ord3 {background-color: rgb(113 1 101 / 70%);}
#block_index_vote .ord4 {background-color: rgb(64 3 130 / 70%);}
#block_index_vote > .col-xs-6 {margin-bottom: 15px;}
#block_index_vote > .col-xs-6:nth-child(even) {padding-left: 7px;}
#block_index_vote > .col-xs-6:nth-child(odd) {padding-right: 7px;}
#block_index_vote .ready {color: #c9c9c9;}
#block_index_vote .visual p {
display: inline;
}
#block_index_vote .title {
margin-top: 16px;
}
#block_index_vote .details {
position: absolute;
bottom: 0;
right: 25px;
}
#block_index_vote_zzzzz .dashboard-stat {
height: 154px;
padding: 12px;
color: #FFF;
width: 44%;
display: inline-table;
margin: 0 8px 14px;
position: relative;
}
#block_index_vote_zzzzz .dashboard-stat.ord1 {background-color: rgb(27 63 173 / 70%);}
#block_index_vote_zzzzz .dashboard-stat.ord2 {background-color: rgb(153 28 28 / 70%);}
#block_index_vote_zzzzz .dashboard-stat.ord3 {background-color: rgb(113 1 101 / 70%);}
#block_index_vote_zzzzz .dashboard-stat.ord4 {background-color: rgb(64 3 130 / 70%);}
#block_index_vote_zzzzz .dashboard-stat .visual {
margin-bottom: 12px;
}
#block_index_vote_zzzzz .dashboard-stat .visual .caption {
display: inline;
}
#block_index_vote_zzzzz .dashboard-stat .details {
position: absolute;
bottom: 4px;
right: 8px;
}
#block_index_vote_zzzzz .dashboard-stat .visual---------- i {
position: absolute;
color: #FFF;
margin-left: -32px;
font-size: 80px;
line-height: 80px;
opacity: 0.2;
filter: alpha(opacity=20);
display: none;
}
#block_index_vote_zzzzz .dashboard-stat .details------ .number {
padding-top: 20px;
font-weight: 500;
font-size: 28px;
}
@media (max-width: 767px) {
#bbs_home_list {
background-image: none !important;
}
#bbs_home_list #nav_head {
padding-top: 0;
padding-bottom: 0;
}
}
@media (max-width: 575px) {
}
/* ####################################################################################################################################################
BEGIN 서브페이지 공통
#################################################################################################################################################### */
.c-layout-breadcrumbs-1 {
margin-top: 80px;
padding: 16px 0;
}
.c-layout-header-fixed .c-layout-page .c-layout-breadcrumbs-1 { margin-top: 0px;}
.c-layout-breadcrumbs-1 .breadcrumbs-info {
position: relative;
top: 35%;
}
.c-layout-breadcrumbs-1 .c-page-title img.logo-txt {
display: inline;
width: 26px;
vertical-align: baseline;
margin-right: 6px;
}
.c-layout-breadcrumbs-1 .c-page-title .title {
font-weight: 500;
letter-spacing: 2px;
font-size: 30px;
display: inline;
}
.c-layout-breadcrumbs-1 p {margin: 0;}
.c-layout-breadcrumbs-1 .c-page-breadcrumbs > li {font: inherit;}
.equalmenunavi {
margin-bottom: 40px;
}
.equalmenunavi .btn-group:not(:first-of-type) {
margin-left: 4px;
}
.equalmenunavi .btn-group > .btn {
margin-left: 0;
background-color: inherit;
color: inherit;
border-radius: 25px;
margin-bottom: 8px;
padding: 2px 8px;
}
.c-content-isotope-grid.c-opt-3 {
margin: 0;
}
/* 모바일에서의 오류(추가: -webkit-transform 속성) */
.c-content-isotope-grid.c-opt-3 .c-content-isotope-item .c-content-isotope-image-container .c-content-isotope-overlay-content {
width: 80%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
.c-content-isotope-grid .c-content-isotope-item > .c-content-isotope-image-container > .c-content-isotope-overlay > .c-content-isotope-overlay-content > .c-content-isotope-overlay-title {
margin: 0 0 6px 0;
font-size: 22px;
font-weight: 400;
color: #cee210;
}
.c-content-isotope-grid .c-content-isotope-item > .c-content-isotope-image-container > .c-content-isotope-overlay > .c-content-isotope-overlay-content > .c-content-isotope-overlay-price {
font-size: 26px;
color: #fff;
font-weight: 400;
margin: 0;
}
.c-content-isotope-grid .c-content-isotope-item > .c-content-isotope-image-container > .c-content-isotope-overlay > .c-content-isotope-overlay-content > .c-content-isotope-overlay-desc {
font-size: 14px;
color: #c7c7c7;
font-weight: 400;
margin: 0 0 6px;
}
.c-shop-product-details-2 .c-product-gallery > .c-product-gallery-content,
.c-shop-product-details-2 .c-product-gallery > .c-product-gallery-content > .c-zoom{
height: auto;
}
@media (max-width: 767px) {
.c-postfooter .logo-footer {
margin: 10px auto;
display: block;
}
.c-layout-breadcrumbs-1 {
margin-top: 65px;
padding: 0;
}
.c-shop-product-details-2 .c-product-gallery > .c-product-gallery-content,
.c-shop-product-details-2 .c-product-gallery > .c-product-gallery-content > .c-zoom {
padding: 10px 40px 0;
}
}
@media (max-width: 400px) {
#footer_addr p span:not(:first-of-type) {
margin-left: 0;
display: block;
}
}
/* ####################################################################################################################################################
BEGIN Form
#################################################################################################################################################### */
.input-group-lg .form-control, .form-control.input-lg {
font-size: 16px;
}
.form-group.st-table {margin: 8px 0;}
.form-group.st-table .c-radio,
.form-group.st-table .c-checkbox {margin-top: 4px;}
.form-group:has([class*="icheck-material"]) {
margin-left: 0px !important;
}
.form-control::-webkit-input-placeholder {color: #cdcdcd;}
.form-control:-moz-placeholder {color: #cdcdcd;}
.form-control::-moz-placeholder {color: #cdcdcd;}
.form-control:-ms-input-placeholder {color: #cdcdcd;}
.form-control {font: inherit;}
.form-control,
.input-group-addon {border-radius: 0px;}
.input-group-addon.inline01 {
display: inline;
font-size: 16px;
border: none;
background-color: inherit;
}
.form-control:focus, .form-control:active, .form-control.active {
border-color: #66afe9 !important;
}
.form-control:active, .form-control:focus {
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) !important;
}
.form-control.auto-width {width: auto;}
.no-title-control,
.no-title-control-xs {margin-top: 39px;}
.no-title-control.btn,
.no-title-control-xs.btn {margin-bottom: 15px;}
.control-label span.label-equal-w {
padding-left: 10px;
color: #FFF;
font-size: inherit;
}
.control-label a.under {
font-size: smaller;
}
.control-label.req {
color: #FF0000;
font-weight: bold;
}
.list-inline label.control-label {
padding-right: 20px;
}
label.radio-inline:first-child {
padding-left: 0;
}
/* 요소와 나란히 사용되는 와 같은 문자열의 윗마진조절 */
.with-input, .with-input-xs-off {margin-top: 34px;}
.input-icon.no-label {margin-top: 34px;}
.c-checkbox.no-label,
.c-checkbox.no-label-xs-off {margin-top: 40px;}
.c-radio-list {margin: 4px 0 20px;}
.c-radio-list .c-radio {margin-bottom: 0;}
.c-radio-list.list-inline .c-radio,
.c-radio-list.list-inline .c-checkbox {
display: inline-block;
}
.c-radio-list.list-inline .c-radio:not(:last-child),
.c-radio-list.list-inline .c-checkbox:not(:last-child) {
margin-right: 10px;
}
.chk-char-img {
margin: 10px;
padding: 10px;
background-color: #fff;
border: 1px dotted #FF7070;
width: 100%;
}
label.control-label.chk-char {
margin-top: 10px;
}
.btn.default {
color: #333333;
background-color: #E5E5E5;
}
.btn.default:hover, .btn.default:focus, .btn.default:active, .btn.default.active {
color: #333333;
background-color: lightgray;
}
.btn {
border-radius: 0;
/* 이거 해지하면 다른 곳, 특히 숫자 +- 하는 버튼의 위치에 문제가 생긴다.
margin: 2px; */
}
.btn + .btn:not(.c-spinner-btn-down) {margin-left: 2px;}
.btn.btn-set2 {padding: 6px 4px 4px 10px;}
.btn.btn-full {width: 100%;}
.form .grp-subject {
background-color: #555;
color: #ffee00;
font-size: 20px;
font-weight: 600;
}
/* input 관련 요소들을 흐리고 어둡게 처리함 */
.row.no-show {background-color: #f5f5f5;}
.row.title {
background-color: #cdcdcd;
color: #000;
font-weight: 600;
font-size: 14px;
}
.row.title p {margin: 6px 0;}
.row.title .c-font-12 p {padding-top: 4px;}
.row.record {border-bottom: 1px solid #EFEFEF}
.row.record .row .col-xs-1, .row.record .row .col-sm-1, .row.record .row .col-md-1, .row.record .row .col-lg-1,
.row.record .row .col-xs-2, .row.record .row .col-sm-2, .row.record .row .col-md-2, .row.record .row .col-lg-2,
.row.record .row .col-xs-3, .row.record .row .col-sm-3, .row.record .row .col-md-3, .row.record .row .col-lg-3,
.row.record .row .col-xs-4, .row.record .row .col-sm-4, .row.record .row .col-md-4, .row.record .row .col-lg-4,
.row.record .row .col-xs-5, .row.record .row .col-sm-5, .row.record .row .col-md-5, .row.record .row .col-lg-5,
.row.record .row .col-xs-6, .row.record .row .col-sm-6, .row.record .row .col-md-6, .row.record .row .col-lg-6,
.row.record .row .col-xs-7, .row.record .row .col-sm-7, .row.record .row .col-md-7, .row.record .row .col-lg-7,
.row.record .row .col-xs-8, .row.record .row .col-sm-8, .row.record .row .col-md-8, .row.record .row .col-lg-8,
.row.record .row .col-xs-9, .row.record .row .col-sm-9, .row.record .row .col-md-9, .row.record .row .col-lg-9,
.row.record .row .col-xs-10, .row.record .row .col-sm-10, .row.record .row .col-md-10, .row.record .row .col-lg-10,
.row.record .row .col-xs-11, .row.record .row .col-sm-11, .row.record .row .col-md-11, .row.record .row .col-lg-11,
.row.record .row .col-xs-12, .row.record .row .col-sm-12, .row.record .row .col-md-12, .row.record .row .col-lg-12 {
padding-right: 2px;
padding-left: 2px;
}
.c-spinner input {width: 60%;}
/* 버튼과 함께 할때 */
.c-users input,
.c-users-two-btn input {
float: left;
padding: 6px;
border-radius: 0;
border-color: #d0d7de;
}
/* 버튼 1개, 2개와 함께 할때 */
.c-users input {width: 70%;}
.c-users-two-btn input {width: 50%;}
.c-input-group-btn-vertical {
width: 20%;
}
.c-input-group-btn-vertical .btn {
position: absolute;
height: 34px;
top: -14px;
width: 28px;
}
.c-input-group-btn-vertical .btn:last-child {
margin-top: 0;
}
.c-input-group-btn-vertical .btn:not(:first-child) {
margin-left: 26px;
}
.c-input-group-btn-vertical .btn.search {
width: 100%;
}
.c-input-group-btn-vertical .btn.search i {
left: 15px;
}
.c-input-group-btn-vertical .btn i {
left: 4px;
top: 6px;
}
.c-input-group-btn-vertical .btn i.fa-2x {
top: 0;
}
.c-input-group-btn-vertical + p {
position: relative;
display: inline;
top: 5px;
left: 20px;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
cursor: inherit;
background-color: inherit;
}
.readonly {
cursor: not-allowed;
background-color: #eeeeee;
}
.form-control.readonly {
cursor: not-allowed;
background-color: #eeeeee;
}
.radio-group-margin-b-22 {margin-bottom: 22px;}
.checkbox-inline:not(:first-child),
.radio-inline:not(:first-child) {
padding-left: 4px;
}
.help-inline {
font-size: smaller;
color: #494949;
display: inline-block;
padding: 5px;
font-style: italic;
}
@media (max-width: 767px) {
label.control-label.chk-char,
.with-input-xs-off,
.c-checkbox.no-label-xs-off {margin-top: 0px;}
.form-horizontal .control-label {text-align: right;}
.form .no-caption,
.form .no-title-control {margin-top: 1px;}
label.checkbox-inline:first-child,
label.radio-inline:first-child,
.checkbox-inline,
.radio-inline {
display: block;
padding-left: 20px;
}
.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
margin-left: 0;
}
}
/* --------------------------------------------------
BEGIN
양식 정의
-------------------------------------------------- */
/***
Responsive & Scrollable Tables
***/
table.none-full {
width: 600px;
margin: 0 auto;
max-width: 100%;
}
.table-scrollable {
width: 100%;
overflow-x: auto;
overflow-y: hidden;
border: 1px solid #dddddd;
margin: 10px 0 !important;
}
.table-scrollable.table-scrollable-borderless {
border: 0;
}
.table-scrollable > .table {
width: 100% !important;
margin: 0 auto !important;
margin-bottom: 0;
background-color: #fff;
}
.table-scrollable > .table > thead > tr > th,
.table-scrollable > .table > tbody > tr > th,
.table-scrollable > .table > tfoot > tr > th,
.table-scrollable > .table > tfoot > tr > th,
.table-scrollable > .table > tfoot > tr > td {
white-space: nowrap;
}
.table-scrollable > .table-bordered {
border: 0;
}
.table-scrollable > .table-bordered > thead > tr > th:first-child,
.table-scrollable > .table-bordered > tbody > tr > th:first-child,
.table-scrollable > .table-bordered > tfoot > tr > th:first-child,
.table-scrollable > .table-bordered > thead > tr > td:first-child,
.table-scrollable > .table-bordered > tbody > tr > td:first-child,
.table-scrollable > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.table-scrollable > .table-bordered > thead > tr > th:last-child,
.table-scrollable > .table-bordered > tbody > tr > th:last-child,
.table-scrollable > .table-bordered > tfoot > tr > th:last-child,
.table-scrollable > .table-bordered > thead > tr > td:last-child,
.table-scrollable > .table-bordered > tbody > tr > td:last-child,
.table-scrollable > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.table-scrollable > .table-bordered > thead > tr:last-child > th,
.table-scrollable > .table-bordered > tbody > tr:last-child > th,
.table-scrollable > .table-bordered > tfoot > tr:last-child > th,
.table-scrollable > .table-bordered > thead > tr:last-child > td,
.table-scrollable > .table-bordered > tbody > tr:last-child > td,
.table-scrollable > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
.table-scrollable > .table > tbody > tr > td:not(.wrap) {
white-space: nowrap;
}
/***
END Responsive & Scrollable Tables
***/
table.table-align-l td {
text-align: left !important;
}
/* 셀 마우스오버시 색상 및 커서 정의 */
table tbody .cell-moveover-y:hover,
table tbody .cell-moveover-r:hover {cursor: pointer;}
table tbody .cell-moveover-y:hover {background-color: #FFFFAA !important;}
table tbody .cell-moveover-r:hover {background-color: #FFBDBD !important;}
table.tbl-nowrap td,
table.tbl-nowrap th,
table.dataTable1 td,
table.dataTable1 th {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.table01 {
width: 98%;
border: 1px solid #ddd !important;
}
.table01 > thead > tr > th,
.table01 > thead > tr > td,
.table01 > tbody > tr > th,
.table01 > tbody > tr > td {
/*
border-bottom-width: 2px !important;
padding: 4px 8px;
*/
text-align: center;
border: 1px solid #cdcdcd;
}
.table01 > thead > tr {
background-color: #747474 !important;
color: #FFEEEE;
font-weight: 700;
}
.table01 > thead > tr th {
background-color: inherit !important;
color: #fff !important;
font-weight: 600 !important;
}
.table01 > tbody > tr > th:not(.no-color) {
background-color: #DBEFF8 !important;
color: #000 !important;
font-weight: 600 !important;
}
/* subject 정의하기 */
.table02 thead tr.up-subject th.rowspan,
.table02 thead tr:not(.up-subject) th {
border-bottom: 2px solid #000;
}
.table02 thead tr.up-subject th:not(.rowspan) {
background: #efefef;
}
table.row0 td p {margin: 0;}
/* END 양식 정의 */
/* --------------------------------------------------
BEGIN plugin datatables
-------------------------------------------------- */
.dataTables_wrapper {
padding: 0 15px;
}
.input-inline {
display: inline-block;
width: auto;
vertical-align: middle;
}
.input-small {
width: 145px !important;
}
.tabletools-btn-group {margin-bottom: 10px;}
.dataTables_filter .form-control {margin-left: 4px;}
/* scrollX:true로 정의될 때 함께 처리 함. */
table.dataTable.nowrap th, table.dataTable.nowrap td {white-space: nowrap;}
@media (max-width: 991px) {
.tp-simpleresponsive .caption img {
width: 50% !important;
height: auto !important;
}
.slide-font-desc .visible-sm-block {
margin-top: 50px;
font-size: 1.6em;
}
}
@media (max-width: 767px) {
.input-inline {width: 50%;}
div.dataTables_paginate {float: inherit;}
.slide-font-title {
font-size: 32px !important;
}
.tp-simpleresponsive .caption p,
.tp-simpleresponsive .tp-caption p {
text-align: center;
font-size: 13px;
width: 100%;
line-height: 16px;
margin-top: 0px;
}
.slide-font-title-desc {
font-size: 22px !important;
line-height: 26px !important;
}
.tp-simpleresponsive .caption img {
width: 60% !important;
height: auto !important;
top: 118px !important;
}
.slide-font-desc {
font-size: 20px !important;
white-space: normal;
line-height: 24px !important;
}
.caption.slide-img {
top: 80px !important;
}
.caption.slide-font-desc.ln01 {
top: 130px !important;
}
.caption.slide-font-desc.ln02 {
top: 150px !important;
}
}
@media (max-width: 480px) {
.dataTables_wrapper .dataTables_filter .form-control {width: 92px !important;}
}
/***
Select2 Plugin
***/
.form-control .select2-choice {
border: 1px solid #e5e5e5;
background-color: #fff;
background-image: none;
filter: none;
height: 34px;
padding: 3px 0 0px 12px;
}
.select2-container.select2-drop-above .select2-choice {
border-bottom-color: #e5e5e5;
background-color: #fff;
background-image: none;
filter: none;
}
.select2-drop {
border: 1px solid #e5e5e5;
background-color: #fff;
background-image: none;
-webkit-box-shadow: none;
box-shadow: none;
filter: none;
border-top: 0;
}
.select2-drop-auto-width {
border-top: 1px solid #e5e5e5;
}
.select2-drop.select2-drop-above {
border-top: 1px solid #e5e5e5;
-webkit-box-shadow: none;
box-shadow: none;
}
.select2-drop-active {
border: 1px solid #999;
border-top: 0;
}
.select2-container .select2-choice .select2-arrow {
background-image: none;
background-color: #fff;
filter: none;
border-left: 1px solid #e5e5e5;
}
.select2-container.select2-container-active .select2-arrow,
.select2-container.select2-dropdown-open .select2-arrow {
border-left: 0 !important;
}
.select2-container .select2-choice .select2-arrow b {
background-position: 0 1px;
}
.select2-search input {
border: 1px solid #e5e5e5;
background-color: #fff !important;
filter: none;
margin: 0;
outline: 0;
border: 1px solid #e5e5e5;
color: #333333;
outline: 0;
box-shadow: none;
height: auto !important;
min-height: 26px;
padding: 6px 6px !important;
line-height: 20px;
font-size: 14px;
font-weight: normal;
vertical-align: top;
background-color: #ffffff;
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 5px;
}
.form-control.select2-container {
border: 0;
height: auto !important;
padding: 0px;
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
border: 1px solid #999 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.select2-dropdown-open .select2-choice {
border-bottom: 0 !important;
background-image: none;
background-color: #fff;
filter: none;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
border: 1px solid #999 !important;
border-top: 0 !important;
background-image: none;
background-color: #fff;
filter: none;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.select2-drop.select2-drop-above.select2-drop-active {
border: 1px solid #999 !important;
border-bottom: 0 !important;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
background-position: -18px 1px;
}
.select2-results {
margin: 5px 0;
}
.select2-results .select2-highlighted {
background: #eee;
color: #333;
}
.select2-results li em {
background: #feffde;
font-style: normal;
}
.select2-results .select2-highlighted em {
background: transparent;
}
.select2-results .select2-highlighted ul {
background: #fff;
color: #000;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
padding: 3px 7px 4px;
background: #f4f4f4;
display: list-item;
}
.select2-container-multi {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.select2-container-multi .select2-choices {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.select2-container-multi.select2-dropdown-open {
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-ms-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.select2-container-multi.select2-dropdown-open .select2-choices {
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-ms-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.select2-container-multi.select2-dropdown-open.select2-drop-above {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
-ms-border-radius: 0 0 4px 4px;
-o-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.select2-container-multi.select2-dropdown-open.select2-drop-above .select2-choices {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
-ms-border-radius: 0 0 4px 4px;
-o-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.select2-container-multi .select2-choices {
padding-left: 6px;
min-height: 34px;
border: 1px solid #e5e5e5;
background-image: none;
background-color: #fff;
filter: none;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.select2-container-multi.select2-container-active .select2-choices {
border: 1px solid #999 !important;
background-image: none;
background-color: #fff;
filter: none;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
padding: 3px 5px 3px 18px;
margin: 5px 0 3px 5px;
border: 1px solid #e5e5e5;
background-image: none;
background-color: #fff;
filter: none;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
/* END plugin datatables */
/* ####################################################################################################################################################
BEGIN 서브페이지
#################################################################################################################################################### */
#txtPLAN_BANK_INFO p {margin-bottom: 0;}
#txtPLAN_BANK_INFO p:first-of-type {margin-top: 14px;}
/* ####################################################################################################################################################
BEGIN 서브페이지 a_message.asp
#################################################################################################################################################### */
.area-message-01 {background: url(../img/bg_01.png) no-repeat;}
.ceo-img {float: right;}
.msg-img {padding: 0 80px 0 0;}
.area-message .page-block-title {
padding-top: 40px;
margin-top: 0;
border-top: 1px dotted;
}
@media (max-width: 991px) {
.msg-img {padding: 0;}
}
/* ####################################################################################################################################################
BEGIN 서브페이지 a_message2.asp
#################################################################################################################################################### */
/* 원래 c-content-box의 height가 750인 것을 424 (화살표모양은 1/2 = 212)으로 축소 */
.c-content-feature-4 .c-content-right.c-diagonal {
border-left: 200px solid;
border-top: 424px solid transparent;
}
.c-content-feature-4 .c-content-left.c-diagonal {
border-right: 200px solid;
border-top: 424px solid transparent;
}
.c-content-feature-4 .c-content-right.c-arrow {
border-left: 200px solid;
border-top: 212px solid transparent;
border-bottom: 212px solid transparent;
}
.c-content-feature-4 .c-feature-bg, .c-content-feature-4 .c-content-area {
height: 424px;
margin-bottom: -424px;
}
.c-content-feature-4 .c-feature-content .c-content-v-center {
height: 424px;
}
/* 동일한 css인 .c-content-feature-4 안에서 height의 변경 (622px) */
.c-content-feature-4.c-height-622 .c-content-right.c-diagonal {
border-top: 622px solid transparent;
}
.c-content-feature-4.c-height-622 .c-content-left.c-diagonal {
border-top: 622px solid transparent;
}
.c-content-feature-4.c-height-622 .c-feature-bg,
.c-content-feature-4.c-height-622 .c-content-area {
height: 622px;
margin-bottom: -622px;
}
.c-content-feature-4.c-height-622 .c-feature-content .c-content-v-center {
height: 622px;
}
.c-content-feature-4 .c-content-right.c-arrow {
border-top: 311px solid transparent;
border-bottom: 311px solid transparent;
}
@media (max-width: 991px) {
.c-content-box.c-size-md {
padding: 0;
}
.c-content-feature-4 {
height: auto;
margin-bottom: 0;
}
.c-content-feature-4 .c-content-area,
.c-content-feature-4.c-height-622 .c-content-area {
width: 0px;
}
.c-content-feature-4 .c-feature-bg,
.c-content-feature-4.c-height-622 .c-feature-bg {
width: 100%;
height: 350px;
margin-bottom: -350px;
}
.c-content-feature-4 .c-content-left {
float: left;
}
.c-content-feature-4 .c-content-left.c-semi-circle {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.c-content-feature-4 .c-content-left.c-diagonal,
.c-content-feature-4.c-height-622 .c-content-left.c-diagonal {
border-right: 0;
border-top: 0;
}
.c-content-feature-4 .c-content-left.c-arrow,
.c-content-feature-4.c-height-622 .c-content-left.c-arrow {
border-right: 0;
border-top: 0;
border-bottom: 0;
}
.c-content-feature-4 .c-content-right {
float: right;
}
.c-content-feature-4 .c-content-right.c-semi-circle {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.c-content-feature-4 .c-content-right.c-diagonal,
.c-content-feature-4.c-height-622 .c-content-right.c-diagonal {
border-left: 0;
border-top: 0;
}
.c-content-feature-4 .c-content-right.c-arrow {
border-left: 0;
border-top: 0;
border-bottom: 0;
}
.c-content-feature-4 .c-feature-content {
padding: 60px 0;
height: auto;
width: 100%;
}
.c-content-feature-4 .c-feature-content > .c-content-v-center,
.c-content-feature-4.c-height-622 .c-feature-content > .c-content-v-center {
height: auto;
padding-top: 350px;
}
.c-content-feature-4 .c-feature-content.c-left {
float: left;
}
.c-content-feature-4 .c-feature-content.c-right {
float: right;
}
}
/* ####################################################################################################################################################
BEGIN 서브페이지 timeline
#################################################################################################################################################### */
.cntl-state {
margin-bottom: 20px;
min-height: auto;
}
.cntl-state:last-child {
margin-bottom: 50px;
min-height: 200px;
}
.cntl-state .cntl-icon {
font-size: 22px;
border-radius: 14px;
height: auto;
line-height: 32px;
border-width: 5px;
width: 100px;
}
.cntl-state .cntl-image img {
width: 100%;
max-width: 400px;
}
.cntl-state .cntl-content dd {
display: block;
margin: 0;
padding-left: 80px;
}
.cntl-state .cntl-content dd strong {
display: inline-block;
width: 80px;
margin-left: -80px;
}
/* ####################################################################################################################################################
BEGIN 서브페이지 timeline2
#################################################################################################################################################### */
.left-subtitle {
margin: 40px 34px;
font-size: 24px;
font-family: 'Nanum Myeongjo', serif;
}
ul.timeline li .date span {
padding: 3px;
display: block;
position: relative;
z-index: 2;
padding-left: 30px;
}
ul.timeline li .date span:first-child {
z-index: 3;
position: relative;
}
ul.timeline {
border-left: 6px solid;
list-style: none;
padding: 1px 0;
margin: 0 0 0 160px;
}
ul.timeline li {
margin-bottom: 30px;
}
ul.timeline li .date {
float: left;
padding: 10px 15px 10px 10px;
margin-top: -20px;
margin-left: -165px;
font-size: 20px;
width: 150px;
font-weight: 600;
}
ul.timeline li .circle {
float: left;
margin: 13px 0 20px -16px;
width: 25px;
height: 25px;
border: 6px solid;
border-radius: 50%;
-webkit-border-radius: 50%;
}
ul.timeline li .data {
position: relative;
margin: 15px 0 10px 20px;
padding: 15px 20px;
border: 1px solid;
-webkit-transition: all .6s ease 0;
-moz-transition: all .6s ease 0;
-ms-transition: all .6s ease 0;
-o-transition: all .6s ease 0;
transition: all .6s ease 0;
}
ul.timeline li .data:hover:after {
right: 100%;
top: 25px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-width: 10px;
margin-top: -10px;
}
ul.timeline li .data:hover .title {
text-shadow: none;
}
ul.timeline li.open .data:after {
border-width: 0;
}
ul.timeline li .data .title {
cursor: pointer;
font-size: 17px;
margin: 0;
font-weight: 900;
}
ul.timeline li .data .content {
display: none;
margin-top: 15px;
}
ul.timeline .data h5 {
margin: -10px 0 10px;
border-bottom: 1px dotted;
padding-bottom: 10px;
}
.timeline .data dd {
display: block;
margin: 0;
padding-left: 80px;
}
.timeline .data dd strong {
display: inline-block;
width: 80px;
margin-left: -80px;
}
@media (max-width: 767px) {
.left-subtitle {
margin: 40px 0px;
}
.timeline-content #timeline .timeline-item, .timeline-content #timeline .timeline-item:nth-child(2n) {
clear: both;
float: none;
margin-bottom: 0;
width: 100%;
}
.timeline-content #timeline .timeline-item .post, .timeline-content #timeline .timeline-item:nth-child(2n) .post {
margin: 140px 0 25px 0;
}
.timeline-content #timeline .timeline-item .post-info, .timeline-content #timeline .timeline-item:nth-child(2n) .post-info {
left: 0;
right: 0;
margin: 0;
top: -105px;
width: 100%;
background: none;
}
.timeline-content #timeline .timeline-item .post-info h5 {
position: absolute;
right: 0;
top: 50px;
font-size: 13px;
text-align: right;
margin: 0;
}
.timeline-content #timeline .timeline-item .post-info h5.info-date {
left: 0;
right: auto;
text-align: left;
}
.timeline-content #timeline .timeline-item .post-info h5.info-date small {
font-size: 100%;
}
.timeline-content #timeline .timeline-item .post-arrow, .timeline-content #timeline .timeline-item:nth-child(2n) .post-arrow {
display: none;
}
}
@media (max-width: 560px) {
ul.timeline li .date span{
display: inline;
padding-left: 6px;
text-align: center;
}
ul.timeline {
margin: 40px 0px 0px 0px;
border:none;
}
ul.timeline .circle {
display: none;
}
ul.timeline li .date{
width:100%;
}
ul.timeline .data {
margin: 0 !important;
margin-bottom: 10px !important;
padding-top: 30px !important;
}
ul.timeline li .data:after {
border-width: 0px;
}
ul.timeline li .data:hover:after {
border-width: 0px;
}
ul.timeline .date {
margin-left: 0 !important;
}
}
/* ####################################################################################################################################################
BEGIN 서브페이지 a_service.asp
#################################################################################################################################################### */
.area-message .container,
.area-service .container,
.area-product .container,
.area-slide-list .container,
.area-slide-edit .container{
background-color: rgba(255,255,255,0.9);
}
.area-service .row.header {
background: url(../img/bg_a_service_01.png) no-repeat right top;
background-size: contain;
padding: 40px;
border-bottom: 1px dotted #cdcdcd;
margin: 40px;
}
.area-service .row.header .title {
color: #ffbe00;
font-weight: 600;
}
.area-service .row.content,
.area-location .row.content {
padding-top: 20px;
padding-bottom: 20px;
}
.area-service .row.content .subtitle {
font-size: 20px;
margin-bottom: 0;
}
.area-service .row.content ul {
list-style-type: disc;
color: #555;
}
.area-service .row.content.c-bg-dark-2-lti ul {
color: #c1c1c1;
}
#nav_content .c-body .c-title {
min-height: 60px;
}
#nav_content .c-body .c-content {
min-height: 80px;
}
/* ####################################################################################################################################################
BEGIN 서브페이지 a_location.asp
#################################################################################################################################################### */
.c-content-tab-4 > .nav > li > a {
font-size: 24px;
letter-spacing: 8px;
}
.trans i.main.fa {
display: block;
font-size: 4em;
text-align: center;
}
.trans i.fa {color: #6b6b6b;}
.trans i.fa.fa-train {color: #1F9BDB;}
.trans i.fa.fa-bus {color: #7CBB23;}
.trans i.fa.fa-car {color: #F3B227;}
.trans strong {font-weight: 800;}
.trans p {
padding-top: 20px;
padding-bottom: 10px;
border-bottom: 1px dotted;
}
.trans .title {
color: #FFF;
padding: 2px 8px;
}
.trans .train,
.trans .bus,
.trans .car {margin-bottom: 20px;}
.trans .train .title {background-color: #1F9BDB;}
.trans .bus .title {background-color: #7CBB23;}
.trans .car .title {background-color: #F3B227;}
@media (max-width: 560px) {
.trans .title {
display: block;
margin-top: 10px;
}
}
/* ####################################################################################################################################################
BEGIN 서브페이지 product_list.asp
#################################################################################################################################################### */
.cbp-panel {
margin: 20px auto 40px auto;
font-family: inherit;
}
/* ####################################################################################################################################################
BEGIN 서브페이지 modal_app_up.asp
#################################################################################################################################################### */
#area-app-up dl {
margin-bottom: 0;
}
/* ####################################################################################################################################################
BEGIN 관리자모드 페이지
#################################################################################################################################################### */
.area-slide-list table img {
max-width: 300px;
cursor: pointer;
}
table.mng td img.pic {
height: 26px;
width: auto;
margin: 0 6px 0 0;
}
/* ####################################################################################################################################################
BEGIN 공통
#################################################################################################################################################### */
.yti-box {
border: 1px solid;
padding: 0 !important;
margin-bottom: 20px;
}
.yti-box.green {border-color: green;}
.yti-box.blue {border-color: blue;}
.yti-box.sky {border-color: skyblue;}
.yti-box.red {border-color: red;}
.yti-box.green .yti-box-title {background-color: green;}
.yti-box.blue .yti-box-title {background-color: blue;}
.yti-box.sky .yti-box-title {background-color: skyblue;}
.yti-box.red .yti-box-title {background-color: red;}
.yti-box .yti-box-title {
padding: 8px;
text-align: center;
color: #fff;
}
.yti-box .yti-box-title .caption {
font-size: large;
}
.yti-box .yti-box-body {
padding: 8px;
}
.yti-box .form-action {
padding: 12px;
background-color: #efefef;
text-align: right;
}
/* ####################################################################################################################################################
로그인 모달 관련
#################################################################################################################################################### */
.c-content-login-modal .modal-dialog {
width: 450px; }
.c-content-login-modal .modal-dialog .modal-content {
margin-top: 125px; }
.c-content-login-modal .modal-dialog .modal-content .modal-body {
padding: 10px 40px 30px 40px; }
.c-content-login-modal .modal-dialog .modal-content .modal-body .form-group {
margin: 20px 0; }
.c-content-login-modal .modal-dialog .modal-content .modal-body .c-btn-login {
padding-left: 40px;
padding-right: 40px; }
.c-content-login-modal .modal-dialog .modal-content .modal-body .c-btn-forgot {
margin-top: 8px;
/*
float: right;
*/
display: inline-block; }
.c-content-login-modal .modal-dialog .modal-content .modal-body .c-content-list-adjusted {
margin-top: 30px; }
.c-content-login-modal .modal-dialog .modal-content .modal-body .c-content-divider {
text-align: center; }
.c-content-login-modal .modal-dialog .modal-content .modal-body .c-content-divider > span {
display: inline-block;
background: #fff;
padding: 5px 8px;
position: relative;
top: -1.05em;
margin: auto; }
.c-content-login-modal .modal-dialog .modal-content .modal-footer {
padding: 20px 40px;
text-align: left; }
.c-content-login-modal .modal-dialog .modal-content .modal-footer .c-text-account {
display: inline-block;
margin-top: 5px; }
.c-content-login-modal .modal-dialog .modal-content .modal-footer .c-btn-signup {
float: right;
padding-left: 30px;
padding-right: 30px; }
@media (max-width: 1390px) {
.c-content-login-modal .modal-dialog .modal-content {
margin-top: 85px; } }
@media (max-width: 991px) {
/* 991px */
.c-content-login-modal {
top: 0px; }
.c-content-login-modal .modal-dialog .modal-content .modal-body {
padding: 10px 20px 10px 20px; }
.c-content-login-modal .modal-dialog .modal-content .modal-body .form-group {
margin: 15px 0; }
.c-content-login-modal .modal-dialog .modal-content .modal-body .c-btn-login {
padding-left: 15px;
padding-right: 15px; }
.c-content-login-modal .modal-dialog .modal-content .modal-body .c-content-list-adjusted > li {
width: 100%;
display: block;
padding: 0;
margin: 5px 0 0 0; } }
@media (max-width: 768px) {
/* 768px */
.c-content-login-modal {
top: 0px; }
.c-content-login-modal .modal-dialog {
width: auto; } }
/* ####################################################################################################################################################
페이지의 단독 설정들
#################################################################################################################################################### */
#mmr_view .new-data {
color: #e40000;
font-weight: bold;
}
#mmr_view .caption {
background-color: #f5f5f5;
padding: 4px;
}