@charset "UTF-8";


#wrap {overflow: hidden; width: 100%;}
.qu_img{position:fixed; z-index:999; right:0; bottom:0}
.content {position: relative;}


/**************************************************
* 1 - main-sect-visual
**************************************************/
.main-section { position:relative; min-height:576px; max-height:1200px; height:80vh; overflow:hidden; background-color:#000; }
.main-section .pc-only { display:block; }
.main-section .mo-only { display:none; }
.main-section .container-fluid, .main-section .main-visual-slide { height:100%; }
.main-visual-slide .main-visual-item-bg { width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; overflow:hidden; }

.main-visual-slide .main-visual-item01 .main-visual-item-bg { background:url("../img/main_visual01.jpg") no-repeat 50% 50%/ cover; }

.main-visual-item .main-visual-content { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; text-align:center; }
.main-visual-item .main-visual-content .txt01 { font-size:1.875rem; line-height:3.437rem;  }
.main-visual-item .main-visual-content .txt02 { font-size:1.175rem; line-height:1.437rem;  }
.main-visual-item .main-visual-content h2 { font-size:4.125rem;}

.main-visual-item04 .main-visual-content h2 { font-size:2.812rem; }
.main-visual-item04 .main-visual-content h2 em { font-size:3.125rem; }
.main-visual-item01 .main-visual-content .txt01 { color:#fff; }
.main-visual-item01 .main-visual-content .txt02 { color:#fff; }
.main-visual-item01 .main-visual-content h2 { color:#fff; }




@keyframes circ1 {
	0% { stroke-dashoffset:80px; }
	100% { stroke-dashoffset:40px; }
}
@-webkit-keyframes circ1 {
	0% { stroke-dashoffset:80px; }
	100% { stroke-dashoffset:40px; }
}
@-moz-keyframes circ1 {
	0% { stroke-dashoffset:80px; }
	100% { stroke-dashoffset:40px; }
}


.btn2{background:#6fc0ff; padding:20px; border-radius: 40px; width:20%; margin:0 auto}
.btn1{background:#1f59dc; padding:20px; border-radius: 40px; width:50%; margin:0 auto}


.cnt01_group{position: relative; border-bottom:1px solid #c7c7c7; padding-top:40px; padding-bottom:40px}
.flex_con{display: flex;}
.flex_img{width:16%}
.flex_txt{width:84%; margin-top:30px}
.cont1_table th{background:#869ccd; color:#fff; font-size:20px; font-weight: 500; border:1px solid #fff; padding:10px}
.cont1_table td{background:#eef3ff; color:#000; font-size:18px; font-weight: 400; border:1px solid #fff; padding:20px}
.cont1_table .th1{width:30%}

.court-cnt02{background:#f0f4fc; position: relative; clear: both;}
.tab_txt {padding:30px}
.tab_txt ul{overflow: hidden; background:#eef3ff; border-radius:20px; padding:25px 70px}
.tab_txt li{float: left; width: 50%; font-size:18px}
.tab_table {padding:0px 40px 0px 40px}
.cont2_table th{background:#80adf5; color:#fff; font-size:20px; font-weight: 500; border:1px solid #fff;padding:20px }
.cont2_table td{background:#fff; color:#000; font-size:18px; font-weight: 400; border:1px solid #c7c7c7;padding:20px }
.cont2_table .th1{width:30%}

.tab_price{background: #eef3ff; margin:0px 40px 0 40px; padding:40px}
.root_daum_roughmap{width:100% !important}
.con3_li ul{overflow:hidden;}
.con3_li li{float:left; width:25%}

.court-cnt05{padding-bottom:20px}
.court-cnt06 {padding-top:20px}
.court-cnt06 ul{overflow: hidden;}
.court-cnt06 li{float:left;width:20%; padding:10px}
.court-cnt06 li img{width:100%}
.box_txt{background:#f0f6ff; padding:15px; margin-top:20px; border-radius: 15px; height:400px}
.box_txt2{background:#f0f6ff; padding:100px 20px 20px 20px; margin-top:20px; border-radius: 15px; height:400px}
.btn{background:#1f59dc;border-radius: 40px; padding:10px;}
.btn img{width:initial !important;}


/*tab css*/
.tabcontent{padding-bottom:80px}
.tabnav{font-size:0;background:#f5f5f5; width:100%; margin:0 auto; border-radius:20px;}
.tabnav li{display: inline-block; text-align:center; width:33.33333%}
.tabnav li a.active{border-bottom:1px solid #fff;}
.tabnav li a{ position:relative; display:block; background: #636363; color: #fff; padding:0 30px; line-height:76px; text-decoration:none; border-radius: 30px 30px 0 0;}
.tabnav li a:hover,
.tabnav li a.active{background:#fff; color:#1f59dc; border-radius: 30px 30px 0 0;}
.tabcontent{width:100%; margin:0 auto}
.tabcontent{background:#fff}
.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}

.highlight{
	width:67%;
	margin:0 auto;
	box-shadow: inset 0 -10px 0 #ffe13b; 
  }



.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}




.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: #1f59dc;
  margin: 0 5px;
  font-weight:600;
}

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

}
  
.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:#002270}
.more_btn .btn2:hover{background:#002270}
.plus_arrow{position:relative; top:8px; left:10px}

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

.map_box{background:#f2f2f2; padding:50px; position:relative; overflow:hidden}
.logo_bg{position:absolute; right:5%; width:15%; bottom:30%}

.footer_section { position:relative; min-height:576px; max-height:1200px; height:100vh; overflow:hidden; background-color:#000; }
.footer_section .pc-only { display:block; }
.footer_section .mo-only { display:none; }
.footer_section .container-fluid, .footer_section .footer_con { height:100%; }
.footer_con .main-visual-item-bg { width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; overflow:hidden; }

.footer_con .footer_item01 .main-visual-item-bg { background:url("../img/footer_visual.jpg") no-repeat 50% 50%/ cover; }

.footer_item .footer_content { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; text-align:center; }
.footer_item .footer_content .txt01 { font-size:1.875rem; line-height:3.437rem;  }
.footer_item .footer_content .txt02 { font-size:1.175rem; line-height:1.437rem;  }
.footer_item .footer_content h2 { font-size:4.125rem;}

.footer_item01 .footer_content .txt01 { color:#fff; }
.footer_item01 .footer_content .txt02 { color:#fff; }
.footer_item01 .footer_content h2 { color:#fff; }
.flex_lt{width:50%}
.flex_rt{width:50%}
.bo_w_info input{background:none; border:1px solid #fff; color:#fff; padding:20px; border-radius:10px; margin:10px; width:39%}
.bo_w_info input::placeholder {color:#fff; font-size:18px}
.bo_w_info textarea{background:none; border:1px solid #fff; color:#fff; padding:20px; border-radius:10px; margin:10px; width:89%}
.bo_w_info textarea::placeholder {color:#fff; font-size:18px}
.bo_w_info .checkbox{width:initial;padding-left:40px; width:20px;height:20px;}
.checkbox_div label{ color:#fff}
.checkbox_div{margin-left:10px}
.styled{background:#1f59dc !important; border:none !important; font-size:22px !important; width:89% !important}
.styled::value {color:#fff; font-size:32px !important}

@keyframes blink-effect {
  50% {
    opacity: 1;
	background:#fff
  }
}

.blink {
  animation: blink-effect 1s step-end infinite;}
.arrow-next {
    position: relative;
    margin-right:5px;
}
.arrow-next::after {
    position: absolute;
    left: 10px; 
    top: 13px; 
    content: '';
    width: 10px; /* »çÀÌÁî */
    height: 10px; /* »çÀÌÁî */
    border-top: 2px solid #000; /* ¼± µÎ²² */
    border-right: 2px solid #000; /* ¼± µÎ²² */
    transform: rotate(45deg); /* °¢µµ */
}

.arrow-next2::after {
    position: absolute;
    left: 10px; 
    top: 13px; 
    content: '';
    width: 10px; /* »çÀÌÁî */
    height: 10px; /* »çÀÌÁî */
    border-top: 2px solid #fff; /* ¼± µÎ²² */
    border-right: 2px solid #fff; /* ¼± µÎ²² */
    transform: rotate(45deg); /* °¢µµ */
}


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

	.main-visual-item .main-visual-content { top:32%; }
	.main-visual-item .main-visual-content .txt01 { font-size:15px; line-height:27px; }
	.main-visual-item .main-visual-content h2 { font-size:28px; }
	.main-visual-item .main-visual-content h2 em { font-size:28px; }
	.main-visual-item04 .main-visual-content h2 { line-height:1.2; }
	
	.swiper-pagination.main-slide-pagination { top:62%; }
	
	.main-visual-slide .swiper-slide.main-visual-item01 .main-visual-item-bg { background:url("../img/main_visual01_m.jpg") no-repeat 50% 50%/ cover; }

	.main-section {min-height: 527px;max-height:1200px;height: 68vh;}
	.main-visual-item .main-visual-content{top:50%}
	.btn2{width:80%}
	.arrow-next::after{top:7px}

	.flex_con{display:initial;}
	.flex_img{width:100%; text-align:center;}
	.flex_txt{width:100%; text-align:center;}
	.cont1_table td{font-size:16px}
	.cont1_table th{font-size:18px}
	.cont1_table td{padding:10px}
	.tabnav li a{padding:10px; line-height:25px}
	.tab_txt{padding:5px}
	.tab_txt ul{padding:10px}
	.tab_txt li{font-size:16px; width:100%}
	.tab_table{padding:0px 10px 0px 10px}
	.cont2_table th{padding:10px; font-size:18px}
	.cont2_table td{padding:10px; font-size:16px}
	.tab_price{padding:10px}
	.tab_price{margin:0px 10px 0px 10px}
	.highlight{width:62%}
	.con3_li li{width:50%; padding:5px}
	.img_list li{width:43%}
	.court-cnt06 li{width:100%; text-align:center;}
	.arrow-next2::after{left:5px}
	.box_txt{padding:30px;height:auto;}
	.box_txt2{height:auto;}
	.court-cnt06 li img{width:70%;}
		
	.qa_bg{padding: 5px 17px;}
	.que::before{display: none !important;}
	.arrow-wrap{position:relative; width:10%}
	.que{padding:10px 0 0 0 ;}
	.anw{padding:10px}
	.court-cnt07 .anw{padding:5px}
	.map_box{padding:15px}
	.plus_arrow{top:3px}
	.flex_lt{width:90%; text-align:center;}
	.flex_lt .logo img{width:50%}
	.flex_rt{width:100%; margin-top:20px}
	.bo_w_info input{width:30%}
	.bo_w_info textarea{width:78%}
	.styled{width:78% !important}
	.ft_add {margin-top:10px !important}
	.flex_lt{}

	.footer_con .footer_item01 .main-visual-item-bg { background:url("../img/footer_visual_m.jpg") no-repeat 50% 50%/ cover; }

}

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