@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
body{font-family: "Noto Sans KR", sans-serif !important; background-color:#FFFFFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}

html, body{height:100%}
.cur{cursor:pointer !important}
.bold{font-weight:bold !important}
.red{color:#FF0000 !important}
.blue2{color:#0066FF !important}

.btn-white{--bs-btn-bg: #FFF !important; border-color: #fff !important;}

.container
{
	max-width:1320px;
}

footer
{
	background-color:#FFFFFF;
	color:#2b2b2b;
	border-top:2px solid #d0d0d0;
}
footer .email
{
	font-size:1.0rem;
}

.big1
{
	font-size:1.1rem;
}
.big1-0
{
	font-size:1.0rem;
}
.big5
{
	font-size:1.5rem;
}

.sm1
{
	font-size:0.7rem !important;
}

.sm3
{
	font-size:0.95rem !important;
}

.line1
{
	line-height:1.6rem;
}

.tab
{
	border-bottom:1px solid #919191;
	color:#424242;
	padding:15px 0 10px 0;
	margin-bottom:15px;
	box-sizing:border-box;
	font-size:1.4rem;
	font-weight:600;
	margin-top:25px;
}
.tab .sm
{
	font-size:0.7em;
	margin-left:10px;
}

.tab-sm
{
	margin:0 20px 30px 0;
}
.tab-sm-header
{
	font-size:1.1rem;
	border-bottom:1px dashed #999999;
	padding:10px 0 10px 0;
	margin-bottom:10px;
}

.bg-black
{
	background-color:#000;
}

.btn-dark50
{
	background-color:rgba(0,0,0,0.5);
	color:#FFF;
}
.btn-dark50:hover
{
	color:#C6C6C6;
}

td.empty
{
	height: 400px;
	text-align: center;
	vertical-align: middle;
}


/* 상단 메뉴 */
#slidetop
{
	min-height:70px;
	box-shadow: 0 0px 8px rgba(0, 0, 0, 0.6);
	
	background-color: #2D2D2D; /* Black background color */
	position: fixed; /* Make it stick/fixed */
	top: -70px; /* Hide the navbar 50 px outside of the top view */
	width: 100%; /* Full width */
	transition: top 0.3s; /* Transition effect when sliding down (and up) */
	z-index:999;
}

.subtop{border-bottom:1px solid #999;}

#top_info
{
	padding:5px;
}

.sitelang{cursor:pointer}

#leftmenu
{
	font-size:1.0rem;
	line-height:1.8rem;
}

/* -------------------------- */
/* 상단 메뉴 */

#navbarNavDropdown .nav-item
{
	margin-right:20px;
}
#navbarNavDropdown .nav-item a
{
	font-size:0.9rem;
	color:white;
}

#maintoplogo
{
	width:180px;
	height:auto;
}
#maintopbg
{
	margin-bottom:10px;
}
@media (min-width:576px)
{
	#maintoplogo
	{
		width:250px;
	}
	#maintopbg
	{
		height:auto;
		margin-bottom:10px;
	}
	.navbar-nav{
		flex-direction: row !important;
		flex-wrap: wrap !important;
	}
}
#top_info
{
	background-color:#FFF;
}

/* -------------------------- */
/* 리스트 */

.post-module {
  position: relative;
  z-index: 1;
  display: block;
  background: #FFFFFF;
  min-width: 150px;
  padding-top:130%;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.post-module-ratio
{
	position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.post-module a:hover
{
	text-decoration:none;
}
.post-module:hover,
.hover {
  -webkit-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
}
.post-module:hover .thumbnail img,
.hover .thumbnail img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.6;
}
.post-module .thumbnail {
	position:relative;
	padding-top:100%;
  background: #000000;
  overflow: hidden;
}
.post-module .thumbnail-ratio
{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.post-module .thumbnail .date {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
  background: #e74c3c;
  width: 55px;
  height: 55px;
  padding: 12.5px 0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  color: #FFFFFF;
  font-weight: 700;
  text-align: center;
  -webkti-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.post-module .thumbnail .date .day {
  font-size: 18px;
}
.post-module .thumbnail .date .month {
  font-size: 12px;
  text-transform: uppercase;
}
.post-module .thumbnail img {
  display: block;
  width: 100%;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.post-module .post-content {
  position: absolute;
  bottom: 0;
  background: #FFFFFF;
  width: 100%;
  padding: 5px;
  -webkti-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  -moz-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  -o-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  cursor:pointer;
}
.post-module .post-content .category {
  position: absolute;
  top: -34px;
  left: 0;
  background: #e74c3c;
  padding: 8px 12px;
  color: #FFFFFF;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  max-width: 100%;
}
.post-module .post-content .title {
  margin: 0;
  color: #333333;
  font-size: .9rem;
  font-weight: 400;
  letter-spacing:-0.05rem;
  text-decoration: none;
  line-height: 1.4;
	
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap:break-word; /* 이걸 왜 해줘야되지? */
}
.post-module .post-content .title a
{
	color: #333333;
}
.post-module .post-content .title a:hover
{
	color:#000;
}
.post-module .post-content .sub_title {
  margin: 0;
  padding: 5px 0;
  color: #666666;
  font-size: 0.79rem;
  font-weight: 400;
}
.post-module .post-content .sub_title a
{
  color: #666666;
}
.post-module .post-content .sub_title a:hover
{
  color:#C00;
}
.post-module .post-content .description {
  display: none;
  color: #666666;
  font-size: 0.8rem;
  line-height: 1.6em;
  margin-bottom:0;
  word-break: break-all;
}
.post-module .post-content .post-meta {
	font-size:0.65rem !important;
  margin: 5px 0 0;
  color: #999999;
}
.post-module .post-content .post-meta .timestamp {
  margin: 0 16px 0 0;
}
.post-module .post-content .post-meta a {
  color: #999999;
  text-decoration: none;
}
.hover .post-content .description {
  display: block !important;
  height: auto !important;
  opacity: 1 !important;
}


.goodsdisplay {
  margin: 0 auto;
}
.goodsdisplay:before,
.goodsdisplay:after {
  content: '';
  display: block;
  clear: both;
}
.goodsdisplay .column {
  width: 50%;
  padding: 0 13px 26px 13px;
  -webkti-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}

#videolist
{
	background-color:#000000;
	padding:0;
}

#videolist_list
{
	padding:10px;
}

#videolist .list-group-item
{
	background-color:#000;
	color:#FFFFFF;
	border:0;
	padding:20px 25px 11px 30px;
	cursor:pointer;
	font-size:0.7rem;
	line-height:1.7em;
}
#videolist .list-group-item p
{
	margin-bottom:8px;
}
#videolist .list-group-item:hover
{
	background-color:#2E2E2E;
}
#videolist .list-group-item .title
{
	font-size:1.3em;
}
#videolist .list-group-item .prov
{
	font-size:0.8em;
}
#videolist .active .title
{
	color:#0066FF;
}
#videolist .active .prov
{
	color:#CCCCCC;
}

.adpr .media-body
{
	font-size:0.9rem;
}

@media (min-width:576px)
{
	.post-module .post-content {
	  padding: 15px;
	}
	.post-module .post-content .title {
		font-size: 1.05rem;
	}
	.post-module .post-content .description {
	  font-size: 0.9rem;
	  line-height: 1.8em;
	}
	.post-module .post-content .sub_title {
	  padding: 7px 0 15px 0;
	  font-size: 0.85rem;
	}
}
@media (min-width:625px){
	.goodsdisplay .column
	{
		width:33%;
	}
}
@media (min-width:966px){
	.goodsdisplay .column
	{
		width:25%;
	}
	#videolist .list-group-item
	{
		font-size:0.8rem;
	}
}
@media (min-width:1204px){
	.goodsdisplay .column
	{
		width:20%;
	}
	#videolist .list-group-item
	{
		font-size:1.0rem;
	}
}

/* ---------------------------- */
/* 상품 부분 */

#left
{
	background-color:#FFFFFF;
	border-right:#D7D7D7 1px solid;
	padding:40px 0 40px 40px;
}

#goods .top
{
	border-bottom:1px solid #D7D7D7;
	padding:15px 0 15px 0;
}
#goods .btn-group
{
	margin-right:15px;
}

#company
{
	padding:0;
}
#company .card
{
	margin-top:20px;
	margin-bottom:40px;
}
#company .card-header
{
	font-size:1.0rem;
}

#company .card-text
{
	font-size:0.9rem;
	line-height:1.7rem;
}

/*#goodsBody
{
	font-size:1.1rem;
	line-height:1.8rem;
}*/

.sharesns img
{
	width:25px;
	height:25px;
	margin-right:10px;
	cursor:pointer;
}

.tag-badge
{
	font-size:0.78rem;
	font-weight:400;
	margin-bottom:0;
	margin-right:5px;
}

/* ---------------------------- */


.main_wrap{
	position: relative;
	width: 100%;
}
.main_pad{
	padding-top: 56.25%; /* 16:9 */
}
.main_content{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height:100%;
}
#mainimg{width:100%; height:100%;}
#mainimg .item, #mainimg .item-video {padding:0; margin:2px; color: #FFF; border-radius: 3px; text-align: center; }
#thumbimg .item {opacity:0.5; line-height:70px; padding: 0px; margin:2px; color: #FFF; border-radius: 3px; text-align: center; cursor: pointer; }
#thumbimg .item, #thumbimg .item > img {width:60px; height:40px; line-height:70px;}
#thumbimg .current .item {opacity:1.0}
.owl-theme .owl-nav [class*='owl-'] { -webkit-transition: all .3s ease; transition: all .3s ease; }
.owl-theme .owl-nav [class*='owl-'].disabled:hover { background-color: #D6D6D6; }
#mainimg.owl-theme { position: relative; }
#mainimg.owl-theme .owl-next, #mainimg.owl-theme .owl-prev { background:rgba(0,0,0,0.0); width: 50px; height: 70px; padding:10px; margin-top: -35px; position: absolute; text-align:center; top: 50%; }
#mainimg.owl-theme .owl-prev { left: 10px; }
#mainimg.owl-theme .owl-next { right: 10px; }
#thumbimg.owl-theme .owl-next, #thumbimg.owl-theme .owl-prev { background:#333; }
#thumbimg .owl-dots{margin-top:25px !important;}

#compimg .owl-nav img{width:8px; margin:3px;}
#compimg .item img{ width:auto; height:110px; }

#recomm{box-sizing:border-box}
@media (min-width:576px){
	#thumbimg .item, #thumbimg .item > img {width:80px; height:50px; line-height:70px;}
}
@media (min-width:768px){
	#thumbimg .item, #thumbimg .item > img {width:100px; height:60px; line-height:70px;}
	#recomm{ max-width:23% !important;}
}
@media (min-width:992px){
	#thumbimg .item, #thumbimg .item > img {width:120px; height:70px; line-height:70px;}
	#recomm{ width:19% !important; max-width:270px !important;}
}
@media (min-width:1200px){
}

.card-address{line-height:1.3rem;}
#bizbanner
{
	max-width:200px !important;
	width:10% !important;
}
.cate_1{background-color:#555d46 !important}
.cate_2{background-color:#107893 !important}
.cate_3{background-color:#d13a3f !important}
.cate_4{background-color:#34558b !important}
.cate_5{background-color:#a2553a !important}
.cate_6{background-color:#71617c !important}
.cate_7{background-color:#3b3d4a !important}


.goodsid{font-size:0.8rem; color:#666666;}
.goodsname{color:#0066FF !important; font-size:1.5rem}
.complogo{border:1px solid #E6E6E6;}
#bb2c{line-height:1.0em !important}
.ref{color:#666; text-decoration:none;}
#myChart{max-width:100%; max-height:300px;}
.ft-pic{width:100px !important; height:100px !important}
.ft-body{font-size:1.0rem; line-height:1.8rem; padding-bottom:20px; border-top:1px dashed #999999}
.thesis{color:#666; text-decoration:none;}

#footer{font-size: .8rem;}


/* ---------------------------- */

.ck-editor__editable_inline {
    min-height: 300px;
}

.ck-content p, .ckbody p
{
	margin: 0;
}

/* 크기 넘기지 않게 기본 설정 */
.ck-content img, .ckbody img
{
	max-width: 100% !important;
}

.ckbody .image.image_resized {
  box-sizing: border-box;
  display: block;
  max-width: 100%;
}

.ckbody .image {
  clear: both;
  display: table;
  margin: .9em auto;
  min-width: 50px;
  text-align: center;
}

.ckbody .image.image_resized img {
  width: 100%;
}
.ckbody .image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  min-width: 100%;
}

.ck-content .image-style-side, .ckbody .image-style-side {
  float: right;
  margin-left: 1.0rem;
  max-width: 50%;
}

.ckbody figure figcaption
{
	font-size: .75rem !important;
}

.ckbody .table table {
	border: 1px double #b3b3b3;
	border-collapse: collapse;
	border-spacing: 0;
	height: 100%;
	width: 100%;
  }
  .ckbody .table .ck-table-resized {
	table-layout: fixed;
  }
  .ckbody .table {
	display: table;
	margin: .9em auto;
	  margin-bottom: 0.9em;
  }
  .ckbody .table table td, .ckbody .table table th {
	border: 1px solid #bfbfbf;
	min-width: 2em;
	padding: .4em;
  }
  .ckbody .table td, .ckbody .table th {
	position: relative;
  }
  
/* ----------------------- */

.alang
{
	margin-bottom: .5rem !important;
	margin-right: .5rem !important;
}

.cframe{
    max-width: 960px;
}


@media (min-width: 992px) { /* lg 이상 화면 크기 */
	.col-lang
	{
		width: 15.2%;
	}
    .col-goods {
		width: 62.1%;
    }

    .col-comp {
		width: 22.7%;
    }
}


#wing-notice
{
	z-index:1000;
}
#wing-notice .tit
{
	font-size:0.65rem;
	font-weight:500;
	color:black;
	margin-bottom:10px;
}
#wing-notice a
{
	font-size:0.8rem;
	font-weight:400;
	color:black;
	display:block;
	margin-bottom:5px;
}

@media (min-width: 1020px) {
    #wing-notice .notice-body
    {
        padding-left:100px !important;
    }
}
@media (min-width: 1285px) {
    #wing-notice .notice-body
    {
        padding-left:150px !important;
    }
}