
body { background-color: #fff !important; font-family: 'Noto Sans KR' !important; }

.font_sans { font-family: 'Noto Sans KR' !important; }
.font-gmk-l { font-family: "GmarketSansL" !important; }
.font-gmk-m { font-family: "GmarketSansM" !important; }
.font-gmk-b { font-family: "GmarketSansB" !important; }

.test { border: 1px solid #ff0000 !important; }
.testt { border-left: 1px solid #ff0000 !important; border-right: 1px solid #ff0000 !important; }


.swislideone { background-image:url('../../images/graf_25/25_bg_02.jpg') }
.swislidetwo { background-image:url('../../images/graf_25/25_bg_03.jpg') }
.swislidethree { background-image:url('../../images/graf_25/25_bg_04.jpg') }


@media screen and (max-width: 767px) {
.swislideone { background-image:url('../../images/graf_25/25_bg_m_02.jpg') }
.swislidetwo { background-image:url('../../images/graf_25/25_bg_m_03.jpg') }
.swislidethree { background-image:url('../../images/graf_25/25_bg_m_04.jpg') }
}


a.ntoplink { color:#005288 !important; font-weight: 700 !important; }
a.ntoplink:hover { color:#000 !important; }
.stamp_star { background: url("../../images/graf_25/stamp_s_04.jpg") left top; background-repeat: no-repeat; padding-left:40px; padding-top:2px; }
.contbox { padding:0 30px; }

.navbar-toggler .navbar-toggler-icon > i { color:#000 !important; }

/*! Contents */
@media (min-width:992px){
    .fz-2424 { font-size: 24px; }
    .fz-2422 { font-size: 24px; }
    .fz-2420 { font-size: 24px; }
    .fz-2020 { font-size: 20px; }
    .fz-2018 { font-size: 20px; }
    .fz-2016 { font-size: 20px; }
    .fz-1818 { font-size: 18px; }
    .fz-1816 { font-size: 18px; }
    .fz-1814 { font-size: 18px; }
    .fz-1614 { font-size: 16px; }
}
@media (max-width:991px){
    .fz-2424 { font-size: 24px; }
    .fz-2422 { font-size: 22px; }
    .fz-2420 { font-size: 20px; }
    .fz-2020 { font-size: 20px; }
    .fz-2018 { font-size: 18px; }
    .fz-2016 { font-size: 16px; }
    .fz-1818 { font-size: 18px; }
    .fz-1816 { font-size: 16px; }
    .fz-1814 { font-size: 14px; }
    .fz-1614 { font-size: 14px; }

    .swiper-classic { height: 550px; }
}

.text-blue { color:#3655FF !important; }


.navbar-brand { width:200px !important; }
.navbar-brand img { width:200px !important; }

.offcanvas-body .navbar-nav .nav-link { font-weight: 500; font-size: 16px; }



@media screen and (min-width: 768px) {
  .moview { display: none !important; }
	.brpcno br { display: none !important; }
	.graf_img { width:350px; }
}

@media screen and (max-width: 767px) {
  .pcview { display: none !important; }
	.brmono br { display: none !important; }
	.graf_img { width:250px; }
}

@media screen and (max-width: 1199px) {
	.brtano br { display: none !important; }
}


.btn-primary {
  color: #fff;
  background-color: #3655FF;
  border-color: #3655FF;
}
.btn-primary:hover {
  color: #fff;
  background-color: #2e48d9;
  border-color: #2b44cc;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #fff;
  background-color: #2e48d9;
  border-color: #2b44cc;
  box-shadow: 0 0 0 0.25rem rgba(84, 111, 255, 0.5);
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #2b44cc;
  border-color: #2940bf;
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(84, 111, 255, 0.5);
}
.btn-primary:disabled, .btn-primary.disabled {
  color: #fff;
  background-color: #3655FF;
  border-color: #3655FF;
}

.btn-secondary {
  color: #fff;
  background-color: #2E3552;
  border-color: #2E3552;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #272d46;
  border-color: #252a42;
}
.btn-check:focus + .btn-secondary, .btn-secondary:focus {
  color: #fff;
  background-color: #272d46;
  border-color: #252a42;
  box-shadow: 0 0 0 0.25rem rgba(77, 83, 108, 0.5);
}
.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #252a42;
  border-color: #23283e;
}
.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(77, 83, 108, 0.5);
}
.btn-secondary:disabled, .btn-secondary.disabled {
  color: #fff;
  background-color: #2E3552;
  border-color: #2E3552;
}

.btn-success {
  color: #fff;
  background-color: #37A878;
  border-color: #37A878;
}
.btn-success:hover {
  color: #fff;
  background-color: #2f8f66;
  border-color: #2c8660;
}
.btn-check:focus + .btn-success, .btn-success:focus {
  color: #fff;
  background-color: #2f8f66;
  border-color: #2c8660;
  box-shadow: 0 0 0 0.25rem rgba(85, 181, 140, 0.5);
}
.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #2c8660;
  border-color: #297e5a;
}
.btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(85, 181, 140, 0.5);
}
.btn-success:disabled, .btn-success.disabled {
  color: #fff;
  background-color: #37A878;
  border-color: #37A878;
}



/*! Foot */
.footer-bg { background-color: #232B37; }
.footinfo a { color:#C1CAFA !important; background:url('../img/common/footer_line_bar.png') no-repeat right 5px; padding-right:15px; margin-right:10px; }
.footinfo a:last-child { color:#C1CAFA !important; background:none !important; padding-right:0px; margin-right:0px; }
.footinfo a:hover { color:#fff !important; }
.footext-right { background:url('../img/common/footer_line_bar.png') no-repeat right 0; padding-right:10px; margin-right:10px; }

.footmp { font-size:18px !important; font-weight: 400; font-family: "GmarketSansL" !important; }
.copyp { font-size:1.0rem; }

@media (min-width: 768px) {
  .foot-title-l { font-size:28px !important; font-weight: 400; font-family: "GmarketSansL" !important; }
  .foot-title-r { font-size:28px !important; font-weight: 400; font-family: "GmarketSansB" !important; }
  .footsns { margin-top:-7px; }
  .foot-family { margin-top: 3rem; justify-content: flex-end !important; }
  .footer-copy { font-size:15px !important; font-weight: 400; font-family: "GmarketSansL" !important; }
}

@media (max-width: 991px) {
  .footinfo { display: block !important; font-size: 15px !important; text-align: center !important; }
  .footinfo a { color:#C1CAFA !important; background:url('../img/common/footer_line_bar.png') no-repeat right 4px; padding-right:10px; margin-right:2px; }
  .footsns { margin-top:5px; text-align: center !important; justify-content: center !important; }
}

@media (max-width: 767px) {
  .footinfo { display: block !important; font-size: 14px !important; text-align: center !important; }
  .footinfo a { color:#C1CAFA !important; background:url('../img/common/footer_line_bar.png') no-repeat right 3px; padding-right:10px; margin-right:2px; }
  .foot-title-l { font-size:22px !important; font-weight: 400; font-family: "GmarketSansL" !important; }
  .foot-title-r { font-size:22px !important; font-weight: 400; font-family: "GmarketSansB" !important; }
  .footmp { font-size: 14px !important; }
  .foot-family { margin-top: 0 !important; padding:0 20px !important; justify-content: flex-center !important; }
  .footer-copy { font-size:13px !important; font-weight: 400; font-family: "GmarketSansL" !important; text-align: center !important;}
  .copyp { font-size:0.9rem !important; }
}