@charset "UTF-8";

/* reset에 있는것 - 추후 삭제할 것!*/
/*
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{margin:0;  padding:0;  box-sizing:border-box;  border:0;}
*/

/*common에 있던 것. 반영 후 너비와, 패딩값 처리 후 해결되면 삭제할 것!*/
.arccordion .wrap { clear:both; width:100%; overflow:hidden; } /*padding:0 50px; margin:0 auto;*/
@media only screen and (max-width:767px) {
	/*.arccordion .wrap {padding:0 15px;}*/
}

/*아코디언 UI 영역 (오피스 소개)*/
.mc-section {clear:both;  width:100%;  overflow:hidden;  position:relative; } /*padding:125px 0 160px;  */
.mc-section .wrap {padding:0;  position:relative;}
.mc-title {clear:both;  width:100%;  padding-bottom:70px;  font-size:0;  text-align:center;}
.mc-title:before {content:'';  display:inline-block;  width:78px;  height:9px;  margin-bottom:15px;  background:#434343;}
.mc-title h2 {width:100%;  font-size:40px;  color:#343434;  line-height:40px;  margin-bottom:10px;  font-weight:500;}
.mc-title p {width:100%;  font-size:16px;  color:#4e4e4e;  line-height:20px;  font-weight:300;}
.mc-contents {width:100%;  overflow:hidden;}
@media only screen and (max-width:1199px) {
  .mc-section .wrap { padding:0px; }

}
@media only screen and (max-width:1023px) {
  /*.mc-section { padding:110px 0 160px; }*/
  .mc-title h2 {font-size:34px;}
  /*.mc-section .wrap {padding:0px;}*/
}
@media only screen and (max-width:767px) {
  /*.mc-section {padding:60px 0 90px;}*/
  /*.mc-section .wrap {padding:0px;}*/
  .mc-title {padding:0 15px 60px;}
  .mc-title:before {width:45px;  height:5px;}
  .mc-title h2 {font-size:30px;  line-height:30px;}
  .mc-title p {font-size:14px;}
  
  
}
/* 아코디언 UI */
.mc-7-box {width:100%;  overflow:hidden;}
.mc-7-box:nth-child(3) {border-bottom:1px solid #ccc;} /*총 3개의 아코디언인 경우라 child(3)로 함*/
h3.mc-7-title { width:100%;  height:101px;  border-top:1px solid #ccc; font-size:24px;  color:#555;  line-height:100px;  font-weight:600;  text-align:left;  position:relative;  overflow:hidden;  cursor:pointer;  transition:all 0.3s; padding:0px 50px; }
h3.mc-7-title:hover {background:#fafafa;}
.mc-7-box.active h3.mc-7-title { height:90px;  line-height:88px; }
.mc-7-box.active h3.mc-7-title:hover {background:white;}
h3.mc-7-title:after {content:'';  display:block;  width:22px;  height:22px;  position:absolute;  top:50%;  right:30px;  margin-top:-11px;  background:url('/images/sub/mc-7-plus.svg') no-repeat center center;  transition:all 0.3s;}
.mc-7-box:not(.active) h3.mc-7-title:hover:after {transform:rotate(90deg);}
.mc-7-box.active h3.mc-7-title:after {background-image:url('/images/sub/mc-7-minus.svg');}
.mc-7-cont {width:100%;  height:0;  overflow:hidden;}
.mc-7-box.active .mc-7-cont { height:auto; padding:5% 5%; background:#fef8f8; } /*padding:50px 50px; */
.mc-7-cont h4 {width:100%;  margin-bottom:40px;  font-size:18px;  color:#666;  text-align:center;  line-height:20px;  font-weight:300;}
.mc-7-cont .mc-7-img {width:100%;  height:300px;  margin-bottom:30px;  background-position:center;  background-repeat:no-repeat;  background-size:cover;}
.mc-7-cont .mc-7-img img {display:none;}
.mc-7-1 .mc-7-cont .mc-7-img {background-image: url('/images/sub/mc-7-1.jpg');}
.mc-7-2 .mc-7-cont .mc-7-img {background-image: url('/images/sub/mc-7-2.jpg');}
.mc-7-3 .mc-7-cont .mc-7-img {background-image: url('/images/sub/mc-7-3.jpg');}
.mc-7-4 .mc-7-cont .mc-7-img {background-image: url('/images/sub/mc-7-4.jpg');}
.mc-7-cont .mc-7-info {width:100%;  overflow:hidden;}

/*1번째 아코디언*/
/*.mc-7-info .map-box {float:left; width:410px; height:365px;  background:url('/images/sub/accordion_ui_01_img_01.jpg') no-repeat center center; } */
/* width:47.727272727272727272727272727273%; */

/*2번째 아코디언*/
.mc-7-info .map-box {} 

.mc-7-1 .map-box { float:left; width:410px; height:365px;  background:url('/images/sub/accordion_ui_01_img_01.jpg') no-repeat center center; background-size: cover; border-radius: 1.5vw; }

.mc-7-2 .map-box { float:left; width:623px; height:575px;  background:url('/images/sub/accordion_ui_01_img_02.png') no-repeat center center;  }
.mc-7-2 .mc-7-info .text-box { width: calc(100% - 0px); padding-left:0; margin-top:30px; }

/*3번째 아코디언*/
.mc-7-3 .map-box { float:left; width:460px; height:270px;  background:url('/images/sub/accordion_ui_01_img_03.jpg') no-repeat center center; background-size: cover; border-radius: 1.5vw; }
.mc-7-info .text-box {float:left;  width:calc(100% - 410px); padding-left:5%; } /*width:47.727272727272727272727272727273%;  */
.mc-7-3 .mc-7-info .text-box { width:calc(100% - 460px); }

.mc-7-info .text-box .address-box { width:100%;  font-size:0; word-break: break-all; text-align: justify; }
.mc-7-info .text-box .address-box div { display:inline-block;  margin-right:35px;  font-size:20px;  color:#333;  line-height:32px;  font-weight:400;  } /*text-indent:-40px;  */ /*padding-left:40px;*/
/*.mc-7-info .text-box .address-box div:before {content:'';  display:inline-block;  width:40px;  height:40px;  background-repeat:no-repeat;  background-position:left center;  vertical-align:middle;}*/
.mc-7-info .text-box .address-box div:nth-child(1) {width:100%;  margin-right:0;}
/*.mc-7-info .text-box .address-box div:nth-child(1):before {background-image:url('/images/sub/mc-mapmarker.png');}*/
/*.mc-7-info .text-box .address-box div:nth-child(2):before {background-image:url('/images/sub/mc-phone.png');}*/
/*.mc-7-info .text-box .address-box div:nth-child(3):before {background-image:url('/images/sub/mc-fax.png');}*/
.mc-7-info .text-box p {width:100%;  font-size:18px;  color:#333;  line-height:30px;  font-weight:300;}
.mc-7-info .text-box .address-box div.mc-7-2 br.mc-7-2-br {display:none;}

.mc-7-info .text-box .address-box div ul {  }
.mc-7-info .text-box .address-box div li { line-height: 1.8; position: relative; text-indent: 0px; font-size: 20px; margin: 0px 0px 12px 0px; padding-left: 12px; }
.mc-7-info .text-box .address-box div li:before { content:''; display:inline-block; width:5px; height:5px; position:absolute; top:14px; left:0px; background:#5f5f5f; border-radius: 50%; }

@media only screen and (max-width:1199px) {
  .mc-7-info .text-box .address-box div { font-size:18px; }
  .mc-7-info .text-box .address-box div:before {width:35px;  height:30px;}
  .mc-7-info .text-box .address-box div.mc-7-2 { line-height:30px; } /*text-indent:-35px;  padding-left:35px;*/
  .mc-7-info .text-box .address-box div.mc-7-2 br.mc-7-2-br {display:inline;}
  .mc-7-info .text-box p {font-size:16px;}
  
  .mc-7-info .text-box { float: unset; padding-left: unset; width: 100%;  }
  .mc-7-info .text-box .address-box { width: 100%; }
  .mc-7-info .text-box .address-box div { margin-top:30px; }
  .mc-7-cont .mc-7-info { display: flex; flex-direction: column; align-items: center; }
  .mc-7-box.active h3.mc-7-title { font-size:22px; }
  
  .mc-7-3 .mc-7-info .text-box { width: calc(100% - 0px); }
  .mc-7-3 .map-box { width: 100%; height: 320px; }
  
  h3.mc-7-title { font-size: 22px; height: 80px; line-height:80px; }
  

  /*추가 251121*/
	.mc-7-info .text-box .address-box div li:before { top: 13px; }
	.mc-7-info .text-box .address-box div li { font-size: 19px; text-indent: 0px; margin: 0px 0px 12px; }  

}

@media(max-width:860px){
	.mc-7-2 .map-box { width:100%; height:66.8605vw; background-size: cover; }
}

/*추가 251121*/
@media(max-width:815px){
	.mc-7-info .text-box .address-box div li:before { top: 9px; }
	.mc-7-info .text-box .address-box div li { font-size: 16px; line-height: 1.5; padding-left: 8px; margin: 0px 0px 8px 0px; }
}

@media only screen and (max-width:767px) {
  .mc-7-cont h4 {margin-bottom:20px;}
  .mc-7-cont .mc-7-img {height:auto;  margin-bottom:15px;  font-size:0;  background:none;}
  .mc-7-cont .mc-7-img img {display:inline;  width:100%;}
  .mc-7-box.active .mc-7-cont {padding-bottom:20px;}
  .mc-7-info .map-box { float:none;  width:100%;  height: 72.588vw; margin-bottom:15px; background-size: cover; }

  .mc-7-info .text-box {float:none;  width:100%;  padding-left:0;}
  .mc-7-info .text-box .address-box div { font-size:17px;  line-height:30px; margin-top: 12px; }
  .mc-7-info .text-box .address-box div.mc-7-2 br.mc-7-2-br {display:none;}
  .mc-7-info .text-box .address-box div:before {background-size:auto 20px;}
  .mc-7-info .text-box .address-box div:nth-child(1):before {background-size:18px auto;}
  .mc-7-info .text-box p {font-size:14px;  line-height:20px;}
  
	/*.mc-7-info .text-box .address-box { width: 100%; }*/
	.mc-7-3 .mc-7-info .text-box { width:100%; }
	.mc-7-3 .mc-7-info .map-box { height:47.588vw;  }


}

@media(max-width:600px){
	.mc-7-info .text-box .address-box div { margin-top: 10px; }
	.mc-7-box h3.mc-7-title, .mc-7-box.active h3.mc-7-title { font-size:19px; line-height: 26px; padding: 0px 20px; display: flex; align-items: center; }
	h3.mc-7-title:after { right:20px; }
	h3.mc-7-title { height:80px; }
	/*.mc-7-box h3.mc-7-title, .mc-7-box.active h3.mc-7-title div { width:70%; }*/ /*추가 후 비활성*/
}
@media(max-width:500px){
	.mc-7-info .text-box .address-box div { word-break: break-all; }
}

@media(max-width:480px){
	.mc-7-info .text-box .address-box div { margin-top: 5px; }
	.mc-7-info .text-box .address-box div li:before { top: 9px; }
	.mc-7-info .text-box .address-box div li { font-size: 16px; line-height: 1.5; padding-left: 8px; margin: 0px 0px 8px 0px; word-break: break-all; }
	/*.mc-7-box h3.mc-7-title, .mc-7-box.active h3.mc-7-title { font-size: 18px; padding: 0px 17px; }*/
}

/*추가*/
.on_500 { display:none; }
.off_500 { display:block; }

@media(max-width:500px){
	.on_500 { display:block; }
	.off_500 { display:none; }
}