@charset "utf-8";

/* LightBox 화살표 유지용 */

.lb-prev, .lb-next {
  opacity: 1 !important;
  transition: none;
  display: block !important;
}

/* 
#################
Recruitment 
#################
*/

#recruitment-process { }
#recruitment-process section + section { margin-top:200px; }
#recruitment-process .sub-tit > * { text-align:left !important; }
#recruitment-process .process-list { display:flex; gap:20px; margin-bottom:50px; }
#recruitment-process .process-list li { width:20%; background:#f3f9fc; padding:28px 24px; border-radius:6px; }
#recruitment-process .process-list li .num { font-size:16px; font-weight:700; color:#222;  }
#recruitment-process .process-list li h4 { font-size:23px; color:#222;  }

#recruitment-process .process-list li:nth-child(2) { background:#d1e7f3; }
#recruitment-process .process-list li:nth-child(3) { background:#8cc2e1; }
#recruitment-process .process-list li:nth-child(4) { background:#5eaad5;  }
#recruitment-process .process-list li:nth-child(5) { background:#1a86c4; }

#recruitment-process .process-list li:nth-child(4) .info .num,
#recruitment-process .process-list li:nth-child(4) .info h4,
#recruitment-process .process-list li:nth-child(5) .info .num,
#recruitment-process .process-list li:nth-child(5) .info h4 { color:#fff; }

#recruitment-process .process-info { width: 100%; height: 100%; position: relative; padding: 24px; border-radius: 4px;  background-color: rgba(26, 134, 196, 0.05); }
#recruitment-process .process-info ul { margin-left:10px; }
#recruitment-process .process-info li { position:relative; color:#222; font-size:19px; line-height:1.5; padding-left:20px; }
#recruitment-process .process-info li:before { content:''; position:absolute; left:0; top:10px; width:6px; height:6px; border-radius:3px; background:#222; overflow:hidden; } 

@media screen and (max-width: 980px) {
	#recruitment-process section + section { margin-top:100px; }
	
	#recruitment-process .process-list li h4 { font-size:20px; }
	
	#recruitment-process .process-list { flex-direction:column; }
	#recruitment-process .process-list li { width:100%; }
	
	#recruitment-process .process-info li { font-size:15px; padding-left:15px;  }
	#recruitment-process .process-info li:before { top:8px; width:4px; height:4px; border-radius:2px;  } 
}


@media screen and (max-width: 680px) {
	#recruitment-process section + section { margin-top:80px; }
}

/* 
#################
Division 
#################
*/

#sub.sub210 #content { padding-bottom:0; }

/* 20250430 아티스트 슬라이드 영역 */
.artist_wrap {position:relative; padding:120px 0 0; }

.artist_wrap .title01 {  text-align:center; margin-bottom:80px; }
.artist_wrap .title01 > h3 { display:inline-block; font-size: 48px; line-height: 48px; color: #222222;  position:relative; margin-bottom:15px; }
.artist_wrap .title01 > h3:after {content:""; position:absolute; top: -10px; right:-20px; background:#911ac1; border:1px solid #911ac1; width:18px; height:18px; border-radius: 9px;}
.artist_wrap .title01 .subtitle01 { font-size:16px; text-align:center; color:#222; line-height:1.5;  }

#artist_list { position:relative; padding:120px 0; }
#artist_list:before { content: ''; position: absolute; top: 0; left:50%; width:1920px; height: 100%;  transform:translateX(-50%); background:url('../resource/img/sub/artist/artist_bg.jpg') center center no-repeat; background-size:cover; z-index: -1 }
#artist_list .swiper-wrapper { padding-bottom:10px; }
#artist_list .swiper-slide { position:relative; background:rgba(241,242,245,0.55); width:100%; border-radius:80px 0 0 0; overflow:hidden; transition: box-shadow 0.3s ease; }
#artist_list .swiper-slide:hover { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);  }
#artist_list .swiper-slide .thumb { border-radius:0 0 80px 0; overflow:hidden;  }
#artist_list .swiper-slide .thumb img { width:100%; height:auto; }

#artist_list .swiper-slide .card-content { text-align:center; padding:25px 10px; }
#artist_list .swiper-slide .card-content h4 { display:block; text-align:center; font-size:22px; color:#263b5c; margin-bottom:20px; }
#artist_list .swiper-slide .card-content p { line-height:1.5; margin-bottom:20px; min-height:70px;  }
#artist_list .swiper-slide .card-content a { display:inline-block; background:#3d455f; color:#fff; transition:all 0.3s; border-radius:10px; width:150px; height:45px; line-height:45px; text-align:center; font-size:16px; }
#artist_list .swiper-slide .card-content a:hover { background:#911ac1; text-decoration: none; }

/* 커스텀 스타일 */
#artist_list .swiper-button-prev,
#artist_list .swiper-button-next {
  top:50%;
  transform:translateY(-50%);
  width: 40px;
  height: 40px;
  color: transparent; /* 기본 화살표 숨기기 */
  background:#fff; 
  border-radius:20px;
  z-index:999;
  text-align:center !important;
}

#artist_list .swiper-button-prev:after, #artist_list .swiper-rtl .swiper-button-next:after {
    content: '';
}
#artist_list .swiper-button-next:after, #artist_list .swiper-rtl .swiper-button-prev:after {
    content: '';
}

