@charset "UTF-8";


#wrap {overflow: hidden; width: 100%;}

.content {position: relative;}




.court-cnt01 {background-color: #282627;}
.court-cnt01 .inner {width: 1240px;margin: 0 auto;}
.court-cnt01 .swiper-container {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1}
.court-cnt01 .contents-slide.swiper-container {width: 800px;overflow: visible}
.court-cnt01 .contents-slide .swiper-slide {width: 345px;opacity: 0.15}
.court-cnt01 .contents-slide .swiper-slide-active {opacity: 1}
.court-cnt01 .contents-slide .swiper-button-next,.contents-slide .swiper-button-prev {width: 24px;height: 24px;opacity: 1;transition: 0.4s}
.court-cnt01 .contents-slide .swiper-button-next::after,.contents-slide .swiper-button-prev::after {display: block;font-size: 0;width: 100%;height: 100%;border-top: 6px solid #fff;border-right: 6px solid #fff}
.court-cnt01 .contents-slide .swiper-button-next {right: 50%;margin-right: -430px}
.court-cnt01 .contents-slide .swiper-button-next::after {transform: rotate(45deg)}
.court-cnt01 .contents-slide .swiper-button-prev {left: 50%;margin-left: -430px}
.court-cnt01 .contents-slide .swiper-button-prev::after {transform: rotate(-135deg)}
.court-cnt01 .contents-slide:hover .swiper-button-next,.contents-slide:hover .swiper-button-prev {opacity: 1}
.court-cnt01 .contents-slide .contents-card {width: 100%; border-radius: 8px;background-color: #fff; overflow: hidden;}
.card_in{padding:30px; position:relative}
.flex_con{display:flex}
.flex_con .lt{width:50%;}
.flex_con .rt{width:50%;}
.flex_con .new{background:#ff503e; width:15%; border-radius: 30px; padding:2px}
.flex_con .btn{background:#000; width:30%; padding:5px; float:right;}
.list_txt{padding:7px; border-bottom:1px solid #dfdfdf;}
.list_txt .tar{float:right}
.bt_txt{background:#f6f6f6; padding:40px; margin:20px 0 0 0; border-radius: 15px;}

.more_btn ul{overflow: hidden; position: relative;}
.more_btn li{width:43%; float:left; margin:30px}
.more_btn .btn1{background:#000; padding:20px; border-radius: 40px;}
.more_btn .btn2{background:#ff503e; padding:20px; border-radius: 40px;}

.card2{}
.card2_in{border-radius: 20px;box-shadow : 4px 4px 6px 2px #dcdcdc;width:95%; height:500px }
.card2_in h4{background:#ff503e; border-radius: 20px 20px 0 0; padding:20px}
.card2_in_txt {padding:30px}
.slick-slide{opacity: 0.5;}
.slick-center{opacity: 1;}
.card2 .slick-initialized .slick-slide{padding:10px}
.card_st{background:#e4e4e4; padding:5px 20px; border-radius: 20px; margin-right:20px; width:300px}
.txt_bar {padding:25px 0; border-bottom:1px solid #dfdfdf}
.txt_bar:last-child{border-bottom:0px}
.card2 .slick-dots li button:before{font-size:15px; margin-top:20px}
.card2 .slick-dots li.slick-active button:before{color:#ff503e}

.graph:first-of-type {text-align: center; margin-top: 16rem; margin-bottom: 5rem;}
.intro-main-box {position: relative;height: 7.3rem;display: inline-block;align-items: center;justify-content: center;opacity: 1;margin: 20rem auto;	}
.intro-main-box:before {display: block;content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 50rem; height: 50rem; background:url('../img/ch_bg.png') no-repeat;background-position:center;background-size: 90%;}
.ihub-symbol-box {position: relative;margin-bottom: 8.5rem;}

.ihub-symbol-box .sub-symbol {position: absolute; display: flex;justify-content: center;align-items: center; width: 18rem;height: 18rem;z-index: 1;transition: all 0.4s;}
.ihub-symbol-box .sub-symbol:nth-of-type(1) {right: -19rem;bottom: 7rem;}
.ihub-symbol-box .sub-symbol:nth-of-type(2) {right: -30rem;bottom: -11rem;}
.ihub-symbol-box .sub-symbol:nth-of-type(3) {right: -19rem;bottom: -29rem;}
.ihub-symbol-box .sub-symbol:nth-of-type(4) {right: 2rem;bottom: -29rem;}
.ihub-symbol-box .sub-symbol:nth-of-type(5) {left: -30rem;bottom: -11rem;}
.ihub-symbol-box .sub-symbol:nth-of-type(6) {left: -19rem;bottom: 7rem;}

.ihub-symbol-box2 {position: relative;margin-bottom: 8.5rem;}

.ihub-symbol-box2 .sub-symbol2 {position: absolute; display: flex;justify-content: center;align-items: center; width: 18rem;height: 18rem;z-index: 1;transition: all 0.4s;}
.ihub-symbol-box2 .sub-symbol2:nth-of-type(1) {right: -30rem;bottom: 28rem;}
.ihub-symbol-box2 .sub-symbol2:nth-of-type(2) {right: -42rem;bottom: 9rem;}
.ihub-symbol-box2 .sub-symbol2:nth-of-type(3) {right: -32rem;bottom: -32rem;}
.ihub-symbol-box2 .sub-symbol2:nth-of-type(4) {left: -32rem;bottom: -32rem;}
.ihub-symbol-box2 .sub-symbol2:nth-of-type(5) {left: -42rem;bottom: 9rem;}
.ihub-symbol-box2 .sub-symbol2:nth-of-type(6) {left: -30rem;bottom: 28rem;}

.arrow-wrap {position: absolute;top: 40px;right: 250px;transform: translate(0, -50%);}
.list_more .arrow-top {
  display: none;
}
.list_more .arrow-bottom {
  display: block;
}
.list_more.on .arrow-bottom {
  display: none;
}
.list_more.on .arrow-top {
  display: block; 
}

.img_list{position:relative;}
.img_list ul{overflow:hidden;}
.img_list li{float:left; width:18%; box-shadow:4px 4px 6px 2px #dcdcdc; margin:10px}


.process-steps {text-align: center;}
.process-steps .feature-box {padding-left: 15px;padding-right: 15px;}
.process-steps .feature-box-icon {width: 80px; height: 80px;line-height: 81px;background-color: #FFF;border-radius: 50%;}
.process-steps .feature-box-icon.small .v-icon {line-height: 81px;}
.process-steps.three-columns .feature-box-icon.small .v-icon {line-height: 150px;}
.process-steps ul {position: relative;margin: 0;padding: 0;list-style: none;display: inline-block; width:90%}
.process-steps ul li {display: inline-block;float: left;margin: 0;}
.process-steps.three-columns ul li {width: 33.33%;}
.process-steps ul:before {position: absolute;left: 100px;display: block;width: 83%;height: 0;border-top: 1px dashed #B1B1B1;content: "";top: 56px;z-index: 0 !important;}
.process-steps.three-columns .feature-box-icon {margin:0 auto; width: 160px;height: 160px;-webkit-border-radius: 90px;-moz-border-radius: 90px;border-radius: 90px;line-height: 160px;font-size: 55px;}
.process-steps.three-columns ul:before {top: 75px;left: 150px;width: 70%;}
.process-steps .v-icon {font-size: 40px;}
.con5_btn{background:#ff503e; padding:20px; border-radius: 40px; width:30%; margin:0 auto}


.court-cnt06 .bg{background:#fff; box-shadow:4px 4px 15px 2px #dcdcdc; border-radius:30px}
.con6_in{padding:50px; overflow:hidden; position:relative;}
/*tab css*/
.tab{float:left; width:100%;}
.tabnav{font-size:0;background:#f5f5f5; width:50%; margin:0 auto; border-radius:20px}
.tabnav li{display: inline-block; text-align:center; width:50%}
.tabnav li a.active{border-bottom:1px solid #fff;}
.tabnav li a{ position:relative; display:block; background: #f8f8f8; color: #000; padding:0 30px; line-height:46px; text-decoration:none;}
.tabnav li a:hover,
.tabnav li a.active{background:#000; color:#fff; margin:15px; border-radius:10px}
.tabcontent{width:90%; margin:0 auto}
.tabcontent input{border:1px solid #c7c7c7; padding:20px; border-radius:20px; width:38%; margin:5px}
.submit_btn{width:20% !important; border:0 !important; background:#ff503e; font-size:22px; font-weight:600; color:#fff}


.qa_bg{background:#fff; padding:20px 40px; border-radius:20px; margin:10px 0}

  
.court-cnt07 .que{
  position: relative;
  padding: 17px 0;
  cursor: pointer;
  font-size: 14px;
  
}

  
  
.court-cnt07 .que::before{
  display: inline-block;
  content: 'Q';
  font-size: 22px;
  color: #ff503e;
  margin: 0 5px;
  font-weight:600;
}

.court-cnt07 .que.on>span{
  font-weight: bold;
  color: #ff503e; 

}
  
.court-cnt07 .anw {
  display: none;
    overflow: hidden;
  padding:30px;
   border-top: 1px solid #dddddd;


}

.bar{border-bottom:1px solid #000}

.court-cnt07 .anw span{position:relative; font-weight:500}
.court-cnt07 .arrow-wrap img{width:50%}

.court-cnt07 .arrow-wrap {
  position: absolute;
  top:50%; right: 10px;
  transform: translate(0, -50%);
}

.court-cnt07 .que .arrow-top {
  display: none;
}
.court-cnt07 .que .arrow-bottom {
  display: block;
}
.court-cnt07 .que.on .arrow-bottom {
  display: none;
}
.court-cnt07 .que.on .arrow-top {
  display: block; 
}

.more_btn .btn1:hover{background:#7d7d7d}
.more_btn .btn2:hover{background:#990e00}
.plus_arrow{position:relative; top:8px; left:10px}

.an_more{background:#000; color:#fff; padding:2px 10px}


.flex_con3{display:flex;}
.flex_con3_lt{width:40%}
.flex_con3_rt{width:60%}
.graph_m_in ul{overflow:hidden;}
.graph_m_in li{float:left; width:50%; padding:20px}

@media (max-width: 992px) {
	.contents-slide.swiper-container{width:100%}
	.court-cnt01 .inner{width:100%}

	.more_btn li{margin:0px; width:50%}
	.tabnav{width:100%}
	.tabcontent input{width:100%}
	.submit_btn{width:100% !important}
	.court-cnt01 .contents-slide.swiper-container{width:100%}
	.flex_con .btn{width:50%}
	.flex_con .new{width:40%}
	.flex_con2{display:block}
	.flex_con2 .lt{width:100%}
	.flex_con2 .lt img{width:100%}
	.flex_con2 .rt{width:100%; margin-top:20px}
	.process-steps.three-columns .feature-box-icon{width:100%}
	.process-steps ul:before{display:none}
	.process-steps .feature-box{padding-left:5px; padding-right:5px}
	.court-cnt07 .arrow-wrap{right:0}
	.qa_bg{padding: 5px 17px;}
	.bt_txt{padding:15px}
	.flex_con {display:block}
	.flex_con .lt{width:100%}
	.flex_con .rt{width:100%; }
	.flex_con .btn{float:left; margin-bottom:10px}
	.card_in {padding:10px}
	.process-steps .feature-box-icon{line-height:initial !important}
	.process-steps.three-columns ul li{width:100%; margin-bottom:15px}
	.process-steps .feature-box-icon{height:auto !important}

	.card2_in_txt{padding:10px}
	.card_st{margin-right:0}
	.graph_m_in ul{overflow:hidden;}
	.arrow-wrap{position:initial; margin-top:18px}
	.img_list li{width:43%}
	.con5_btn{width:100%}
	.con6_in{padding:20px}
	.tabnav li a{padding:0}
	.court-cnt07 .que::before{display: none;;}
	.court-cnt07 .arrow-wrap{position:relative; width:10%}
	.court-cnt07 .que{padding:10px 0 0 0 ;}
	.court-cnt07 .anw{padding:10px}
	.more_btn li{width:100%; margin:10px 0}
	.plus_arrow{top:3px}
	.card2_in{height:auto;}
}

@media (max-width: 768px) {
	.visual_slider .txt_area .big.inline {flex-direction: column; align-items: center; justify-content: center; gap: 0;}
}