@charset "utf-8";

/*MAIN VISUAL*/
#main_visual{position:relative; overflow:hidden}
#main_visual li{width:100%; height:auto}
#main_visual li img{width:100%}
#main_visual .bx-wrapper{box-shadow:none; border:none; margin-bottom:0}
#main_visual .bx-wrapper .bx-pager{bottom:15px}
#main_visual .bx-wrapper .bx-pager.bx-default-pager a{background:#fff; margin: 0 3px}
#main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover,
#main_visual .bx-wrapper .bx-pager.bx-default-pager a.active,
#main_visual .bx-wrapper .bx-pager.bx-default-pager a:focus {background:#0099d2;}


/*MAIN CONTENTS*/
.m_sc1 .banner_set1 li{float:left; width:33.33333%; height:118px; text-align:center}
.m_sc1 .banner_set1 li a{display:block; height:100%; padding-top:20px; box-sizing:border-box}
.m_sc1 .banner_set1 li.c1{background:#0061b0}
.m_sc1 .banner_set1 li.c2{background:#0099d2}
.m_sc1 .banner_set1 li.c3{background:#6db214}

.m_sc2 .banner_set2 li{float:left; width:25%; height:106px; text-align:center; background:url('../images/main/line1.png') no-repeat 0 center;}
.m_sc2 .banner_set2 li:first-child{background:none}
.m_sc2 .banner_set2 li a{display:block; height:100%; padding-top:24px; box-sizing:border-box}


.inquiryarea1{
	z-index:10;
	width:1005;	
	box-sizing:border-box; 
	padding:25px;
	background:#fff;
	border:6px solid #0099d2;
	font-family: 'Noto Sans KR';
}

.inquiryarea1 h3{
	font-family: 'Noto Sans KR'; font-weight:700; color:#0099d2; font-size:24px;
}
.inquiryarea1 p.txt1{
	margin-top:8px;
	font-weight:500; color:#777777; font-size:16px;
}
.inquiryarea1 .agbox1{
	display:flex; justify-content:space-between;
	font-size:14px;
	width:100%;
	margin-top:15px;
}
.inquiryarea1 .agbox1 > *:nth-child(1){
	font-weight:800; color:#333;
}
.inquiryarea1 .agbox1 > *:nth-child(1) a{
	font-weight:500; color:#888
}

.inquiryarea1 .intxtbox1{
	display:flex; flex-wrap:wrap; gap:10px;
	margin-top:10px;
	box-sizing:border-box;
}
.inquiryarea1 .intxtbox1 > *:nth-child(-n+3){
	flex:.343;
}
.inquiryarea1 .intxtbox1 > *:last-child{
	width:100%;
}
.inquiryarea1 .intxtbox1 input{
	background:#fff; 
	box-sizing:border-box;
	padding-top:20px !important; padding-bottom:20px  !important; padding-left:5px  !important;
}
.inquiryarea1 .intxtbox1 textarea{
	background:#fff; width:100%; height:80px;
	border:1px solid #ccc;
	box-sizing:border-box; 
}
.inquiryarea1 input[type=submit]{
	margin-top:10px;
	width:100%; box-sizing:border-box;
	background:#0099d2; border:none;
	padding:5px 0 8px;
	font-weight:600; color:#fff; font-size:18px;
	cursor:pointer;
}
@media screen and (max-width: 640px){
	.inquiryarea1{
		padding:5vw;
	}
	.inquiryarea1 h3{
		font-size:20px;
	}
	.inquiryarea1 p.txt1{
		margin-top:8px;
		font-size:14px; line-height:18px;
	}
}
@media screen and (max-width: 340px){
	.inquiryarea1 .agbox1{
		display:block;
	}
	.inquiryarea1 .intxtbox1{
		display:block;
	}
	.inquiryarea1 .intxtbox1 > *:nth-child(n+1){
		margin-top:5px;
	}
}

.infobox1{
	position:relative;
	width:90%; max-width:1200px; height:80%;
	box-sizing:border-box;
	display:none;
}	
#inofoguidePop .infobox1{
	opacity:0;
	-webkit-animation:textDown1 .5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:textDown1 .5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:textDown1 .5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; 
	animation-delay:.1s;
}
.infobox1 > .detail1{
	text-align:center;
	padding:40px 60px;
	overflow-y:auto; height:80%;
	background:#fff;
	text-align:left;
}
.infobox1 > .detail1 > h4{
	color:#373d42; font-weight:600; font-size:20px; line-height:26px;
	
}
.infobox1 > .detail1 > h5{
	margin:0; margin-top:16px;
	color:#373d42; font-weight:600; font-size:18px; line-height:26px;
	text-align:left;
}
.infobox1 > .detail1 p{
	color:#373d42; font-weight:500; font-size:14px; line-height:24px;
	text-align:left;
	margin-top:6px;
	word-break:keep-all; word-wrap:break-word;
}

.infobox1 > .detail1 ul > li::before{
	position:absolute; left:0; top:0;
	content:"※"
}

.infobox1 > a{
	position:absolute; right:-20px; top:-120px;
	padding:12px 30px; margin-top:50px;
	color:#fff; font-size:30px;
}
@media screen and (max-width: 640px){
	.infobox1 > .detail1{
		padding:8vw 5vw;
	}
	.infobox1 > .detail1 > h4{
		font-size:18px; line-height:24px;
		
	}
	.infobox1 > .detail1 > h5{
		margin-top:12px;
		font-size:14px; line-height:22px;
	}
	.infobox1 > .detail1 p{
		font-size:12px; line-height:20px;
		margin-top:6px;
	}

}

.brosurebox1{
	position:relative;
	height:80%;
	box-sizing:border-box;
	display:none;
}
#inofoguidePop .brosurebox1{
	opacity:0;
	-webkit-animation:textDown1 .5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:textDown1 .5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:textDown1 .5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; 
	animation-delay:.1s;
}
#inofoguidePop .brosurebox1 img{
	max-width:100%;
}
.brosurebox1 > a{
	position:absolute; right:-20px; top:-120px;
	padding:12px 30px; margin-top:50px;
	color:#fff; font-size:30px;
}

.radio1 {
	-webkit-appearance: none;
	opacity:1;
	position:relative; top:1px;
	width:0; height:0;
	margin-right:5px;
	cursor:pointer;
}
.radio1+label{cursor:pointer;}
.radio1+label::before {
  position:relative; top:-1px;
  display: inline-block; vertical-align: middle;
  width: 1em; height: 1em;
  border: solid 1px #ddd;
  border-radius: 50%;
  margin-right:5px; 
  box-shadow: inset 1em 1em 0 6px white, inset 0 0 0 15px fff, 0 0 0 ;/* you can add as many , could be rings Inside each others*/
  cursor: pointer;
  transition: 0.2s;
  content: '';
}

.radio1:checked+label::before {
  box-shadow: inset 0 0 0 3.5px white, inset 0 0 0 15px #333333, 0 0 0 ;
}
@-webkit-keyframes textDown1 {
  from {opacity:0; transform: translate3d(0, -20%, 0); }
  to {opacity:1;transform: translate3d(0, 0, 0);}
}
@keyframes textDown1 {
  from {opacity:0;transform: translate3d(0, -20%, 0); }
  to {opacity:1;transform: translate3d(0, 0, 0);}
}