#artist_list .swiper-button-prev i,
#artist_list .swiper-button-next i { display:inline-block; font-size:32px; color: #a6b5c9; }

#artist_list .swiper-button-prev { left:-50px; }
#artist_list .swiper-button-next { right:-50px; }

@media screen and (max-width: 1300px) {
	#artist_list .swiper-button-prev { left:-15px; }
	#artist_list .swiper-button-next { right:-15px; }
}


@media screen and (max-width: 750px) {
	.artist_wrap { padding:80px 0 0; }
	#artist_list { position:relative; padding:80px 0; }
	#artist_list .swiper-slide { border-radius:40px 0 0 0; }
	#artist_list .swiper-slide .thumb { border-radius:0 0 40px 0; }
	
	#artist_list .swiper-button-prev,
	#artist_list .swiper-button-next {
	  width: 30px;
	  height: 30px;
	  border-radius:15px;
	}
	
	#artist_list .swiper-button-prev i,
	#artist_list .swiper-button-next i { font-size:22px; }
}


@media screen and (max-width: 480px) {
	.artist_wrap .title01 { margin-bottom:40px; }
	.artist_wrap .title01 .subtitle01 { font-size:14px; letter-spacing: -1px;  }
	#artist_list .swiper-slide .card-content h4 { font-size:18px; }
	#artist_list .swiper-slide .card-content p { line-height:1.2;  letter-spacing: -1px; }
	#artist_list .swiper-slide .card-content a { width:85px; height:35px; line-height:35px; font-size:14px; }
}


@media screen and (max-width: 480px) {
	#artist_list .swiper-slide .card-content a { width:72px; height:35px; line-height:35px; font-size:13px; }
}

/* 
#################
*/

/* 
#################
Artist
#################
*/

#artist_view { padding-bottom:150px; }
#artist_view .sub-tit > * { text-align:left !important; }
#artist_view .sub-tit h3 { font-size:30px; color:#7a7a7a; }
#artist_view section.profile_sec { padding-bottom:60px; margin-bottom:60px; border-bottom:1px solid #f2f2f2;  }
#artist_view section:not(.profile_sec) + section { margin-top:130px; }

#artist_view .profile_info { display:flex; gap:20px; border-bottom:1px solid #f2f2f2; padding-bottom:60px; }
#artist_view .profile_info h4 { font-size:48px; color:#363636; line-height:48px; }
#artist_view .profile_info h4 span { font-size:22px; margin-left:10px; font-weight:300; }
#artist_view .profile_info .profile_sns { display:flex; gap:10px; align-items: flex-end; margin-bottom:12px; }

#artist_view .profile_detail { display:flex; gap:0; border-bottom:1px solid #f2f2f2; padding:60px 0; margin-bottom:50px; }
#artist_view .profile_detail h4 { width:210px; font-size:30px; color:#363636; }
#artist_view .profile_detail .profile_list { width:calc(100% - 210px); margin-top:10px;  }
#artist_view .profile_detail .profile_list .profile_desc { margin-bottom:50px; font-size:15px; line-height:1.5;  }
#artist_view .profile_detail .profile_list  dl { display:flex; font-size:15px; line-height:1.5;  }
#artist_view .profile_detail .profile_list  dl dt { width:105px; font-size:15px;  }
#artist_view .profile_detail .profile_list  dl dd { width:calc(100% - 105px); font-size:15px; line-height:1.5; }

#artist_view .artist_gallery h5 { font-size:20px; color:#363636; padding-left:10px; margin-bottom:30px; font-weight:500; }
#artist_view .artist_gallery ul { display: grid; grid-template-columns: repeat(4, 1fr);  gap: 30px 15px;  }
#artist_view .artist_gallery li { }
#artist_view .artist_gallery li a { display:inline-block; width:100%; aspect-ratio: 1 / 1; }
#artist_view .artist_gallery li a .thumb { position:relative; width:100%; height:100%; background-position:center center; background-size:cover; background-repeat:no-repeat;  }
#artist_view .artist_gallery li a .thumb:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0); z-index:2; transition:all 0.3s; }
#artist_view .artist_gallery li a:hover .thumb:after { background:rgba(0,0,0,0.5); }

