@charset "utf-8";

/* BNCSOFT */
body {font-family: 'Noto Sans KR', sans-serif !important}
body .nav-link.depth2 {padding: 0.5rem 1.0rem !important; min-width:180px !important}

i.vertical-bar {
	display: inline-block; /* 인라인 태그를 인라인 블록 태그로 변경 */
	width: 4px; /* 세로바의 너비 설정 */
	height: 24px; /* 세로바의 높이 설정 */
	background-color: #000; /* 세로바의 색상 설정 */
}

.bg-ptn{background: #f4f4f4 url(/img/ptn_001.png) !important;}

.nanum-square-ac {font-family: 'NanumSquareAc', sans-serif !important}
.gothic-a1 {font-family: 'Gothic A1', sans-serif !important}
.play {font-family: 'Play', sans-serif !important}
.noto {font-family: 'Noto Sans KR', sans-serif}

.border-deepblue {border-color: #2763ba !important;}
.border-red {border-color: red !important;}

.footer {/* background-color:#fff !important;  */}

.text-black { color: #000 !important }
.text-gray {color: #ccc !important }
.text-darkgray {color: #666 !important }
.text-red {color: var(--bs-red) !important }

.link-underline:hover {text-decoration:underline !important}

.bt-line {border-top:1px solid var(--bs-gray-100) !important;}
.br-line {border-right:1px solid var(--bs-gray-100) !important;}
.bl-line {border-left:1px solid var(--bs-gray-100) !important;}
.bb-line {border-bottom:1px solid var(--bs-gray-100) !important;}

.bt-noline {border-top:0px solid var(--bs-gray-300) !important;}
.br-noline {border-right:0px solid var(--bs-gray-300) !important;}
.bl-noline {border-left:0px solid var(--bs-gray-300) !important;}
.bb-noline {border-bottom:0px solid var(--bs-gray-300) !important;}

.company-info > li{
	border:0;
}
.company-info .hd{ background-color: rgba(255, 102, 0, 1); color: #fff;}
.company-info .bd{ background-color: rgba(200, 200, 200, .2); color: #000;}

.content-info > li{
	border:0;
	line-height:1.5rem;
}
.content-info .hd{ background-color: rgba(255, 102, 0, 1); color: #fff;}
.content-info .bd{ background-color: rgba(255, 255, 255, 1); color: #484848;}

.content-info .hd1{ color: var(--bs-cyan)}
.content-info .hd2{ color: var(--bs-teal)}
.content-info .hd3{ background-color: rgb(0, 176, 162); color: #fff;}

.color-spc-1{background-color: #004d66 !important;color: #fff !important;}
.color-spc-2{background-color: #e6f7ff !important;}

.content-info .hd-0 {background-color: #ffffff !important;color: #484848 !important}
.content-info .hd-1 {background-color: #169dd6 !important;color: #fff !important}
.content-info .hd-2 {background-color: #14d53d !important;color: #fff !important}
.content-info .hd-3 {background-color: #3814ff !important;color: #fff !important}
.content-info .hd-4 {background-color: #7520c5 !important;color: #fff !important}
.content-info .hd-5 {background-color: #af999a !important;color: #fff !important}
.content-info .hd-6 {background-color: #ef007c !important;color: #fff !important}/* 핑크 */

.content-info    .dot {
      position: relative;
      padding-left: 20px;
    }

.gal-image img{width:90%; padding:1.0rem}

.pkg-first .hd{	background-color: rgba(238, 65, 170, 1); color: #fff;}
.pkg-first .bd{	background-color: rgba(50, 50, 50, 1); color: #fff;}
.pkg-second .hd{ background-color: rgba(0, 175, 67, 1); color: #fff;}
.pkg-second .bd{ background-color: rgba(50, 50, 50, 1); color: #fff;}

.pkg-info-1 ul, li {background-color:#fffl border:0}


		
.mov-first .hd{	background-color: rgba(238, 65, 170, 1); color: #fff;}
.mov-first .bd{	background-color: rgba(200, 200, 200, 0.2); color: #000;}
.mov-second .hd{ background-color: rgba(0, 175, 67, 1); color: #fff;}
.mov-second .bd{ background-color: rgba(200, 200, 200, 0.2); color: #000;}

table.pkg-info {text-align:center; border-spacing: 0.1em !important; border: 1px solid #fff;}
table.pkg-info .col1 {width:14%}
table.pkg-info .col2 {width:20%}
table.pkg-info .col3 {width:22%}
table.pkg-info .col4 {width:36%}
table.pkg-info .col5 {width:8%}

table.pkg-info thead td {background-color:rgba(139, 131, 119, 1); color:rgba(255, 255, 255, 1)}
table.pkg-info tbody td {background-color:rgba(240, 230, 230, 1); padding: 0.4em; vertical-align:middle !important} 
table.pkg-info ul {}
table.pkg-info li.list-group-item {background-color:rgba(240, 230, 230, 1);border:0; padding:0; margin:0 }


/* # BNCSOFT Container */
.container.bnc,
.container-fluid.bnc,
.container-xxl.bnc,
.container-xl.bnc,
.container-lg.bnc,
.container-md.bnc,
.container-sm.bnc {
  --bs-gutter-x: 2.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

.horizontal-list-group {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
}

/* Add bootstrap.css HW */
.btn-outline-hw-primary {
    --bs-btn-color: #444444;
    --bs-btn-border-color: #666666;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #444444;
    --bs-btn-hover-border-color: #666666;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #666666;
    --bs-btn-active-border-color: #666666;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #666666;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #666666;
    --bs-gradient: none;
}

/* # sourceMappingURL=category.css.map */
.category-wrap .list-group{background-color:#fff}
.category-wrap .list-group-item{border:none;text-align:left;width:200px;align-items:stretch;height:40px}
.category-wrap .list-group-item a{color:var(--bs-gray-dark);font-family:"Noto Sans KR",sans-serif;font-size:.875rem;font-weight:400}
.category-wrap .list-group-item:hover{background-color:rgba(13,202,240,.25)}
.category-wrap .list-group.depth1{z-index:101;display:none;align-self:stretch;align-content:stretch !important}
.category-wrap .list-group.depth2{z-index:102;display:none;top:0;right:-195px;align-self:stretch;align-content:stretch !important}
.category-wrap .list-group.depth3{z-index:103;display:none;top:0;right:-195px;align-self:stretch;align-content:stretch !important}
.category-wrap .categorys:hover .list-group.depth1{display:flex}
.category-wrap .categorys:hover .list-group.depth1 .list-group-item:hover .list-group.depth2{display:flex}
.category-wrap .categorys:hover .list-group.depth1 .list-group-item:hover .list-group.depth2 .list-group-item:hover .list-group.depth3{display:flex}
.mobile-cont-category-wrap{font-size:.875rem}
.mobile-cont-category-wrap a,.mobile-cont-category-wrap button{font-size:.875rem}
.mobile-cont-category-wrap .accordion-button{width:40px;padding:.75rem}
.mobile-cont-category-wrap .mobile-depth2{background-color:#f8f9fa}
.mobile-cont-category-wrap .sub-cate.accordion-item{background-color:rgba(0,0,0,0) !important;border:none;margin-left:1rem}
.mobile-cont-category-wrap .sub-cate.accordion-item .accordion-button{background-color:rgba(0,0,0,0) !important}
.mobile-cont-category-wrap .sub-cate.accordion-item .mobile-depth3{margin-left:2rem}
.mobile-cont-category-wrap .accordion-header{min-height:44px}

	
@media (min-width: 290px) {
  .container-sm.bnc, .container.bnc {
    max-width: 340px;
  } 
  .img-logo {max-width:210px !important}
}
@media (min-width: 576px) {
  .container-sm.bnc, .container.bnc {
    max-width: 340px;
  } 
  .img-logo {max-width:260px !important}
  
	.fs-sm-8 {
	  font-size: 0.78rem !important;
	}
}
@media (min-width: 768px) {
  .container-md.bnc, .container-sm.bnc, .container.bnc {
    max-width: 520px;
  }
}
@media (min-width: 992px) {
	.container-lg.bnc, .container-md.bnc, .container-sm.bnc, .container.bnc {
	  max-width: 760px;
	}
	.bg-lg-white {
	  --bs-bg-opacity: 1;
	  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
	}
}
@media (min-width: 1200px) {
  .container-xl.bnc, .container-lg.bnc, .container-md.bnc, .container-sm.bnc, .container.bnc {
    max-width: 940px;
  }
	.border-lg-left {border-left:1px dotted #ccc}
	.border-lg-bottom {border-bottom:1px solid #ccc}	
	.border-lg-top {border-top:1px solid #ccc}
	.border-lg-right {border-right:1px dotted #ccc}		
}
@media (min-width: 1400px) {
  .container-xxl.bnc, .container-xl.bnc, .container-lg.bnc, .container-md.bnc, .container-sm.bnc, .container.bnc {
    max-width: 1120px;
  }
	.img-logo {max-width:380px !important}
	.border-xl-left {border-left:1px dotted #ccc}
	.border-xl-bottom {border-bottom:1px solid #ccc}	
	.border-xl-top {border-top:1px solid #ccc}
	.border-xl-right {border-right:1px dotted #ccc}		
}