@charset "utf-8";

.dp-navbar-brand {display: block;font-size: 1.6rem;font-weight: 700;margin-top: 1rem;}
.of-h {overflow: hidden}

body {
    margin: 0;
    font-family: "Noto Sans KR", "Malgun Gothic", "맑은 고딕", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 1rem;
	font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.025em;
    word-break: keep-all;
}

input[type=checkbox], input[type=radio] {width: 1em;height: 1em;border: 1px solid #d0d4df;}
#fregister #chk_all {border: 1px solid rgba(0,0,0,.25);}

.list-inline>li {display: inline-block;}
header ul.list-inline {margin: 0px;}

.dp-bg {background: rgba(0,0,0,0.8);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);}
.dropdown-menu {background: rgb(255 255 255 / 100%);backdrop-filter: saturate(180%) blur(20px);}

.header-top{background:#000;color: #fff;padding: 0;}
.header-top li a{transition: .5s;}
.header-top li i{padding-right: 5px;}
.header-top .header-top-left li{padding-right: 10px;}
.header-top .header-top-right li{padding-left: 10px;}
.header-top a{color: #fff;}

@media only screen and (min-width:768px) {
    .deps1  {padding: 0 1.0vw;}
}

/* nav */
.nav-item a {/*color: #212529 */}
li .nav-item a {color: #212529}
.deps1 a.nav-link.t1 {padding: 10px 10px;}
.deps1  {padding: 0 0.9vw;font-size: 0.85rem;}
.deps2 a.nav-link.t1 {padding: 3px 10px;}
.nav-link.kr, .nav-link.en, .nav-link.cn {font-size: 0.6rem;}

@media (min-width:992px) {
    .deps1  {padding: 0 1.0vw;}
    .deps1 a.nav-link.t1.on {color: #fff;position: relative;} 
    .deps1 a.nav-link.t1.on:before {
        position: absolute;
        width: 30px;
        height: 4px;
        top: 36px;
        left: 50%;
        content: "";
        background: #aaa;
        transform: translate(-50%, -50%);
        vertical-align: middle;
    }
@media (min-width:1200px) {
    .deps1  {padding: 0 1.5vw;}
}
@media (min-width:1400px) {
    .deps1  {padding: 0 0.8vw;}
}
    .nav-link.kr:before {
        position: absolute;
        width: 15px;
        height: 2px;
        bottom: -3px;
        left: 50%;
        content: "";
        background: #aaa;
        transform: translate(-50%, -50%);
        vertical-align: middle;
    }
    .nav-link.kr, .nav-link.en, .nav-link.cn {position: relative;margin-top: 2px;}
    .navbar-nav li:nth-child(8) a {position: relative;}
    .navbar-nav li.deps1:nth-child(8) a:before {display: inline-flex;
        position: absolute;
        content: '';

        /* Using the background-image and
           its related properties to add
           the SVG content */
        background-image: url('/theme/dp_theme_v1/img/cart4_w.svg');
        background-size: 24px 24px;
        height: 24px;
        width: 24px;
        left: 48px;
        bottom: 8px
    }
}
.stickynav {z-index: 110;position: fixed;top: 0;width: 100%;}

i.fa-chevron-down {font-size: 10px!important;}

.navbar-toggler-icon {
    background-image: url('data:image/svg+xml;charset=utf8,<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path stroke="rgba(0, 0, 0, 0.8)" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M4 7h22M4 15h22M4 23h22"/></svg>')!important;
}


.navbar-right.pc {display: none;}
.navbar-right.mobile {display: block;}
.navbar-right.mobile li {display: inline-block;margin-right: 20px;}
.navbar-right.mobile .bi-facebook, .navbar-right.mobile .bi-instagram, .navbar-right.mobile .bi-youtube {width: 20px;height: 20px;}
.navbar-right.mobile .lang_sp {margin-left: 60px}
.navbar-right.mobile .lang .kr,.navbar-right.mobile .lang .en, .navbar-right.mobile .lang .cn {font-size: 14px;}
.navbar-right.mobile .lang a {position: relative;}
.navbar-right.mobile .lang a.kr:before {
    position: absolute;
    width: 30px;
    height: 4px;
    bottom: 0px;
   
    /* margin-top: 30px; */
    left: 50%;
    content: "";
    background: #aaa;
    transform: translate(-50%, -50%);
    vertical-align: middle;
}

@media  (min-width: 992px) {
    .navbar-right.pc {display: block;}
    .navbar-right.mobile {display: none;}   
    .navbar-right.pc li {
        display: inline-block;
        text-align: center;
    }
}

/* Animated Mobile Hamburger Menu */
.hamburger {
  width: 35px;
  height: 24px;
  position: relative;
  /*margin: 50px auto;*/
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  outline: 0!important;
}
.hamburger .navbar-toggler-icon {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #b3b3b3;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.hamburger .navbar-toggler-icon:nth-child(1) {top: 0px;}
.hamburger .navbar-toggler-icon:nth-child(2), .hamburger .navbar-toggler-icon:nth-child(3) {top: 10px;}
.hamburger .navbar-toggler-icon:nth-child(4) {top: 20px;}
.hamburger.open .navbar-toggler-icon:nth-child(1) {top: 10px;width: 0%;left: 50%;}
.hamburger.open .navbar-toggler-icon:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.hamburger.open .navbar-toggler-icon:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.hamburger.open .navbar-toggler-icon:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

@media  (min-width: 768px) {
  .dropdown-submenu > .dropdown-menu {
      top: 0;
      left: 100%;
      margin-top: -6px;
      margin-left: -1px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px;
  }
	.nav-link {padding: 0}

}

@media (min-width: 992px) {
	.nav-item {display: flex;}
}

@media (max-width: 992px) {
.nav-link {
		display: block;
		padding: .5rem 1rem;
}
span.a1 {
    top: 0px!important;
		padding: 0.5rem 1rem!important;
}
}

/* Top Menu */
.dropdown-menu {margin: 0;}
@media (max-width: 992px) {
ul.dropdown-menu.deps2 {border-left: 0px solid rgba(0,0,0,.15)!important;border-right: 0px solid rgba(0,0,0,.15)!important;border-radius: 0rem!important;}
}
nav .dropdown-menu a {font-size: 0.9rem; color: #999;left: -0px;    transition: all 0.3s ease-in-out!important;}
nav .dropdown-menu a:hover {
    color: #fff;
      text-decoration: none;
      background-color: transparent;
      -webkit-transform: translateX(3px) translate(3px);
      -moz-transform: translateX(3px) translate(3px);
      -ms-transform: translateX(3px) translate(3px);
      -o-transform: translateX(3px) translate(3px);
      transform: translateX(3px) translate(3px);
      transition: .3s;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    background-color: #000;
    color: #fff;
}
.navbar-expand-lg.stickynav .navbar-nav .dropdown-menu {
    background: rgba(0,0,0,0.8);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}

  /*
	.dropdown-toggle::after {
		display: block;
		top: 50%;
    content: "\e92e";
    font-family: Feather;
    margin-left: auto;
    transition: transform .2s;
		border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
		transform: translateY(-50%);
	}
*/
	.dropdown-toggle .dropdown-toggle::after {
	position: absolute;
    top: 0;
    right: 0;
	}

	/* 마우스 오버 메뉴 만들기 */
	@media (min-width: 1200px) {
	ul.nav li.dropdown:hover > ul.dropdown-menu{display:block !important; margin-left: -1px;}
	ul.nav li.dropdown > ul.dropdown-menu > li.dropdown-submenu:hover > ul.dropdown-menu {display:block !important; margin-left: -1px;}
	}





	/* Change this breakpoint if you change the breakpoint of the navbar */

	@media (min-width: 992px) {
	  .meun_animate {
	    animation-duration: 0.3s;
	    -webkit-animation-duration: 0.3s;
	    animation-fill-mode: both;
	    -webkit-animation-fill-mode: both;
	  }
	}

	@keyframes slideIn {
	  0% {
	    transform: translateY(1rem);
	    opacity: 0;
	  }
	  100% {
	    transform:translateY(0rem);
	    opacity: 1;
	  }
	  0% {
	    transform: translateY(1rem);
	    opacity: 0;
	  }
	}

	@-webkit-keyframes slideIn {
	  0% {
	    -webkit-transform: transform;
	    -webkit-opacity: 0;
	  }
	  100% {
	    -webkit-transform: translateY(0);
	    -webkit-opacity: 1;
	  }
	  0% {
	    -webkit-transform: translateY(1rem);
	    -webkit-opacity: 0;
	  }
	}

	.slideIn {
	  -webkit-animation-name: slideIn;
	  animation-name: slideIn;
	}

/* right slide In */
	@keyframes RightSlideIn {
	  0% {
	    transform: translateX(1rem);
	    opacity: 0;
	  }
	  100% {
	    transform:translateX(0rem);
	    opacity: 1;
	  }
	  0% {
	    transform: translateX(1rem);
	    opacity: 0;
	  }
	}

	@-webkit-keyframes RightSlideIn {
	  0% {
	    -webkit-transform: transform;
	    -webkit-opacity: 0;
	  }
	  100% {
	    -webkit-transform: translateX(0);
	    -webkit-opacity: 1;
	  }
	  0% {
	    -webkit-transform: translateX(1rem);
	    -webkit-opacity: 0;
	  }
	}

	.RightSlideIn {
	  -webkit-animation-name: RightSlideIn;
	  animation-name: RightSlideIn;
	}

	.box-hover-1 .i {transition: 0.5s;}
	.box-hover-1:hover .i {color: rgba(0, 0, 0, 0.4);-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}


/*.deps1 {display: inline-flex;}*/

.dropdown-submenu span.a1 {position: absolute;top: -1px;right: 4px;padding-left: 5px;padding-right: 5px}
.a1 {position: absolute;top: 20%;right: 0;cursor: pointer;}
@media (min-width: 992px) {
		.a1 {position: relative;}
		.t1 {float: left;}
}

/* readcrumb */

.dp-location .breadcrumb {
    padding: 8px 15px;
    margin-bottom: 0px;
    list-style: none;
    background-color: #fff;
    border-radius: 0px;
}

.dp-location {display: none;} /* location  숨김 */
.dp-location {position: relative;border-bottom: 1px solid #eee;}
.dp-location .fa-home {font-size: 14px;padding: 0 10px 0 10px; color: #ccc;}
.dp-location i.fa-angle-right {font-size: 14px;padding: 0 10px 0 10px; color: #24a3d8;}
/*
.dp-breadcrumbs-item:before {
    width: 8px;
    height: 18px;
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="8px" height="18px" viewBox="0 0 8 18" xml:space="preserve"><path d="M1.29,0.98L7.5,9l-6.21,8.01l-0.68-0.54L6.42,9l-5.8-7.49L1.29,0.98z" fill="#24a3d8"/></svg>');
    margin-right: 2px;
    margin-left: 4px;
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-top: 6px;
}
*/
.dp-breadcrumbs-item img.dp-angle-right {width: 15px;padding: 0 2px;margin-top: -3px}
li.dp-breadcrumbs-item::after {position: absolute;top: 0px;right: -3px;content: "\\";color: #e0e0e0;}
li.dp-breadcrumbs-item:last-child::after {display: none;}
li.dp-breadcrumbs-item {position: relative;}
li.dp-breadcrumbs-item>* {padding-left: 10px;padding-right: 10px;}
/*
.dp-location .breadcrumb>li+li:before {
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
    content: '\f105';
    color: #24a3d8;
    display: inline-block;
    padding-right: 10px;
}*/
.dp-location .breadcrumb>li a {
  font-size: 14px;
    color: rgb(119, 119, 119)!important;
    display: inline;
}


/* sidebar */
#sidebar {margin-bottom: 4em;}
#nav2 li ul { display: none; }
ul#nav2 li.active ul { display:block!important; }

/* Language Menu*/
.language {padding: 0 15px;}
@media (min-width: 992px){
	.gb.dropdown-menu {left: auto;right: -3px;}
}


/* Main Pages */
.mb-30px, .my-30px {
    margin-bottom: 30px !important;
}
.pt-6, .py-6 {
    padding-top: 6rem !important;
}
.pb-6, .py-6 {
    padding-bottom: 6rem !important;
}
.card-img {
    width: 100%;
    border-radius: 0;
}

#latest {background-color: #f39700;color: #fff;padding: 16px 0;}
#latest .dp-ol {margin-bottom: 0rem;}

.btn {border-radius: 0rem;}

#m6 .card-body, #m8 .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem 0!important;
    font-size: 15px;
}

#m6 .card, #m8 .card {
    background-color: #fff;
    border: 0px solid rgba(0,0,0,.125);
    border-radius: .0rem;
}

#m6 h3 {font-size: 33px;letter-spacing: -0.10px;}
#m6 p {color: rgba(0, 0, 0, 0.6)}
#m6 h4 {font-size:  1.3rem;letter-spacing: -0.10px;margin-bottom: 0.8rem;}
#m6 h4 span {font-size:  0.9rem;letter-spacing: -0.10px;}

#m7 {padding: 20px 0 30px 0;}
#m7 p {font-size: 15px;margin-top: 0;margin-bottom: 1.1rem;}
#m7 h4 {font-size: 26px;color: #fff;}
#m7 {background-color: #30a8e1;color: #fff;}
#m7 .icons {margin-left: 10px;}
#m7 .btn-outline-light {color: #30a8e1;background-color: #fff;border-color: #fff!important;}
#m7 .btn-outline-light:hover {color: #fff;border-color: #fff;background-color:#30a8e1!important;}

#m8 {padding: 175px 0 60px 0;}
#m8 h3 {font-size: 33px;letter-spacing: -0.10px;}
#m8 p {color: rgba(0, 0, 0, 0.6);font-size: 15px;word-break: keep-all}
#m8 h4 {font-size:  1.3rem;letter-spacing: -0.10px;margin-bottom: 0.8rem;}
#m8 h4 span {font-size:  0.9rem;letter-spacing: -0.10px;}

.fmenu li {font-weight: 200;}

@media (min-width: 768px){
    .fmenu.col-md-1 {
    -ms-flex: 0 0 16.333333%!important;
    flex: 0 0 16.333333%!important;
    max-width: 16.333333%!important;
    }
}

.fmenu.col-md-1 {
    position: relative;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
}

/* Icon Classic */
.bg-gray-100 {
    background-color: #f5f5f5;
}
.linearicons-hammer-wrench:before {
    content: "\e976";
}
.box-icon-classic-icon {
    display: inline-block;
    text-align: center;
    height: 70px;
    width: 70px;
    margin-top: 4px;
    font-size: 30px;
    line-height: 70px;
    color: #151515;
    background: #f3f3f3;
    border-radius: 50%;
    box-shadow: 4px 4px 10px 0 rgba(0,0,0,.15);
    animation: iconClassic 20s ease-in-out infinite;
}

@media (min-width: 768px){
.section-lg {padding: 80px 0;}
}

@media (min-width: 992px){
.box-icon-classic-icon {
    height: 90px;
    width: 90px;
    font-size: 40px;
    line-height: 90px;
}
.section-lg {
    padding: 90px 0;
}
}
.box-icon-classic-title a, .box-icon-classic-title a:focus, .box-icon-classic-title a:active {
    color: inherit;
}
.box-icon-classic-text {
    line-height: 1.47;
    letter-spacing: .05em;
    color: rgba(21,21,21,.8);
}
@media (min-width: 1200px){
.box-icon-classic-text {
    max-width: 92%;
}
.fmenu {text-align: right;}
}
*+.box-icon-classic-text {
    margin-top: 20px;
}

.box-icon-classic-text {
    line-height: 1.47;
    letter-spacing: .05em;
    color: rgba(21,21,21,.8);
}
.unit-spacing-lg>* {
    margin-bottom: 30px;
    margin-left: 30px;
}
.unit-spacing-lg {
    margin-bottom: -30px;
    margin-left: -30px;
}
.unit-body {
    flex: 0 1 auto;
}
.section-icon p {
    margin: 0;
}


.section-icon *+.box-icon-classic-text {
    margin-top: 20px;
}


/* Box minimal */
.bordered-2>[class*=col-] {
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #d1d1d1;
}
.bordered-2 {
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #d1d1d1;
}
.no-gutters>.col, .no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0;
}
@media (min-width: 1200px){
.box-minimal {
    padding-left: 30px;
    padding-right: 55px;
}}
@media (min-width: 768px){
.box-minimal {
    padding-left: 20px;
    padding-right: 40px;
}}
@media (min-width: 576px){
.box-minimal {
    padding-top: 35px;
    padding-bottom: 35px;
}}
.box-minimal {
    position: relative;
    text-align: left;
    padding: 25px 15px;
    background: #fff;
    transition: all .3s ease-in-out;
}
.unit {
    display: flex;
    flex: 0 1 100%;
    margin-bottom: -20px;
    margin-left: -20px;
}
.unit>* {
    margin-bottom: 20px;
    margin-left: 20px;
}
.align-items-center {
    align-items: center!important;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}
.linearicons-bottle:before {
    content: "\e932";
}
.linearicons-bus2:before {
    content: "\eb4e";
}
.linearicons-clipboard-user:before {
    content: "\e9d0";
}
.linearicons-man-woman:before {
    content: "\ea33";
}
.linearicons-first-aid:before {
    content: "\eaec";
}
.linearicons-trophy2:before {
    content: "\e9e3";
}
@media (min-width: 1200px){
  .box-minimal-icon {
      font-size: 55px;
  }
  .box-minimal {
      padding-left: 30px;
      padding-right: 55px;
  }
h4, .heading-4 {
    font-size: 28px;
}
h5, .heading-5 {
    font-size: 24px;
}
}

@media (min-width: 992px){
h4, .heading-4 {
    font-size: 26px;
}
h5, .heading-5 {
    font-size: 22px;
}
}

@media (min-width: 768px){
  .box-minimal {
      padding-left: 20px;
      padding-right: 40px;
  }
h4, .heading-4 {
    font-size: 24px;
}
h5, .heading-5 {
    font-size: 20px;
}
}
@media (min-width: 576px){
  .box-minimal {
      padding-top: 35px;
      padding-bottom: 35px;
  }
h4, .heading-4 {
    font-size: 22px;
}  }
h4, .heading-4 {
    font-size: 20px;
    line-height: 1.28571;
    font-weight: 400;
}
@media (min-width: 1200px){
.box-minimal-number {
    top: 18%;
    right: 6%;
}}
.box-minimal-number {
    position: absolute;
    top: 10%;
    right: 5%;
    line-height: 1;
    font-weight: 400;
    letter-spacing: .015em;
    font-family: barlow condensed,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif;
    color: rgba(21,21,21,.3);
}
.ordered-1 .ordered-item::before {
    content: counter(div,decimal-leading-zero);
    counter-increment: div;
}


.oh {
    position: relative;
    overflow: hidden;
}

/* Owl Carousel */
.bg-gray-700 {
    background-color: #3d3d3d;
}
.bg-gray-700 {
    color: #fff;
}

h2, .heading-2 {
    font-size: 32px;
    line-height: 1.25;
    text-transform: uppercase;
}






/* Sub Top Images */
.effect {
    position: relative;
}
.effect:after {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5),
        inset 0 0 100px rgba(0, 0, 0, 0.2);*/
    /* background: rgba(0, 0, 0, 0.5); 이미지 위로 컬러를 입힘 */
}
.page-title-wrap {
    background: #000;
    /* background-attachment: fixed; */
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
}
.page-heading {
    position: relative;
    padding: 30px 15px;
    text-align: center;
    color: rgba(255, 255, 255, 0.9);
    background-color: #fff;
    margin-top: 56px;
    margin-bottom: 0px;
    height: 370px; /* Mobile 특정 페이지 상단 이미지 크기 */
}

/* Mobile 특정 페이지 상단 이미지 크기 */
.sportslight .page-heading, 
.linelight .page-heading, 
.visionlight .page-heading {height: 330px;}
.visionlight .product-area .product-details {display: grid;}

.list.page-title-box {z-index: 100;position: absolute;width: 100%;left: 0;top: 35%;}/* 게시판 List 상단 텍스트 박스 위치 */
.page-title-box {z-index: 100;position: absolute;width: 100%;left: 0;top: 40%;}/* 게시판 List 이외 상단 텍스트 박스 위치 */
.page-title-box .stgbsc {font-size: 1rem;font-weight: 500;text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);}
.page-title-box .stgbt {font-size: 1.8rem;letter-spacing: -0.1px;text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);}
.page-title-box .stgbt span {color: red;}
.page-title-box .stgbbox {position: relative;display: inline-block;padding: 20px 30px;}
.sportslight .page-title-box .stgbbox {background: rgba(73, 52, 52, 0.5);}
.linelight .page-title-box .stgbbox {background: rgba(92, 0, 102, 0.5);}
.visionlight .page-title-box .stgbbox {background: rgba(54, 54, 54, 0.5);}
.page-title-box .text {text-shadow: 0px 0px 4px rgb(0 0 0 / 50%);-webkit-text-stroke: 0px #ccc;}

@media (min-width: 768px){
    .page-title-box {z-index: 100;position: absolute;width: 100%;left: 0;top: 35%;}/* 게시판 List 이외 상단 텍스트 박스 위치 */
    .view .page-title-box {z-index: 100;position: absolute;width: 100%;left: 0;top: 23%;}
    .list.page-title-box .stgbsc {font-size: 130%;font-weight: 500;letter-spacing: -2px;}/* 게시판 List 상단 이미지 서브 카피 */
    .page-title-box .stgbsc {font-size: 90%;font-weight: 500;letter-spacing: -2px;} /* 게시판 List 이외 상단 이미지 서브 카피 */
    .list.page-title-box .stgbt {font-size: 200%;letter-spacing: -4px;}
    .page-title-box .stgbt {font-size: 150%;letter-spacing: -4px;}
    .page-title-box .stgbbox {padding: 20px 60px;}
    /* PC 특정 페이지 상단 이미지 크기 */
    .sportslight.list .page-heading, .linelight.list .page-heading, .visionlight.list .page-heading {
        height: 850px!important;
    }
}
@media (min-width: 992px){
    .page-title-box .stgbbox {width: 60rem;}
}




.Support section.page-heading {/* display: none; */}

@media (min-width: 768px){
.page-heading {
    padding-top: 50px;
    padding-bottom: 40px;
    text-align: center;
    font-size: 24px;
}
}
@media (min-width: 992px){
    .page-heading {
        margin-top: 97px;
    }
}

/* Scroll Top */
#scrollTop {
    display: none;
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    width: 45px;
    height: 45px;
    line-height: 45px;
    color: #343a40;
    border: solid 1px #343a40;
    text-align: center;
    background: rgba(255,255,255,0.2);
    font-size: .8rem;
    z-index: 999;
    cursor: pointer;
}

/* Sub header */
.section-header h3 {
    font-size: 2.2rem;
    text-align: center;
    letter-spacing: -1px;
    width: 100%;
    margin: 7.5rem auto 6rem auto;
}

.history .section-header h3, .organization .section-header h3 {
    font-size: 2.2rem;
    text-align: center;
    letter-spacing: -1px;
    width: 100%;
    margin: 7.5rem auto 3.2rem auto;
}

.section-header h3:before {
    position: absolute;
    width: 100px;
    height: 6px;
    /* top: 60px; */
    margin-top: 90px;
    left: 50%;
    content: "";    
    background: #000;
    transform: translate(-50%, -50%);
    vertical-align: middle;
}

.section-header h3:before {width: 150px;background: #182a88;}
.About .section-header h3:before {width: 150px;background: #24ac39;}

.mt-5 {margin-top: 4rem!important;}
.greeting-body {font-size: 1.2rem;font-weight: 300;}
.greeting-body strong {font-weight: 700;}
.sc {font-size: 1.1rem;font-weight: 300;margin-bottom: 6.3rem!important;}

/* Sub Left Sidebar Menu */
@media (max-width: 992px){
#sidebar {display: none!important;}
}
.on1, .on2, .on3 {background-color: #f0f0f0} /* Dropdown level Last */
.nav-link.active {background: #000;color: #fff;} /* Dropdown level 1 */
.sm-navbar-nav .collapsed.nav-link[data-toggle=collapse]:after {transform: rotate(0deg);}
.sm-navbar-nav .nav-link[data-toggle=collapse]:after {transform: rotate(180deg);}
.sm-navbar-nav .active.collapsed.nav-link[data-toggle=collapse]:after {transform: rotate(180deg);}
.sm-navbar-nav .on01.nav-link[data-toggle=collapse]:after {transform: rotate(180deg);}


/* Sub top Sidebar Menu */

#sidebartop .list-group-horizontal-md>.list-group-item:first-child {border-bottom-left-radius: 0;border-top-left-radius: 0;}
#sidebartop .list-group-horizontal-md>.list-group-item:last-child {border-top-right-radius: 0;border-bottom-right-radius: 0;}
#sidebartop .list-group-item {border: 0px solid rgba(0,0,0,.125);}
#sidebartop .list-group-horizontal-md>.list-group-item {font-size: 1.2rem;}

.sportslight #sidebartop {display: none;}
.simulation #sidebartop  {display: none;}
.linelight #sidebartop  {display: none;}
.visionlight #sidebartop  {display: none;}
.simulation.list .page-title-wrap {display: none;}
.simulation.write.list .page-title-wrap {display:block;}

/* LINE LIGHT */
.Linelight #sidebartop a.list-group-item {font-size: 0.8rem;background: #000;color: #fff;text-align: center;}
.Linelight #sidebartop {background: #000;color: #fff;}
.line18 #sidebartop a.on {background: #fff!important;color: #000!important;}
/* SUPPORT */
.Support #sidebartop {background: #182a88;color: #fff;}
.Support #sidebartop a {background: #182a88!important;color: #fff!important;text-align: center;}
.press #sidebartop a.on, .Installation #sidebartop a.on, .pd #sidebartop a.on, .notice #sidebartop a.on, .estimate #sidebartop a.on, .inquiry #sidebartop a.on {background: #fff!important;color: #182a88!important;}

/* ABOUT */
.About #sidebartop {background: #24ac39;color: #fff;}
.About #sidebartop a {background: #24ac39!important;color: #fff!important;text-align: center;}
.greeting #sidebartop a.on, .history #sidebartop a.on, .certificate #sidebartop a.on, .organization #sidebartop a.on, .location #sidebartop a.on {background: #fff!important;color: #24ac39!important;}



/* footer */
footer {border-top: 1px solid #eee;}

footer a {
    color: inherit;
    text-decoration: none!important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
.list-inline {
		    margin-bottom: 0;
}
.list-inline-white > li > a:hover {
    color: #fff;
}
.list-inline .list-inline-item {
    padding-left: 5px;
    padding-right: 5px;
}
.list-inline-white > li > a {
    transition: .3s;
}

/* footer copyright */
.fa, .fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.footer-classic-nav a, .footer-classic-nav a:focus, .footer-classic-nav a:active {
    color: inherit;
}
.list-inline-md {
    transform: translate3d(0,-15px,0);
    margin-bottom: -15px;
    margin-left: -13px;
    margin-right: -13px;
}
html .list-inline-md>* {
    margin-top: 15px;
    padding-left: 13px;
    padding-right: 13px;
}
.footer-classic-nav {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.view .tit h2 {font-size: 34px;}
.view .tit h5 {font-size: 18px;letter-spacing: -0.1px;}

@media (min-width: 576px){
.col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}}


@media (min-width: 992px){
*+.footer-classic-panel {margin-top: 0;}
}
@media (min-width: 768px){
.footer-classic-panel {padding-top: 40px;padding-bottom: 40px;}
}
*+.footer-classic-panel {
    margin-top: 50px;
}
.footer-classic-panel {
    text-align: center;
    padding: 20px 0;
    background-color: #343c49
}
p.rights {
    color: rgba(255,255,255,.2);
		margin-top: 30px!important;
		margin-bottom: 20px!important;
}
p.rights a {
    color: inherit;
}







/* footer-corporate */
.footer-corporate .section-lg {padding: 40px 0 20px 0!important;}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {text-transform:none;}
footer  h6+p {
      margin-top: 12px;
  }
footer a {
    transition: all .3s ease-in-out;
}

.footer-corporate {
    /* background-image: url(/theme/dp_theme_v1/img/main/bg-index-5.jpg); */
    background-repeat: repeat;
    background-color: #000;
	text-align: center;
    margin-top: 6rem;
}
.footer-corporate p {font-size: 15px}
.footer-corporate .cn {font-size: 16px;margin-right: 15px;}
.greeting .footer-corporate {margin-top: 0rem;}

/*
.footer-corporate-title::before {
    position: relative;
    display: inline-block;
    content: '';
    top: 1px;
    width: 3px;
    height: 15px;
    margin-right: 16px;
    background: #fddf78;
}
*/
.add_sp span {font-weight: 100; margin-right: 6px;}
.add_sp b {font-weight: 500;}
.h-4px {height: 4px;}

.context-dark, .bg-gray-dark, .bg-primary, .context-dark h1, .bg-gray-dark h1, .bg-primary h1, .context-dark h2, .bg-gray-dark h2, .bg-primary h2, .context-dark h3, .bg-gray-dark h3, .bg-primary h3, .context-dark h4, .bg-gray-dark h4, .bg-primary h4, .context-dark h5, .bg-gray-dark h5, .bg-primary h5, .context-dark h6, .bg-gray-dark h6, .bg-primary h6, .context-dark [class^=heading-], .bg-gray-dark [class^=heading-], .bg-primary [class^=heading-] {
    color: #fff;
}

.footer-corporate-panel p.rights {
    color: rgba(255,255,255,.2);
}

.footer-corporate-panel {
    text-align: center;
    padding: 20px 0;
    background: #2f333a;
}
.footer-creative-contacts-title {
    font-size: 12px;
    line-height: 2;
    font-weight: 500;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: rgba(255,255,255,.2);
}
.footer-creative-contacts{
border-left: 1px solid rgb(255 255 255 / 30%);
padding-left: 10px;
}
*+.footer-creative-contacts {
    margin-top: 20px;
}
.footer-creative-contacts li+li {
    margin-top: 3px;
}
.footer-corporate-list {margin-top: 10px}
.footer-corporate-list a:hover, .footer-creative-contacts a:hover, .footer-corporate-title a:hover {
    color: #fddf78!important;
}
.footer-corporate-list>li {
  display: inline-block;
      margin-bottom: 8px;
      margin-left: 20px;
}
.footer-social-list-4 .icon {
    width: 30px;
    height: 30px;
    font-size: 18px;
    line-height: 30px;
}
.footer-social-list .icon {
    overflow: hidden;
    text-align: center;
    width: 30px;
    height: 30px;
    font-size: 14px;
    line-height: 32px;
		border-radius: 50%;
    background: rgba(255,255,255,.1);
    z-index: 1;
}
.footer-social-list a, .footer-social-list a:focus, .footer-social-list a:active {
    color: #fff;
}
.icon {
    display: inline-block;
    font-size: 16px;
    line-height: 1;
}
.mdi {
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0,0);
}
.footer-social-list-2 .icon::after {
    background: #54c1e5;
}

.footer-social-list-4>* {margin-top: 0px;padding-left: 4px;padding-right: 4px;}
*+.footer-social-list-4 {margin-top: 6px;}
.footer-social-list a.icon.fa-facebook-f:hover, .footer-social-list a.icon.fa-twitter:hover, .footer-social-list a.icon.fa-instagram:hover, .footer-social-list a.icon.fa-google-plus-g:hover {color: #393f4b;background: #fff;}
.familysite button {padding-right:  15px;}
.familysite .dropdown-toggle::after {margin-left: 5em;}
.familysite .dropdown-menu {border-radius: 0rem;}


.section-md, .section-lg, .section-xl, .section-xxl, .section-inset-4, .section-inset-7, .section-inset-8 {padding: 180px 0 180px 0;}


@media (min-width: 768px){
.section-lg {padding: 40px 0;}
.section-xl {padding: 90px 0;}
}
@media (min-width: 992px){
  .section-lg {padding: 40px 0 20px 0;}
  .section-xl {padding: 100px 0;}
  .footer-corporate-list>li {display: block;margin-left: 0;}
}
@media (min-width: 1200px){
.section-xl {
    padding: 110px 0;
}
}
@media (min-width: 992px){.footer-corporate-list {columns: 2;break-inside: avoid;-moz-column-gap: 30px;-webkit-column-gap: 30px;margin-left: 0;}}
@media (min-width: 576px){
    .footer-corporate-title {font-size: 15px;}
    .footer-corporate, .footer-corporate-list {text-align: left;}
    .footer-corporate-panel {padding-top: 10px;padding-bottom: 18px;}
    .footer-corporate-title+* {margin-top: 10px;}
}
@media (min-width: 1200px){.footer-corporate-panel {padding-top: 10px;padding-bottom: 18px;}}
@media (min-width: 576px){
    .f-url {position: relative;top: 13px;}
}

/* sub pages */
#container_title {font-size: 2.250rem;letter-spacing: -1px;margin: 0 auto;font-weight: bold;margin-bottom: 0.8em;}

/* Typography */
body .typography {
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: 14px;
    /* font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; */
    line-height: 1.66667;
    font-weight: 300;
    /* color: #888; */
}

.page-title-box h2 {color: #fff;}

h1, h2, h3, h4, h5, h6, .heading-1, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6 {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 700;
    color: #000;
    /* letter-spacing: .06em; */
}
h1, .heading-1 {
    font-size: 30px;
    line-height: 1.2;
}
h2, .heading-2 {
    font-size: 26px;
    line-height: 1.3;
}
h3, .heading-3 {
    font-size: 22px;
    line-height: 1.45;
}
h4, .heading-4 {
    font-size: 18px;
    line-height: 1.5;
    color: #333;
}
h5, .heading-5 {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.45;
    color: #333;
}
h6, .heading-6 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    color: #333;
}



.section-divided__main [class*='section']:nth-child(n + 2), .section-divided__aside [class*='section']:nth-child(n + 2) {
    border-top: 1px solid #ececee;
}
.figure-centered {
    text-align: center;
}
.section-xs, .section-sm {
    padding: 35px 0;
}
.section-xs, .section-sm {
    padding: 35px 0;
    border-top: 1px solid #ececee;
}

.quote-centered__text {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.quote-centered {
    position: relative;
    width: 100%;
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.quote-centered__text .q {
    font-size: 16px;
    color: #000;
}
* + .quote-centered__text {
    margin-top: 10px;
}
.quote-centered * + .quote-centered__cite {
    margin-top: 10px;
}
.quote-centered__cite {
    color: #888;
    vertical-align: middle;
}
.quote-centered__cite:before {
    content: '';
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    width: 14px;
    border-top: 1px solid;
}
.quote-centered__mark {
    display: inline-block;
    fill: #f9b707;
}
* + .quote-centered {
    margin-top: 25px;
}

@media (min-width: 992px){
h2, .heading-2 {
    font-size: 44px;
}
}

@media (min-width: 768px){
    .section-sm {padding: 60px 0;}
    h1, .heading-1 {font-size: 56px;line-height: 1.16364;}
    .typography h2, .typography .heading-2 {font-size: 32px;line-height: 1.33333;}
    h5, .heading-5 {font-size: 20px;}
}


.list-terms-minimal * {
    display: inline;
}
.list-terms-minimal dt:after {
    display: inline-block;
    margin-right: 3px;
    content: ':';
}

h4,
.heading-4 {
	font-size: 18px;
	line-height: 1.5;
	color: #333;
}

@media (min-width: 768px) {
	h4,
	.heading-4 {
		font-size: 24px;
		line-height: 1.5;
	}
}

@media (min-width: 1400px) {
	h4,
	.heading-4 {
		font-size: 25px;
		line-height: 1.3;
	}
}
h5,
.heading-5 {font-size: 16px;font-weight: 400;line-height: 1.45;color: #333;}

@media (min-width: 768px) {
	h5,	.heading-5 {font-size: 20px;}
}

@media (min-width: 1200px) {
	h5,
	.heading-5 {
		font-size: 24px;
		line-height: 1.54167;
	}
}



figure img {
    display: block;
    width: 100%;
}
img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}



.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #e9ecef;
    border-left-width: .25rem;
    border-radius: .25rem;
}