#artist_view .artist_gallery li .info { margin-top:10px; }
#artist_view .artist_gallery li .info .title { font-size: 14px; color: #212121; font-weight:700; margin-bottom:5px; }
#artist_view .artist_gallery li .info .rdate { font-size: 12px; color: #999; font-weight:500; }

@media screen and (max-width:680px) {
	#artist_view { padding-bottom:80px; }
	#artist_view section:not(.profile_sec) + section { margin-top:80px; }

	#artist_view section.profile_sec { padding-bottom:40px; margin-bottom:40px; }
	
	#artist_view .artist_gallery ul { grid-template-columns: repeat(2, 1fr);  gap:20px 10px;  }
	
	#artist_view .profile_info { padding-bottom:30px;  }
	#artist_view .profile_info h4 { font-size:28px; line-height:28px; }
	#artist_view .profile_info h4 span { font-size:16px; }
	#artist_view .profile_info .profile_sns {  margin-bottom:5px; }
	
	#artist_view .profile_detail { flex-direction:column; padding:40px 0; margin-bottom:40px; }
	#artist_view .profile_detail h4 { width:100%; font-size:25px; }
	#artist_view .profile_detail .profile_list { width:100%; }
	#artist_view .profile_detail .profile_list .profile_desc { margin-bottom:20px; }
	
	#artist_view .profile_detail .profile_list  dl dt { width:75px;  }
	#artist_view .profile_detail .profile_list  dl dd { width:calc(100% - 75px); }
}

/* 
#################
*/


