*{margin:0; padding:0; box-sizing:border-box;}
ul li{list-style:none;}

html,body{font-family:'Nanum Gothic', sans-serif; height:100%;}
hr {display: block; margin-bottom: 56px;}
p {
  color: #333;
  line-height: 24px;
}

.container span{
  color: #1648a1;
  font-weight: 600;
}
.container a{
  text-decoration:none; 
  color: #191919; 
  font-weight: 600;

  display: block;
  width: 300px; height: 48px; line-height: 45px;
  background-color: #1648a1;
  text-align: center;

  color: rgb(230, 230, 230);

}
a:hover {
  text-decoration: underline;
}

/* .top_img{
    width:100%;
    height:450px;
	background:url('http://heni.co.kr/layouts/cdn/img/438.jpg') no-repeat ;
	position:relative;
}
.top_img p{
	position:absolute;
	top:50%;
	left:50%;
	font-size:40px;
	color:#fff;
}
.top_img span{
    width:160px;
	position:absolute;
	top:-27px;
	left:-80px; 
} */




/*마케팅전략소개 css*/
/* .sub_bg {overflow:hidden; width:100%; height:100%; background: url('../img/promotion.jpg') no-repeat scroll center center / cover;} */
.sub_bg {overflow:hidden; width:100%; height:100%; background: url('../img/major_business.jpg');
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;}
.sub_bg > div:nth-child(1) { margin:0 auto; width:1200px;}
.sub_bg > div:nth-child(1) > div {position: absolute; padding-right:32%; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width:1100px;}
.sub_bg > div:nth-child(1) > div > p {font-size:16px; color:#fff;}
.sub_bg > div:nth-child(1) > div > p:nth-child(1) {font-size:35px;}
.sub_bg > div:nth-child(1) > div > p:nth-child(2) {margin:15px auto; line-height:30px;}
/*다운화살표 css*/
.target {position:absolute; bottom:98px; left:0; width:100%; height:1px;}
.target_icon {position:absolute; bottom:2%; left:50%; z-index:9999;}
.target_icon > img {position:absolute; bottom:0; left:-27.5px; cursor:pointer;}


/*마케팅*/

/* .container {margin:30px auto 50px; width:1200px;}
.container > h2 {font-size:25px; font-weight:bold;}
.container > h3 {margin:40px 0 20px; font-size:22px; font-weight:bold;}
.container > .row {display:block; font-size:0;}

.container .row_box {display:inline-block; margin-right:2.666%; margin-bottom:15px; width:23%; height:475px; border:1px solid #ccc; vertical-align:middle;}
.container .rb4 {margin-right:0;}
.container .row_box div:nth-child(1) {width:100%; border-bottom:1px solid #ccc;}
.container .row_box div:nth-child(1) img {width:100%;}
.container .row_box div:nth-child(2) {padding:15px; width:100%;}
.container .row_box div:nth-child(2) h4 {font-size:20px; font-weight:bold;}
.container .row_box div:nth-child(2) p {margin-top:15px; font-size:16px; line-height:25px;} */


/* ***************************** */
/* 210316 내용추가및수정 */
/* 공통 */

  .title h2, .title p {
    color: rgb(25, 25, 25);
  }
  .title h2{
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 42px;
  
    position: relative;
  }
  .title h2::after {
    position: absolute;
    display: block; content: '';
    width: 100%; height: 3px;
    bottom: -15px;
    background-color: rgb(25, 25, 25);
  }
  .title p {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 50px;
  }

/* 트리디비소개 */
.businesstreedb img {
    width: 100%;
    filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25));
}

.businesstreedb a {
  /* margin-top: 32px; */
}

.businesstreedb .row {
    margin-bottom: 56px;
}

.businesstreedb .row p {
    /* font-size: 14px; */
    margin-bottom: 16px;
}

.businesstreedb .row img {
  height: 250px;
  margin-bottom: 16px;
}

.businesstreedb .col-sm-4 img{
  height: 300px;
}


.businesstreedb h4{
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 8px;
}
.businesstreedb i {
  font-size: 14px;
  margin-bottom: 8px;
}

.metaverse img {width: 100%;}
.metaverse .c1 {
  margin-bottom: 56px;
}

.metaverse .c1 > div:nth-child(2) {
  background-color: rgba(0, 0, 0, 0.027);
  padding: 24px;
  height: 339.38px;
}
.metaverse .c1 > div:nth-child(2) img {
  width: 30%;
  float: right;
}

.metaverse .c1 > div:nth-child(2) a {
  margin-top: 32px;
}

