@charset "utf-8";

.cayaContent .fc_b1{color:#398de4;}    /*blue*/
.cayaContent .fc_b2{color:#256eb9;}
.cayaContent .fc_b3{color:#0259b3;}

.cayaContent .fc_g1{color:#3e3e3e;} /*grey*/

.cayaContent .fc_y1{color:#ffcc00;} 

.cayaContent .bg_b1{background-color:#f9fcff;}
.cayaContent .bg_b2{background-color:#2272c5;}
.cayaContent .bg_b3{background-color:#2a69bf;}
/* ¼± */
.cayaContent .dotted2 {border-top: dotted 4px #e8e8e8; margin: 30px 0;}

/* box */
.cayaContent .box2{padding: 25px; margin-bottom: 50px; position: relative; border-radius: 10px;}

.clear{clear:both;}


/* »õ°¡Á·µî·Ï¾È³» */


/********************************************************************************************************/


/*Àλ縻 1 : custom_1 (ºÎõÀϽű³È¸)*/
.cayaContent .custom_1 {position: relative;}
.cayaContent .custom_1 .inner {display: flex; position: relative;}
.cayaContent .custom_1 .inner .imgbox {width: 495px; height: 370px; z-index: 3;}
.cayaContent .custom_1 .inner .imgbox img{width: 100%;  height: inherit; object-fit: cover; z-index: 3;}
.cayaContent .custom_1 .inner .inbox {display: flex; width:500px; align-items: center; margin-left: 7%; position: relative;}
.cayaContent .custom_1 .inner .inbox h1 {padding-left: 30px; color: #000;font-size: 36px;font-weight: 300;line-height: 135%;font-family: "GmarketSansLight";}
.cayaContent .custom_1 .inner .inbox h1:before {padding-left: 30px; content:"\f10d"; color: #fb5959; font-family: fontello; font-size: 30px; vertical-align: super; }
.cayaContent .custom_1 .inner .inbox h1:after {content:"\f10e"; color: #fb5959; font-family: fontello; font-size: 30px; vertical-align: super;}
.cayaContent .custom_1 .txtbox {position: absolute; width: 1129px; height: 124px; background-color: #ffa200; right: 0; top: 290px; z-index: -1;}
.cayaContent .custom_1 .txtbox h1 {text-align: right; color: #fff; font-size: 36px; font-weight: 300; line-height: 124px; margin-right: 150px; font-family: "GmarketSansLight";}

@media screen and (max-width:1200px){
	.cayaContent .custom_1 .inner .imgbox {width: 500px;}
	.cayaContent .custom_1 .inner .inbox {margin-left: 5%;}
	.cayaContent .custom_1 .inner .inbox h1 {padding-top: 20px; font-size: 30px;}
	.cayaContent .custom_1 .inner .inbox h1:before {font-size: 20px;}
	.cayaContent .custom_1 .inner .inbox h1:after {font-size: 20px;}
	.cayaContent .custom_1 .txtbox {position: static; width: 100%; height: 100px;}
	.cayaContent .custom_1 .txtbox h1 {text-align: center; font-size: 30px; line-height: 100px; margin-right: 0px;}
}

@media screen and (max-width:600px){
	.cayaContent .custom_1 .inner {flex-direction: column;}
	.cayaContent .custom_1 .inner .imgbox {width: 100%; height: auto;}
	.cayaContent .custom_1 .inner .inbox {justify-content: center; margin-left: 0; width: 100%;}
	.cayaContent .custom_1 .inner .inbox h1 {padding-left: 0px; font-size: 20px;}
	.cayaContent .custom_1 .inner .inbox h1:before {padding-left:0; font-size: 16px;}
	.cayaContent .custom_1 .inner .inbox h1:after {font-size: 16px;}
	.cayaContent .custom_1 .txtbox {height: 60px;}
	.cayaContent .custom_1 .txtbox h1 {font-size: 20px; line-height: 60px;}
}

@media screen and (max-width:480px){
	.cayaContent .custom_1 .inner .inbox h1 {font-size: 16px;}
	.cayaContent .custom_1 .txtbox h1 {font-size: 16px;}
}


/*ã¾Æ¿À½Ã´Â±æ1 (ºÎõÀϽű³È¸)*/

@media screen and (max-width:1024px){
	.root_daum_roughmap {height:450px !important;}
}
@media screen and (max-width:450px){
	.root_daum_roughmap {height:360px !important;}
}

/*Àλ縻 2 : custom_2 (¼ö¿ø»ç¶ûÀDZ³È¸)*/
.custom_2 {}

.cayaContent .custom_2 .custom_2_box {
  display: table;
  width: 100%;
  background: #ddd;
  padding: 50px;
  margin-bottom: 80px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}

.cayaContent .custom_2 .custom_2_box .custom_2_img {
  display: table-cell;
  vertical-align: top;
  width: 36%;
}

.cayaContent .custom_2 .custom_2_box .custom_2_txt {
  display: table-cell;
  vertical-align: middle;
  width: 64%;
  padding-left: 30px;
}

.cayaContent .custom_2 .custom_2_box .custom_2_txt h3 {
  color: #333;
  font-family: "GmarketSansMedium";
  font-size: 36px;
  font-weight: 400;
  letter-spacing: -1px;
  margin-bottom: 20px;
}

.cayaContent .custom_2 .custom_2_box .custom_2_txt h4 {
  color: #333;
  font-family: "GmarketSansMedium";
  font-size: 26px;
  font-weight: 400;
  letter-spacing: -1px;
  margin-bottom: 70px;
  line-height: 130%;
}

.cayaContent .custom_2 .custom_2_box .custom_2_txt h5 {
  position: relative;
  color: #333;
  font-size: 24px;
  font-weight: normal;
  letter-spacing: -2px;
  margin-bottom: 60px;
}

/*.cayaContent .custom_2 .custom_2_box .custom_2_txt h5:after {
  position: absolute;
  display: block;
  content: "";
  left: 10px;
  top: 54px;
  width: 25px;
  height: 3px;
  background: #333;
}*/

.cayaContent .custom_2 .custom_2_box .custom_2_txt p {
  font-size: 20px;
  letter-spacing: -1px;
  line-height: 130%;
}

@media screen and (max-width: 1024px) {
  .cayaContent .custom_2 .custom_2_box {
    margin-bottom: 60px;
  }

  .cayaContent .custom_2 .custom_2_box .custom_2_txt h3 {
    font-size: 32px;
  }

  .cayaContent .custom_2 .custom_2_box .custom_2_txt h4 {
    margin-bottom: 60px;
    font-size: 22px;
  }

  .cayaContent .custom_2 .custom_2_box .custom_2_txt h5 {
    font-size: 20px;
    margin-bottom: 40px;
  }

  .cayaContent .custom_2 .custom_2_box .custom_2_txt h5:after {
    top: 40px;
  }

  .cayaContent .custom_2 .custom_2_box .custom_2_txt p {
    font-size: 18px;
  }
}

@media screen and (max-width: 900px) {
  .cayaContent .custom_2 .custom_2_box .custom_2_img {
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 50px;
  }

  .cayaContent .custom_2 .custom_2_box .custom_2_txt {
    display: block;
    width: 100%;
    text-align: center;
    padding-left: 0;
  }

  .cayaContent .custom_2 .custom_2_box .custom_2_txt h3, 
  .cayaContent .custom_2 .custom_2_box .custom_2_txt h4,
  .cayaContent .custom_2 .custom_2_box .custom_2_txt h5 {text-align: center;}

  .cayaContent .custom_2 .custom_2_box .custom_2_txt h5:after {
    left: 50%;
    margin-left: -12.5px;
  }


}

@media screen and (max-width: 450px) {
  .cayaContent .custom_2 .custom_2_box {
    margin-bottom: 40px;
  }

.cons .custom_2 .custom_2_box .custom_2_txt p {
    font-size: 16px;
  }
}

@media screen and (max-width: 391px) {
  .cayaContent .custom_2 .custom_2_box .custom_2_txt h5 {
    margin-bottom: 60px;
  }
  .cayaContent .custom_2 .custom_2_box .custom_2_txt h5:after {
    top: 65px;
  }
}



/*±³È¸¼Ò°³ 1 : custom_3 (¼öÁöÇÒ·¼·ç¾ß±³È¸)*/
.cayaContent .custom_3 .c_fs1 span.design_tit{}
.cayaContent .custom_3 .c_fs1 span.design_tit::after{
    content: "\f10e";
	padding-left: 8px;
	color: #f96e8e;
    font-family: fontello;
	font-size:25px;
	vertical-align: super;
}

.cayaContent .custom_3 .c_fs1 span.design_tit::before{
	content: "\f10d";
    padding-right: 9px;
    color: #f96e8e;
	font-size:25px;
    font-family: fontello;
	vertical-align: super;
}

.cayaContent .custom_3 .c_stit{font-size:25px;}

.cayaContent .custom_3 .greeting_line{
	display: block;
    width: 100%;
    height: 14px;
    background: url(/image/content/greeting/greeting_patten.png) repeat-x;
    margin: 50px 0;
}

@media screen and (max-width:480px){
	.c_tit::after, .c_tit::before{font-size:20px;}
	.c_stit{font-size:19px;}
	.greet_line{margin:20px 0;}
}


/*¹ßÀÚÃë : custom_4 (¿¹¼öÀα³È¸)*/
.cayaContent .custom_4 {width:100%; max-width:1100px; margin:0 auto;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}
.cayaContent .custom_4 .slick {width:100%;}
.cayaContent .custom_4 .slick img {width:100%;}


/*¼¶±â´Â»ç¶÷µé : custom_5 (¿À»ê±³È¸)*/
.custom_5 .custom_5_box ul.tabs {
  overflow: hidden;
  width: 100%;
}
.custom_5 .custom_5_box ul.tabs li {
  float: left;
  text-align: center;
  cursor: pointer;
  background: #fafafa;
  overflow: hidden;
  position: relative;
  height: 50px;
  line-height: 50px;
  box-sizing: border-box;
  width: 20%;
  border: 1px solid #ddd;
  border-right: 0 !important;
  font-weight: 400;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.custom_5 .custom_5_box ul.tabs li:last-child {
  border-right: 1px solid #ddd !important;
}
.custom_5 .custom_5_box ul.tabs li.active {
  border-bottom: 1px solid #ffffff;
  background: #fff;
  color: #7155A4;
}
.custom_5 .custom_5_box .tab_container {
  margin-top: 50px;
}
.custom_5 .custom_5_box .tab_content {
  display: none;
  padding: 0 20px;
}

.custom_5 .custom_5_box .tab_content .custom_5_content > p {
  margin-bottom: 30px;
}
.custom_5 .custom_5_box .tab_content .custom_5_content > p img {
  width: 100%;
}
.custom_5 .custom_5_box .tab_content .custom_5_content h3 {
  font-size: 21px;
  line-height: 145%;
  color: #222;
  margin-bottom: 20px;
}
.custom_5 .custom_5_box .tab_content .custom_5_content h3 .fas {
  color: #ec6161;
  padding-right: 5px;
}

.custom_5 .custom_5_box .tab_content .custom_5_content .man .inner_man {
  margin-bottom: 30px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
}

.custom_5 .custom_5_box .tab_content .custom_5_content .man .inner_man:last-child {
  border-bottom: none;
}
.custom_5 .custom_5_box .tab_content .custom_5_content .man .inner_man h3 {
  font-size: 21px;
  line-height: 145%;
  color: #222;
  margin-bottom: 20px;
}
.custom_5 .custom_5_box .tab_content .custom_5_content .man .inner_man h3 .fas {
  color: #ef179b;
  padding-right: 10px;
}
.custom_5 .custom_5_box .tab_content .custom_5_content .man .inner_man ul.basic {
  overflow: hidden;
}
.custom_5 .custom_5_box .tab_content .custom_5_content .man .inner_man ul.basic li {
  float: left;
  width: 48%;
  vertical-align: top;
  display: table;
  margin-bottom: 30px;
}
.custom_5 .custom_5_box .tab_content .custom_5_content .man .inner_man ul.basic li:nth-child(2n) {
  float: right;
}

.custom_5 .custom_5_box .tab_content .custom_5_content .inner_content > div > div:nth-child(3) > ul > li:nth-child(3) {
  clear: both;
}

.custom_5 .custom_5_box .tab_content .custom_5_content .man .inner_man ul.basic li > p,
.custom_5 .custom_5_box .tab_content .custom_5_content .man .inner_man ul.basic li > div {
  display: table-cell;
  vertical-align: top;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.custom_5 .custom_5_box .tab_content .custom_5_content .man .inner_man ul.basic li > p {
  width: 120px;
}
.custom_5 .custom_5_box .tab_content .custom_5_content .man .inner_man ul.basic li > p img {
  width: 120px;
}
.custom_5 .custom_5_box .tab_content .custom_5_content .man .inner_man ul.basic li > div {
  width: 74%;
  padding-left: 15px;
}
.custom_5 .custom_5_box .tab_content .custom_5_content .man .inner_man ul.basic li > div p {
  line-height: 145%;
  margin-bottom:10px;
}
.custom_5 .custom_5_box .tab_content .custom_5_content .man .inner_man ul.basic li > div p strong {
  font-size: 18px;
  color: #000;
}

.custom_5 .custom_5_box .tab_content .custom_5_content .man .inner_man ul.basic1 {
  overflow: hidden;
}
.custom_5 .custom_5_box .tab_content .custom_5_content .man .inner_man ul.basic1 li {
  float: left;
  text-align: center;
  margin-right: 20px;
  margin-bottom: 15px;
  width: 20%;
}
.custom_5 .custom_5_box .tab_content .custom_5_content .man .inner_man ul.basic1 li p {
  font-size: 16px;
  color: #222;
  margin-top: 10px;
  margin-bottom:10px;
}
.custom_5 .custom_5_box .tab_content .custom_5_content .man .inner_man ul.basic1 li  p img {
  width: 110px;
}


/*---- vision*/

.vision {font-size:20px;}
.vision .top {font-size:20px;}

.vision .top .e-title {font-size:45px; color: #2673ff;font-weight: bold;}
.vision .top .k-title {font-size:40px; color:#000;} 
.vision .sub {margin-left: 30px;}
.vision .sub .k-stitle {font-size:20px;}
.vision .sub .e-con {font-size:30px; color:#2673ff;}
.vision .sub .e-con strong {font-size:40px;font-weight: bold;}
.vision .sub .k-scon {font-size:20px; text-indent: 50px; color: #000;}


@media screen and (max-width: 800px) {
.custom_5 .custom_5_box ul.tabs li {
    width: auto;
    padding: 0 20px;
  }
}

@media screen and (max-width: 680px) {
    .custom_5 .custom_5_box .tab_content .custom_5_content .man .inner_man ul.basic1 li {
    width: 23%;
    margin-right: 2% !important;
  }
  .custom_5 .custom_5_box .tab_content .custom_5_content .man .inner_man ul.basic1 li:nth-child(4n) {
    margin-right: 0;
  }

  .custom_5 .custom_5_box ul.tabs li {
    padding: 0px;
    font-size: 15px;
    width: 33.33333%;
  }
  .custom_5 .custom_5_box ul.tabs li:nth-child(1),
  .custom_5 .custom_5_box ul.tabs li:nth-child(2),
  .custom_5 .custom_5_box ul.tabs li:nth-child(3) {
    border-bottom: 0;
  }
  .custom_5 .custom_5_box ul.tabs li:nth-child(3) {
    border-right: 1px solid #ddd !important;
  }
  .custom_5 .custom_5_box ul.tabs li:nth-child(4),
  .custom_5 .custom_5_box ul.tabs li:nth-child(5) {
    width: 50%;
  }
  .custom_5 .custom_5_box .tab_content .custom_5_content .man .inner_man ul.basic1 li {
    width: 23%;
    margin-right: 2% !important;
  }
  .custom_5 .custom_5_box .tab_content .custom_5_content .man .inner_man ul.basic1 li:nth-child(4n) {
    margin-right: 0;
  }

  .custom_5 .custom_5_box .tab_content .custom_5_content .man .inner_man ul.basic1 li {
    width: 31.3%;
  }
  .custom_5 .custom_5_box .tab_content .custom_5_content .man .inner_man ul.basic1 li:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 540px) {
    .custom_5 .custom_5_box .tab_content .custom_5_content .man .inner_man ul.basic li {
    float: none;
    width: 100%;
  }
  .custom_5 .custom_5_box .tab_content .custom_5_content .man .inner_man ul.basic li:nth-child(2n) {
    float: none;
  }
}

@media screen and (max-width: 480px) {
    .custom_5 .custom_5_box .custom_5 ul.tabs li:nth-child(1) {
    width: 30%;
  }
  .custom_5 .custom_5_box .custom_5 ul.tabs li:nth-child(2) {
    width: 30%;
  }
  .custom_5 .custom_5_box .custom_5 ul.tabs li:nth-child(3) {
    width: 40%;
  }

  .custom_5 .custom_5_box .tab_content .custom_5_content .man .inner_man ul.basic1 li {
    width: 25%;
	margin-right:8% !important;
  }

  .custom_5 .custom_5_box .tab_content .custom_5_content .man .inner_man ul.basic1 li:nth-child(2n) {
    margin-right: 0;
  }
  .vision {font-size:14px;}
.vision .top {font-size:14px;}

.vision .top .e-title {font-size:25px; color: #2673ff;font-weight: bold;}
.vision .top .k-title {font-size:20px; color:#000;} 
.vision .sub {margin-left: 18px;}
.vision .sub .k-stitle {font-size:16px;}
.vision .sub .e-con {font-size:15px; color:#2673ff;}
.vision .sub .k-scon {font-size:15px; text-indent: 50px; color: #000;}
}


/*¼¶±â´Â»ç¶÷µé : custom_6 (¼­»êº»Çⱳȸ-Àå·Î¸¸)*/
  .custom_6 .custom_6_man dl {
    overflow: hidden;
  }
  
  .custom_6 .custom_6_man dl dt {
    float: left;
    width: 25%;
    text-align: center;
    margin-bottom: 50px;

  }
  
  .custom_6 .custom_6_man dl dt h3 {
    font-size:20px;
    margin-top: 15px;
    font-weight: 500;
  }
   
.custom_6 .custom_6_man dl dt img{
	border: 1px solid #ddd;
}

  @media screen and (max-width: 1024px) {
    .custom_6 .custom_6_man dl dt {
      width: 33.33%;
    }
  }

  
  @media screen and (max-width: 500px) {
    .custom_6 .custom_6_man dl dt {
      width: 50%;
    }
  
    .custom_6 .custom_6_man dl dt img {
      max-width: 150px;
    }
  }