/* process */
.process2 {overflow: hidden;}
.process2 .inner {padding: 0px;}
.process2 > div:nth-of-type(2n) {background: #f7f7f7;}
.process2 > div:nth-of-type(2n+1) {background: #ffff;}

.process2 .group-title .process-list2 {display: flex; justify-content: center; margin-top: 65px; margin-top: 5%;}
.process2 .group-title .process-item {width: 20%; height: 239px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; background-repeat: no-repeat; background-position: center; background-size: contain;}
.process2 .process-item:nth-child(1) {background-image: url("../resource/img/sub/process_bg1.png");}
.process2 .process-item:nth-child(2) {background-image: url("../resource/img/sub/process_bg2.png");}
.process2 .process-item:nth-child(3) {background-image: url("../resource/img/sub/process_bg3.png");}
.process2 .process-item:nth-child(4) {background-image: url("../resource/img/sub/process_bg4.png");}
.process2 .process-item:nth-child(5) {background-image: url("../resource/img/sub/process_bg5.png");}
.process2 .group-title .ico-process {margin-bottom: 30px; transition: .3s;}
.process2 .process-item:hover .ico-process {transform: rotateY(180deg);}
.process2 .group-title .num {display: block; margin-bottom: 7px; font-size: 15px; font-weight: 500; color:#066391;}
/*.process2 .process-item:nth-child(2n) .num {color: #11b0a8;}
.process2 .process-item:nth-child(2n+1) .num {color: #e50050;}*/
.process2 .group-title .process-list2 .title {font-size: 20px; font-weight: 700; color: #333;}

.process2 .process-view .process-area {display: flex; align-items: center; border-bottom: 1px solid #ddd; padding: 42px 0;}
.process2 .process-view .process-area:nth-child(1) {padding-top: 0;}
.process2 .process-view .title {font-size: 25px; font-weight: 700; color: #000; margin-right: 40px; min-width: 166px;}
.process2 .process-area:nth-child(2n) .num {color: #11b0a8;}
.process2 .process-area:nth-child(2n+1) .num {color: #e50050;}
.process2 .process-view .desc {font-size: 17px; font-weight: 300; color: #333;}

/* media query */
@media screen and (max-width: 1700px) {
    /* common */
    .process2 .inner {padding: 80px 20px 95px;}
}

@media screen and (max-width: 1500px) {

}

@media screen and (max-width: 1400px) {
    /* common */
    .process2 .inner {padding: 80px 60px 95px;}
}

@media screen and (max-width: 1300px) {

}

@media screen and (max-width: 1200px) {
    .process2 .group-title .ico-process {margin-bottom: 25px;}
    .process2 .group-title .ico-process img {width: 60px;}
}

@media screen and (max-width: 1023px) {
    /* common */
    .process2 br {display: none;}
    .process2 .title-area .title {font-size: 40px;}

    .process2 .group-title .process-list2 {flex-wrap: wrap; margin-top: 55px;}
    .process2 .group-title .process-item {width: calc((100% - 40px) / 3); height: auto; margin-right: 20px; background-image: none; border-width: 3px; border-style: solid; border-radius: 20px; padding: 30px 20px;}
    .process2 .process-item:nth-child(3n) {margin-right: 0;}
    .process2 .process-item:nth-child(n+4) {margin-top: 20px;}
    .process2 .process-item:nth-child(1) {border-color: #D3D3D3;}
    .process2 .process-item:nth-child(2) {border-color: #B1B2B2;}
    .process2 .process-item:nth-child(3) {border-color: #9E9E9E;}
    .process2 .process-item:nth-child(4) {border-color: #606060;}
    .process2 .process-item:nth-child(5) {border-color: #4B4B4B;}
    .process2 .group-title .num {font-size: 14px;}
    .process2 .group-title .process-list2 .title {font-size: 19px;}

    .process2 .process-view .title {font-size: 23px;}
    .process2 .process-view .desc {font-size: 16px;}
}

@media screen and (max-width: 767px) {
    /* common */
    .process2 .inner {padding: 60px 40px;}
    .process2 .title-area .title {font-size: 35px; margin-bottom: 20px;}
    .process2 .title-area .desc {font-size: 15px;}

    .process2 .group-title .ico-process {margin-bottom: 20px;}
    .process2 .group-title .ico-process img {width: 50px;}
    .process2 .group-title .num {font-size: 13px;}
    .process2 .group-title .process-list2 .title {font-size: 18px;}

    .process2 .process-view .process-area {padding: 35px 0;}
    .process2 .process-view .title {font-size: 20px; min-width: 140px;}
    .process2 .process-view .desc {font-size: 15px;}
}

@media screen and (max-width: 640px) {
    .process2 .group-title .process-item {width: calc((100% - 15px) / 2); margin-right: 15px; padding: 25px 20px;}
    .process2 .process-item:nth-child(3n) {margin-right: 15px;}
    .process2 .process-item:nth-child(2n) {margin-right: 0;}
    .process2 .process-item:nth-child(n+3) {margin-top: 15px;}

    .process2 .process-view .process-area {flex-direction: column; text-align: center; padding: 28px 0;}
    .process2 .process-view .title {min-width: 0; margin-right: 0;}
    .process2 .process-view .desc {margin-top: 15px;}
}

@media screen and (max-width: 480px) {
    /* common */
    .process2 .inner {padding: 60px 20px;}
    .process2 .title-area .title {font-size: 30px; margin-bottom: 15px;}
    .process2 .title-area .desc {font-size: 14px;}

    .process2 .group-title .process-list2 {margin-top: 40px;}
}



/* location */
.location {position: relative; padding: 80px 0 95px; overflow: hidden; z-index: 1;}
.sub410 {position:relative;}
.sub410::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 590px; background: #f7f7f7; z-index: -1;}
.location .title-area .title {margin-bottom: 45px;}

.location .map-area .inner {max-width: 1500px; padding: 0;}
.location .group-map .location-map {height: 650px; border-radius: 20px; border: 1px solid #ddd; overflow: hidden;}
.location .root_daum_roughmap .wrap_map {height: inherit;}
.location .root_daum_roughmap .wrap_controllers {display: none;}

.location .info-area {position: relative ;margin-top: -80px; z-index: 2;}
.location .info-area .inner {display: flex; justify-content: center; align-items: center;}
.location .info-area .location-logo {width: 370px; border-radius: 20px 0 0 20px; background: url("../resource/img/sub/loca_ptn.jpg"); padding:10vh 0; text-align: center;}
.location .info-area .contact-list {width: calc(100% - 435px); display: flex; background: #fff; padding:5.4vh 0; border-radius: 0 20px 20px 0; border: 1px solid #ddd;}
.location .info-area .contact-item {width: calc((100% - 0px) / 2); text-align: center; padding: 0 15px;}
.location .contact-item + .contact-item  {border-left: 1px solid #ddd;}
.location .contact-list i {font-size: 40px; transition: .5s;}
.location .contact-item:hover i {transform: rotateY(180deg);}
.location .contact-item:nth-child(1) i {color: #1767a9;}
.location .contact-item:nth-child(2) i {color: #595656;}
.location .contact-item:nth-child(3) i {color: #009e96;}
.location .contact-list .title {display: block; margin-top: 12px; font-size: 23px; font-weight: 700; color: #000;}
.location .contact-list .desc {margin-top: 7px; font-size: 16px; font-weight: 300; color: #4c4c4c; letter-spacing: -1px;}

/* media query */
@media screen and (max-width: 1700px) {
    /* common */
    .location {padding: 80px 0 0px;}
    .location .inner {padding: 0 20px;}
}

@media screen and (max-width: 1500px) {

}

@media screen and (max-width: 1400px) {
    /* common */
    .location {padding: 80px 0 95px;}
    .location .inner {padding: 0 60px;}
}

@media screen and (max-width: 1300px) {
    .location .info-area .location-logo {width: 350px; height: 276px; padding: 10vh 1vh;}
    .location .info-area .contact-list {width: calc(100% - 350px); padding: 40px 0; height: 277px;}
}

@media screen and (max-width: 1200px) {
    .location .contact-list i[class^="xi-"] {font-size: 37px;}
    .location .contact-list .title {font-size: 21px;}
    .location .contact-list .desc {font-size: 15px;}
}

@media screen and (max-width: 1023px) {
    /* common */
    .location br {display: none;}
    .location .title-area .title {font-size: 40px;}

    .location::after {height: 100vh;}
    .location .group-map .location-map {height: 400px;}
    .location .info-area .contact-list {width: 100%;}
}

@media screen and (max-width: 767px) {
    /* common */
    .location {padding: 60px 0;}
    .location .inner {padding: 0 40px;}
    .location .title-area .title {font-size: 35px;}
    .location .title-area .desc {font-size: 15px;}
	.location .info-area .location-logo {height: 350px; padding: 16vh 1vh;}
    .location .info-area .contact-list {height: 352px;}
}

@media screen and (max-width: 640px) {
    .location .info-area {margin-top: 40px;}
    .location .info-area .contact-list {flex-direction: column; padding: 0;}
    .location .info-area .contact-item {width: auto; padding: 20px;}
    .location .contact-item + .contact-item {border-top: 1px solid #ddd;}
	
	.location .info-area .inner {flex-wrap: wrap; flex-direction: column;}
	
	.location .info-area .location-logo {width: 100%; border-radius: 20px 20px 0px 0px; height:auto; padding: 5vh 1vh;}
    .location .info-area .contact-list {height:auto; border-radius: 0 0px 20px 20px;}
	.location .contact-item + .contact-item {border-left:none;}
	        
}

@media screen and (max-width: 480px) {
    /* common */
    .location {padding: 60px 0;}
    .location .inner {padding: 0 20px;}
    .location .title-area .title {font-size: 30px; margin-bottom: 35px;}
    .location .title-area .desc {font-size: 14px;}

    .location .contact-list i {font-size: 34px;}
    .location .contact-list .title {font-size: 19px;}
    .location .contact-list .desc {font-size: 14px;}
}

.swiper-wrapper {justify-content: center;}



/* 디지털 마케팅 */

#digital_marketing.divWrap .box { padding:25px 0}
#digital_marketing.divWrap .box .banner { height:350px;  }
#digital_marketing.divWrap .box .banner .mid { padding: 0 70px; word-break:keep-all; }

#digital_marketing .tbl_head01 table {width: 100%;border-bottom: 1px solid #ccc;}
#digital_marketing .tbl_head01 tr > *{padding: 12px 20px;border-top: 1px solid #ccc;font-size: 22px;line-height:1.5;color: #666;}
#digital_marketing .tbl_head01 tr:first-child > *{border-top: none;}
#digital_marketing .tbl_head01 thead th{background: #066391;font-weight: 700;color: #fff;border-bottom: 1px solid #ccc;padding: 20px 10px;}
#digital_marketing .tbl_head01 thead th:nth-child(1) { border-right:1px solid #ccc; }
#digital_marketing .tbl_head01 tbody th{font-weight: normal;text-align: center; border-right: 1px solid #ccc; }
#digital_marketing .tbl_head01 tbody td { word-break:keep-all; text-align: center; }
#digital_marketing .tbl_head01 tbody tr:hover th,
#digital_marketing .tbl_head01 tbody tr:hover td {background:#fafafa}

#digital_marketing .mk-box-list { display:flex; padding-top:25px; }
#digital_marketing .mk-box-list .mk-box { position:relative;  box-shadow: 0 4px 10px #f0f0f2; padding:80px 30px 30px; border-radius:20px; }

#digital_marketing .mk-box .mk-box-border {
	position:absolute;
	top:-30px;
	left:50%; 
	width:85%;
	background: linear-gradient(to bottom,#000000 0%, #000000 50%,  #000000 100%);
	padding:2px;                /* border 두께 */
	border-radius: 12px;         /* outer radius */
	display: inline-block;
	margin:0 auto;
	transform:translateX(-50%);
}

#digital_marketing .mk-box .mk-box-border.type01 {
  background: linear-gradient(to bottom,#ccc9c9 0%, #888888 50%,  #000000 100%);
}

#digital_marketing .mk-box .mk-box-border.type02 {
  background: linear-gradient(to bottom,#ccc9c9 0%, #ccc9c9 50%,  #ccc9c9 100%);
}

#digital_marketing .mk-box .mk-box-border .mk-cont {
  /* ② inner 박스에는 배경색(흰색)과 radius(outer-padding 차이만큼 작게) */
  background: white;
  border-radius: 10px;         /* 16px – 6px */
  padding: 20px;
  text-align: center;
  font-family: sans-serif;
  font-size:22px;
  font-weight:bold;
  color:#333;
}

#digital_marketing .mk-box ul { }
#digital_marketing .mk-box ul li { position:relative; font-size:22px; color:#333; padding-left:15px; line-height:1.5; }
#digital_marketing .mk-box ul li:before { position:absolute; top:50%; left:0; margin-top:-3px; content:''; background:#333; width:6px; height:6px; border-radius:3px; }

#digital_marketing .mk-process-list {
  display:flex;
  justify-content: space-between;  
}

#digital_marketing .mk-process-list .mk-process-box { background-position:center right; background-repeat:no-repeat; width:207px; height:196px; background-size:cover;  overflow:hidden; padding:0 5px; }
#digital_marketing .mk-process-list .mk-process-box.mk-process-box1 { background-image:url('../resource/img/sub/business/mk_process_bg01.jpg'); }
#digital_marketing .mk-process-list .mk-process-box.mk-process-box2 { background-image:url('../resource/img/sub/business/mk_process_bg02.jpg'); }
#digital_marketing .mk-process-list .mk-process-box.mk-process-box3 { background-image:url('../resource/img/sub/business/mk_process_bg03.jpg'); }
#digital_marketing .mk-process-list .mk-process-box.mk-process-box4 { background-image:url('../resource/img/sub/business/mk_process_bg04.jpg'); }
#digital_marketing .mk-process-list .mk-process-box.mk-process-box5 { background-image:url('../resource/img/sub/business/mk_process_bg05.jpg'); }
#digital_marketing .mk-process-list .mk-process-box.mk-process-box6 { width:195px; background-image:url('../resource/img/sub/business/mk_process_bg06.jpg'); }

#digital_marketing .mk-process-list .mk-process-box .mk-inner { padding-top:50px; text-align:center; max-width:182px; padding-left:10px; }
#digital_marketing .mk-process-list .mk-process-box .ico-process { margin-bottom:10px; height:55px; transition: .3s;}
#digital_marketing .mk-process-list .mk-process-box:hover .ico-process {transform: rotateY(180deg);}
#digital_marketing .mk-process-list .mk-process-box .title {font-size: 20px; font-weight: 700; color: #333;}

#digital_marketing .mk-process-list .mk-process-box.mk-process-box1 .mk-inner { padding-left:0; }

@media screen and (min-width: 1201px) {
	#digital_marketing .mk-box-list { justify-content: space-between; }
	#digital_marketing .mk-box-list .mk-box { width:30%; }
}

@media screen and (max-width: 1280px) {
	#digital_marketing .mk-process-list { flex-wrap:wrap; max-width:800px; margin:0 auto; gap:30px; }
}

@media screen and (max-width: 1200px) {
	#digital_marketing .mk-box .mk-box-border { max-width:300px; }
	#digital_marketing .mk-box-list { gap:80px; flex-direction:column; }
	#digital_marketing .mk-box .mk-box-border .mk-cont { font-size:16px; }
	#digital_marketing .mk-box ul li { font-size:16px; }	

	#digital_marketing .tbl_head01 tr > *{padding: 10px;font-size: 16px;}
}

@media screen and (max-width: 1200px)  and (min-width: 641px) { 
	#digital_marketing .mk-box ul { display:flex; flex-wrap:wrap; }
	#digital_marketing .mk-box ul li { width:50%; }	
}

@media screen and (max-width: 640px) {
	#digital_marketing.divWrap .box .banner { height:250px;  }
	#digital_marketing.divWrap .box .banner .mid { padding: 0 30px;  }
	#digital_marketing .mk-box-list .mk-box { padding-top:60px; }
	
	#digital_marketing .tbl_head01 tr > *{ font-size: 14px;}
	
	#digital_marketing .mk-process-list { max-width:400px; gap:30px 0; }
	#digital_marketing .mk-process-list .mk-process-box { width:150px; height:142px; }
	#digital_marketing .mk-process-list .mk-process-box.mk-process-box6 { width:141px;  }
	
	#digital_marketing .mk-process-list .mk-process-box .mk-inner { padding-top:30px; padding-left:0px; }
	#digital_marketing .mk-process-list .mk-process-box .title {font-size:15px; }
	
	#digital_marketing .mk-process-list .mk-process-box.mk-process-box1 .mk-inner { padding-top:35px; }
	#digital_marketing .mk-process-list .mk-process-box.mk-process-box1 .ico-process img { width:80%; height:auto; }

}


/* 종합 건축 서비스 */

#ca_services.divWrap .box { padding:25px 0}
#ca_services.divWrap .box .banner { height:350px;  }
#ca_services.divWrap .box .banner .mid { padding: 0 70px; word-break:keep-all; }

#ca_services.divWrap .box .title-wrap { text-align:center; margin-bottom:50px; }
#ca_services.divWrap .box .title-wrap h3 { display:inline-block; font-size:55px; background:#066391; color:#fff; font-weight:900; padding:0px 30px; border-radius:10px; letter-spacing:1px;  }

#ca_services .interior-list { display:flex; justify-content: space-between; gap:20px; }
#ca_services .interior-list li { position:relative; }
#ca_services .interior-list .interior-img { max-width:413px; border-radius:50%; overflow:hidden;  aspect-ratio: 1 / 1; transition: box-shadow 0.3s ease; }
#ca_services .interior-list .interior-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
#ca_services .interior-list li:hover .interior-img { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); filter: drop-shadow(0 8px 10px rgba(0, 0, 0, 0.2)); }
#ca_services .interior-list li:hover .interior-img img { transform: scale(1.2); }
#ca_services .interior-list .interior-info { display:flex; top:0; left:0; position:absolute; width:100%; height:100%; text-align:center; }
#ca_services .interior-list .interior-info strong { width:100%; align-self:center;  color:#fff; font-size:40px; }

#ca_services .interior-list .interior-info a { position:absolute; bottom:20%; left:50%; transform:translateX(-50%); display:inline-block; background:transparent; border:1px solid #fff; color:#fff; transition:all 0.3s; border-radius:20px; max-width:180px;width:60%; height:35px; line-height:35px; text-align:center; font-size:16px; }
#ca_services .interior-list .interior-info a span { color:#fff; font-size:16px; transition:all 0.3s;  }
#ca_services .interior-list .interior-info a:hover { background:#fff; text-decoration: none; color:#000; }
#ca_services .interior-list .interior-info a:hover span { color:#000; }

#ca_services .interior-home { margin:80px auto; max-width:468px; width:80%; }
#ca_services .ca_services_cert { margin:0 auto; max-width:666px; width:80%; }

@media screen and (max-width:1280px) {
	#ca_services.divWrap .box .title-wrap h3 { font-size:42px; letter-spacing:-1px;  }
	
	#ca_services .interior-list .interior-info strong { font-size:32px; }
	#ca_services .interior-list .interior-info a { bottom:15%;  }
}

@media screen and (max-width: 660px) {
	#ca_services.divWrap .box .banner { height:250px;  }
	#ca_services.divWrap .box .banner .mid { padding: 0 30px;  }
		
	#ca_services.divWrap .box .title-wrap h3 { font-size:25px; padding:10px 20px 8px; }
	
	#ca_services .interior-list { gap:10px; }
	#ca_services .interior-list .interior-info strong { font-size:25px; letter-spacing:-2px;  }
	#ca_services .interior-list .interior-info a { height:25px; line-height:25px;   letter-spacing:-1px;  }
	#ca_services .interior-list .interior-info a span { display:none; }
	
	#ca_services .interior-home { margin:30px auto;  width:50%; }
}

@media screen and (max-width: 480px) {

	#ca_services.divWrap .box .title-wrap h3 { font-size:22px; }
	#ca_services .interior-list { gap:3px; }
	#ca_services .interior-list .interior-info strong { font-size:17px; }
	#ca_services .interior-list .interior-info a { width:60px; height:20px; line-height:20px;  font-size:12px; }
}

/* 인테리어 */
#ca_interior.divWrap .box { padding:25px 0}

#ca_interior .interior-list { display:grid;  grid-template-columns: repeat(3, 1fr); gap: 40px; /* 요소 사이 간격 */ }
@media screen and (max-width:1280px) {
	#ca_interior .interior-list { gap: 20px; }
}

@media screen and (max-width: 640px) {
	#ca_interior .interior-list { grid-template-columns: repeat(2, 1fr); }
}

@media screen and (max-width: 480px) {
	#ca_interior .interior-list { gap:10px; }
}

/* 재즈피플 영역 20250717 */
/* 20250430 아티스트 슬라이드 영역 */
.artist_wrap2 {position:relative; padding:120px 0 0; margin-top:60px;}

.artist_wrap2 .title01 {  text-align:center; margin-bottom:80px; }
.artist_wrap2 .title01 > h3 { display:inline-block; font-size: 48px; line-height: 48px; color: #222222;  position:relative; margin-bottom:15px; }
.artist_wrap2 .title01 > h3:after {content:""; position:absolute; top: -10px; right:-20px; background:#066391; border:1px solid #066391; width:18px; height:18px; border-radius: 9px;}
.artist_wrap2 .title01 .subtitle01 { font-size:16px; text-align:center; color:#222; line-height:1.5;  }

#artist_list2 { position:relative; padding:120px 0; }
#artist_list2:before { content: ''; position: absolute; top: 0; left:50%; width:1920px; height: 100%;  transform:translateX(-50%); background:url('../resource/img/sub/artist/artist_bg3.jpg') center center no-repeat; background-size:cover; z-index: -1 }
#artist_list2 .swiper-wrapper { padding-bottom:10px; }
#artist_list2 .swiper-slide { position:relative; background:rgba(241,242,245,0.55); width:100%; border-radius:80px 0 0 0; overflow:hidden; transition: box-shadow 0.3s ease; }
#artist_list2 .swiper-slide:hover { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);  }
#artist_list2 .swiper-slide .thumb { border-radius:0 0 80px 0; overflow:hidden;  }
#artist_list2 .swiper-slide .thumb img { width:100%; height:auto; }

#artist_list2 .swiper-slide .card-content { text-align:center; padding:25px 10px; }
#artist_list2 .swiper-slide .card-content h4 { display:block; text-align:center; font-size:22px; color:#263b5c; margin-bottom:20px; }
#artist_list2 .swiper-slide .card-content p { line-height:1.5; margin-bottom:20px; min-height:70px;  }
#artist_list2 .swiper-slide .card-content a { display:inline-block; background:#3d455f; color:#fff; transition:all 0.3s; border-radius:10px; width:150px; height:45px; line-height:45px; text-align:center; font-size:16px; }
#artist_list2 .swiper-slide .card-content a:hover { background:#911ac1; text-decoration: none; }

/* 커스텀 스타일 */
#artist_list2 .swiper-button-prev,
#artist_list2 .swiper-button-next {
  top:50%;
  transform:translateY(-50%);
  width: 40px;
  height: 40px;
  color: transparent; /* 기본 화살표 숨기기 */
  background:#fff; 
  border-radius:20px;
  z-index:999;
  text-align:center !important;
}

#artist_list2 .swiper-button-prev:after, #artist_list2 .swiper-rtl .swiper-button-next:after {
    content: '';
}
#artist_list2 .swiper-button-next:after, #artist_list2 .swiper-rtl .swiper-button-prev:after {
    content: '';
}

#artist_list2 .swiper-button-prev i,
#artist_list2 .swiper-button-next i { display:inline-block; font-size:32px; color: #a6b5c9; }

#artist_list2 .swiper-button-prev { left:-50px; }
#artist_list2 .swiper-button-next { right:-50px; }

@media screen and (max-width: 1300px) {
	#artist_list2 .swiper-button-prev { left:-15px; }
	#artist_list2 .swiper-button-next { right:-15px; }
}


@media screen and (max-width: 750px) {
	.artist_wrap2 { padding:80px 0 0; }
	#artist_list2 { position:relative; padding:80px 0; }
	#artist_list2 .swiper-slide { border-radius:40px 0 0 0; }
	#artist_list2 .swiper-slide .thumb { border-radius:0 0 40px 0; }
	
	#artist_list2 .swiper-button-prev,
	#artist_list2 .swiper-button-next {
	  width: 30px;
	  height: 30px;
	  border-radius:15px;
	}
	
	#artist_list2 .swiper-button-prev i,
	#artist_list2 .swiper-button-next i { font-size:22px; }
	.artist_wrap2 .title01 > h3 {font-size:38px; letter-spacing: -1px;}
	.artist_wrap .title01 > h3 {font-size:38px; letter-spacing: -1px;}
}



@media screen and (max-width: 480px) {
	.artist_wrap2 .title01 { margin-bottom:40px; }
	.artist_wrap2 .title01 .subtitle01 { font-size:14px; letter-spacing: -1px;  }
	#artist_list2 .swiper-slide .card-content h4 { font-size:16px; letter-spacing: -1px; word-break: break-all !important;}
	#artist_list2 .swiper-slide .card-content p { line-height:1.2;  letter-spacing: -1px; }
	#artist_list2 .swiper-slide .card-content a { width:85px; height:35px; line-height:35px; font-size:14px; }
	#artist_list2 .swiper-slide .card-content {
    min-height: 245px; /* 필요 시 높이 조정 가능 */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#artist_list .swiper-slide .card-content {min-height: 287px; /* 필요 시 높이 조정 가능 */
    display: flex;
    flex-direction: column;
    justify-content: space-between;}
}

@media screen and (max-width:465px) {
	.artist_wrap2 .title01 > h3 {text-align:center;}
	.artist_wrap2 .title01 > h3:after {right:-20px; top:45px;}
}


@media screen and (max-width: 480px) {
	#artist_list2 .swiper-slide .card-content a { width:72px; height:35px; line-height:35px; font-size:13px; margin: 0 auto; display: block; }
	#artist_list .swiper-slide .card-content a { width:72px; height:35px; line-height:35px; font-size:13px; margin: 0 auto; display: block; }
}

@media screen and (max-width: 399px) {
	.artist_wrap2 .title01 > h3 {font-size:32px;}
	.artist_wrap .title01 > h3 {font-size:32px;}
	.artist_wrap2 .title01 > h3:after {right:-20px;}
}