.metaverse h4 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 18px;
}
.metaverse .c2 a {
  text-align: center;
  margin-bottom: 32px;
  width: 100%;
  margin: auto;
}
/* .metaverse img:hover {
  transform: scale(1.02);
  transition-duration: 0.5s
} */
.metaverse .c2 div img{
  height: 180px;
}



section:nth-child(even) {
  background-color: #eee;
}

.businessmobileplanter img {
  width: 100%;
}

.businessmobileplanter a {
  margin: 42px auto;
}


.businessmobileplanter_top {
  text-align: center;
  margin-bottom: 54px;
}



.businessmobileplanter_top h4 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}
.businessmobileplanter_top p {
  margin-bottom: 8px;
}

.businessmobileplanter_top .text_box {
  margin-bottom: 54px;
}

.businessmobileplanter_top .text_four_box {
  width: 100%;
  display: flex; 
}
.businessmobileplanter_top .text_four_box div {
  background-color: rgb(200, 200, 200);
  padding: 16px;
  margin-right: 8px;
  width: 25%; height: 150px;
  filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25));

  position: relative;
}

.businessmobileplanter_top .text_four_box div h5 {
  font-weight: 600;
  font-size: 18px;

  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
}

.businessmobileplanter_top .text_four_box div:nth-child(2n) {
  background-color: #1648a1 ;
  margin-top: 8px;
  color: #eee;
}

.businessmobileplanter_top .text_four_box div:last-child {
  margin-right: 0;
}

.businessmobileplanter_bottom img {
  width: 130%;
  filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25));
}

.businessmobileplanter_bottom>div {
  margin-bottom: 54px;
  
}

.businessmobileplanter_bottom .row div:last-child {
  padding: 40px;
  background-color: rgba(255, 255, 255, 0.9);
  height: 100%;
}

.businessmobileplanter_bottom h5 {
  font-size: 24px;
  font-weight: 600;

  margin-bottom: 24px;

}



/* 코코매트 */
.businesscocomat img {
  width: 100%; height: 100%;
}

.businesscocomat .row {
  margin-bottom: 54px;
}

.businesscocomat .row h3 {
  font-size: 24px;
  font-weight: 600;

  margin-bottom: 40px;
}

.businesscocomat .row p {
  margin-bottom: 16px;
}


/*최저사이즈768px부터 최대1024px태블릿*/
@media all and (min-width:768px) and (max-width:1200px) {

/*사이트제작소개 css*/
.sub_bg > div:nth-child(1) {width:100%;}
.sub_bg > div:nth-child(1) > div {padding-right:0%; width:90%;}
.sub_bg > div:nth-child(1) > div > p:nth-child(1) {font-size:30px;}
    
.container {overflow:hidden; margin:30px auto 50px; width:90%;}    
.container .row_box {display:inline-block; margin-right:4%; margin-bottom:15px; width:48%; height:475px; border:1px solid #ccc; vertical-align:middle;}    
.container .rb2 {margin-right:0;}      


.businesstreedb .row img {
  height: 250px;
}
/* .businessmobileplanter_bottom img {
  width: 100%;
  padding: 16px;
  margin: auto;
} */

.businessmobileplanter_top .text_four_box div h5 {
  font-size: 16px;
}
.businesstreedb .col-lg-3 img {
  height: 350px;
}


}


/*스마트폰용*/
@media all and (max-width:767px){ 
    
/*사이트제작소개 css*/
.sub_bg {min-height:568px;}
.sub_bg > div:nth-child(1) {width:100%;}
.sub_bg > div:nth-child(1) > div {padding-right:0%; width:90%;}
.sub_bg > div:nth-child(1) > div > p:nth-child(1) {margin-top:100px; font-size:16px; line-height:25px;}
.sub_bg > div:nth-child(1) > div > p:nth-child(2) {line-height:22px; font-size:12px;}
/*다운화살표 css*/
.target_icon {display:none;} 

    
.container > h2 {font-size:22px; font-weight:bold;}    
.container > h3 {margin:40px 0 20px; font-size:18px; font-weight:bold;}    
.container {overflow:hidden; margin:30px auto 50px; width:90%;}    
.container .row_box {display:inline-block; margin-right:0%; margin-bottom:15px; width:100%; height:390px; border:1px solid #ccc; vertical-align:middle;}         
.container .row_box div:nth-child(2) h4 {font-size:16px; font-weight:bold;}
.container .row_box div:nth-child(2) p {margin-top:15px; font-size:13px; line-height:20px;}
}