@import url('common.css');
@import url('navbar.css');
@import url('member.css');
@import url('board.css');
@import url('work.css');
@import url('shop.css');
@import url('main.css');
@import url('033.css');
/*-- ==============================================================
 Font
 ============================================================== */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800");

/*  프리텐다드 pretendard    */ 
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard-dynamic-subset.css");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/variable/pretendardvariable.css");



/******* 20220629 나눔스퀘어라운드추가 ******/
/******* 20230517 나눔스퀘어라운드 삭제 / 프리텐다드 추가 ******/


/******* 20240430 잘난고딕/잘난체 / 지마켓 추가 ******/
@font-face {
font-family: 'JalnanGothic';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/JalnanGothic.woff') format('woff');
font-weight: normal;
font-style: normal;
} 

@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
  font-family: "Pretendard Variable", 'Pretendard',"Apple SD Gothic Neo", "Noto Sans KR", -apple-system, 'BlinkMacSystemFont', system-ui, 'Roboto', "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  line-height: 1.682;
  font-size: 18px;	
word-break: keep-all;
}


body .font-eng {
  font-family:"Pretendard Variable", 'Pretendard', "Apple SD Gothic Neo", 'Roboto', 'Montserrat', sans-serif;
}

body .font-sans {
  font-family: "Pretendard Variable", 'Pretendard', "Apple SD Gothic Neo", 'Roboto', sans-serif;
}


/******* 20240430 잘난고딕/잘난체 / 지마켓 추가 ******/
body .jalnangothic {
  font-family:"JalnanGothic","Pretendard Variable", 'Pretendard';
}

body .jalnan {
  font-family:"yg-jalnan","Pretendard Variable", 'Pretendard';
}


body .gmarketl {
  font-family:"GmarketSansLight","Pretendard Variable", 'Pretendard';
}

body .gmarketm {
  font-family:"GmarketSansMedium","Pretendard Variable", 'Pretendard';
}


body .gmarketb {
  font-family:"GmarketSansBold","Pretendard Variable", 'Pretendard';
}




.dropdown-item,
.navbar-nav .nav-link {
  font-family:"Pretendard Variable", 'Pretendard', "Apple SD Gothic Neo", 'Montserrat', 'Roboto', sans-serif;
  font-weight: 500;
}

p {
  font-weight: 300;
}

.btn {
  border-radius: 0;
}

/*-- ==============================================================
 Layout
 ============================================================== */
.navbar>.container,
#owl-intro .container,
section>.container {
  max-width: 1500px;
  width: 100%;
}

.product-detail>.container {
  max-width: 1140px;
}

/* Service */
.height-service {
  height: 700px;
}

@media (max-width:991px) {
  .height-service {
    height: 400px;
  }
}

/* Work */
.height-lg {
  height: 700px;
}

.height-md {
  /** 2022112 수정_ 원래 500px **/
  height: 620px;
	 
}

.height-sm {
  height: 300px;
}


.height-xs {
  height: 150px;
}

@media (max-width:991px) {

  .height-lg,
  .height-md,
  .height-sm {
    height: 360px;
  }
	
  .height-xs {
    height: 100px;
	}
}

/* Contact */
.height-400 {
  height: 400px;
}

.height-800 {
  height: 800px;
}

@media (max-width:991px) {
  .height-400 {
    height: 400px;
  }

  .height-800 {
    height: 500px;
  }
}

@media (max-width:574px) {
  .height-400 {
    height: 300px;
  }

  .height-800 {
    height: 420px;
  }
	
  .height-xs {
    height: 70px;
	}
}

/*-- ==============================================================
 Sub Title
 ============================================================== */
.height-title {
  height: 500px;
}

.sub-title {
  color: #fff;
}

@media (max-width:991px) {
  .height-title {
    height: 300px;
    margin-top: 55px;
  }

  .height-title .content-center {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }

  .sub-title {
    margin-top: 0;
  }
}

/*==============================
contact
==-=============================  */
.bg-dark.text-white h2 {
  color: #fff;
}

.bg-dark.text-white p {
  color: rgba(255, 255, 255, .6);
}

/*******************
/* Sub Tab navbar
*******************/
.sub-navbar-wrap {
  margin-top: -58px;
}

.sub-navbar-wrap .sub-navbar li {
  border-top: 1px solid rgba(204,204, 204, 0.6); 
  border-left: 1px solid rgba(204,204, 204, 0.6) !important;
  border-right: 1px solid rgba(204,204, 204, 0.6); 
  height: 58px;
  background-color: rgba(0, 0, 0, .35)
}

.sub-navbar-wrap .sub-navbar li:first-child {
  border-left: none;
}

.sub-navbar-wrap .sub-navbar li:hover {
  background-color: rgba(0, 0, 0, .4)
}

.sub-navbar-wrap .sub-navbar li.active {
  background-color: #fff;
}

.sub-navbar-wrap .sub-navbar li a {
  display: blcok;
  color: rgba(255, 255, 255, .8);
  line-height: 58px;
  padding: 0;
  font-size: 22px;
  
}

.sub-navbar-wrap .sub-navbar li.active a {
  color: #1b1d1f;
  font-weight: 600;
}

@media (max-width:574px) {
  .sub-navbar-wrap .sub-navbar li a {
    font-size: 17px;
  }
}

/*  */
.service-01 li:not(:last-child) {
  margin-bottom: 25px;
}

.service-01 h5 {
  font-weight: 600;
  margin-bottom: 5px;
}



.list-icon {
  /* padding-left: 40px; */
}

.list-icon li {
  position: relative;
  padding-bottom: 20px;
  line-height: 1.45;
  padding-left: 36px;
}

.list-icon i {
  position: absolute;
  top: 5px;
  left: 0;
  margin-right: 10px;
}


.faq .card-header {
  border-bottom: 1px solid #ececec;
  background-color: #ffffff;
}

#owl-gallery .hero-wrap {
  height: 400px;
}

@media (max-width:991px) {
  .half-bg.half-about {
    background-color: #32b67a;
  }

  .text-md-white {
    color: #fff;
  }
}



.navbar-nav .nav-link {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 1px;
  }


/*  20240301 아래 css 추가!!!!!!!!!!!!!!!!!!! */ 
#listEl .card-header .no-block p
{
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-size: inherit;
    color: inherit;
}