.vertical-md{
	vertical-align:middle;
}
/*마진 스타일*/
.ml-10{
	margin-left:0 !important;
}
.ml-10{
	margin-left:10px !important;
}
.ml-15{
	margin-left:15px !important;
}
.ml-20{
	margin-left:20px !important;
}
.ml-25{
	margin-left:25px !important;
}
.ml-30{
	margin-left:30px !important;
}
.ml-35{
	margin-left:35px !important;
}
.mr-0{
	margin-right:0 !important;
}
.mr-10{
	margin-right:10px !important;
}
.mr-15{
	margin-right:15px !important;
}
.mr-20{
	margin-right:20px !important;
}
.mr-25{
	margin-right:25px !important;
}
.mr-30{
	margin-right:30px !important;
}
.mt-0{
	margin-top:0 !important;
}
.mt-10{
	margin-top:10px !important;
}
.mt-15{
	margin-top:15px !important;
}
.mt-20{
	margin-top:20px !important;
}
.mt-25{
	margin-top:25px !important;
}
.mt-30{
	margin-top:30px !important;
}
.mt-40{
	margin-top:40px !important;
}
.mt-50{
	margin-top:50px !important;
}
.mt-60{
	margin-top:60px !important;
}
.mb-0{
	margin-bottom:0 !important;
}
.mb-10{
	margin-bottom:10px !important;
}
.mb-15{
	margin-bottom:15px !important;
}
.mb-20{
	margin-bottom:20px !important;
}
.mb-25{
	margin-bottom:25px !important;
}
.mb-30{
	margin-bottom:30px !important;
}

.mb-100{
	margin-bottom:100px !important;
}
.mb-150{
	margin-bottom:150px !important;
}
/*패딩 스타일*/

.pl-0{
	padding-left:0 !important;
}
.pl-10{
	padding-left:10px !important;
}
.pl-15{
	padding-left:15px !important;
}
.pl-20{
	padding-left:20px !important;
}
.pl-25{
	padding-left:25px !important;
}
.pl-30{
	padding-left:30px !important;
}

.pl-40{
	padding-left:40px !important;
}
.pr-0{
	padding-right:0 !important;
}
.pr-10{
	padding-right:10px !important;
}
.pr-15{
	padding-right:15px !important;
}
.pr-20{
	padding-right:20px !important;
}
.pr-25{
	padding-right:25px !important;
}
.pr-30{
	padding-right:30px !important;
}

.pr-40{
	padding-right:40px !important;
}
.pt-10{
	padding-top:10px !important;
}
.pt-15{
	padding-top:15px !important;
}
.pt-20{
	padding-top:20px !important;
}
.pt-25{
	padding-top:25px !important;
}
.pt-30{
	padding-top:30px !important;
}

.pt-40{
	padding-top:40px !important;
}

.pt-80{
	padding-top:80px !important;
}
.pb-0{
	padding-bottom:0 !important;
}
.pb-10{
	padding-bottom:10px !important;
}
.pb-15{
	padding-bottom:15px !important;
}
.pb-20{
	padding-bottom:20px !important;
}
.pb-25{
	padding-bottom:25px !important;
}
.pb-30{
	padding-bottom:30px !important;
}
.pb-35{
	padding-bottom:35px !important;
}

.pb-40{
	padding-bottom:40px !important;
}

.pb-80{
	padding-bottom:80px !important;
}

.pb-100{
	padding-bottom:100px !important;
}
.title-border-bottom{
	padding-bottom:10px;
	border-bottom:1px solid #242424;
}

/*폰트 스타일*/
.font-weight-100{
	font-weight:100;
}
.font-weight-200{
	font-weight:200;
}
.font-weight-300{
	font-weight:300;
}
.font-weight-400{
	font-weight:400;
}
.font-weight-500{
	font-weight:500;
}
.font-weight-600{
	font-weight:600;
}
.font-weight-700{
	font-weight:700;
}
.font-weight-800{
	font-weight:800;
}
.font-weight-900{
	font-weight:900;
}
.en-item{
	text-transform:lowercase;
}
.btn-border-right{
	border-right: 2px solid #ddd;

}
.card.termcard_box{
	border-radius:0;
	border:1px solid #ddd;
	background-color:#f3f3f3;
}

h4.small-sizing{
font-size:1.125rem;
}

h3.small-sizing{
font-size:1rem;
}
.input-item-radius{

	border-top-left-radius:10px !important;
	border-bottom-left-radius:10px !important;

}
.select-item-color{
	  border:1px solid #004B87;
	color:#000;
	border-radius:10px;
}

.btn-opa-danger{

	background-color:#f03e3e;
	color:#fff;
	padding: 10px 20px;
}


.hide{
	overflow:hidden;
	display:block;
	position:absolute;
	border:0;
	width:1px;
	height:1px;
	clip:rect(1px, 1px, 1px, 1px);
}

.opa-main-color{
 color:#08306D!important;
}

.opa-sub-color{
 color:#494949!important;
}

.opa-g-color{
 color:#cccccc !important;
}


.box-main-color{
	background-color:#edf2ff !important;
}
.box-sub-color{
	background-color:#f4f4f4 !important;
}

.box-blue-color{
	background-color:#004B87 !important;
}
.text-opa-danger{
	color:#f03e3e;
}
.word-break{
word-break:keep-all;
}
.center-item{
	margin: 20px auto;
}

.font-weght-bold{
 font-weight:700;
}

.search-link{

	position:absolute;
	top:10px;
	right:10px;
}

.search-link > span{
 color:#004B87;
}

.banner-area{
	position:relative;
	width:100%;
}

.banner_control{
	max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
	display:flex;
	flex-direction:row-reverse;
	position:absolute;
	bottom:-23px;
	right:0;
	width:100%
	height:10px;
}
a.banner-stop{
	display:block;
	width:24px;
	height:24px;
	line-height:24px;
	cursor:pointer;
}
a.banner-stop.hide{
	display:none;
}
a.banner-play{
	display:none;
}
a.banner-play.show{
	display:block;
	width:24px;
	height:24px;
	line-height:24px;
	cursor:pointer;
}

.control-box{
	display:inline-block;
}
.main-control{
position:relative;
width: 50%;
margin:40px auto;
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}

.caswiper-button-prev, .caswiper-button-next{
	display:inline-block;
	width:30px;
	height:30px;
	line-height:30px;
	color:#004B87;
}
a.main-button-stop{
position:absolute;
top:-20px; right:0;
	display:block;
	width:30px;
	height:30px;
	line-height:30px;
	cursor:pointer;
	z-index:10000;
}
a.button-stop{
	display:block;
	width:30px;
	height:30px;
	line-height:30px;
	cursor:pointer;
}
a.button-stop.hide{
	display:none;
}
a.button-play{
	display:none;
}
a.button-play.show{
	display:block;
	width:30px;
	height:30px;
	line-height:30px;
	cursor:pointer;
}

.col.partner-item{
border:1px solid #ddd;
background-color:#f1f3f5;
border-radius:5px;
}
.item-list.style-2.border-line{
	border: 1px solid #ddd;
}

.item-list.style-2 ul li.quick-liitem{
 border-bottom:none;
 padding-left:0;
 padding-right:0;
} 

@media (max-width:321px) {

.item-list.style-2 ul li.quick-liitem{
	height:119px;
}

}

.item-list.border-line ul li {
	margin: 10px 10px;

}
.item-list.style-2 .item-content.quick-row .item-media{
	margin-right:0;
} 

.new-main-visual{
	width:100%;
}

.new-main-visual .slick-dots li button {
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
	background-color:#ddd;
	border-radius:10px;
}
.new-main-visual .slick-dots li button:before {
	display:none;
}
.new-main-visual .slick-dots li.slick-active {
	width:30px;
}
.new-main-visual .slick-dots li.slick-active button {
	width:30px;
	background-color:#004B87;

}


.banner_item{
	position:relative;
	overflow:hidden;
	width: 100%;
}
.banner_item > .container{
	position:relative;
	padding-top:0;
	padding-bottom:0;
}
.banner_item.color01{
	background-color:#1a2b44;
}
.banner_item.color02 {
	background-color:#284c69;
}
.banner_item.color03 {
	background-color:#014f80;
}
.banner_item.color04 {
	background-color:#191919;
}
.banner_item.color05 {
	background-color:#213e55;
}

.visual-banner-content {
	position:absolute;
	width:30%;
	top:15%;
	left:10%;
}
 .bn-title-text{
	font-size:40px;
	font-weight:700;
	margin-bottom:10px;
 }
.bn-title-ex{
	font-size: 32px;
	line-height:32px;
	word-break:keep-all;
}
.bn-title-ex.special{
	font-size: 15px;
	line-height:23px;
	word-break:keep-all;
}

@media (min-width:867px) {
.visual-banner-content {
	position:absolute;
	width:40%;
	top:25%;
	left:10%;
}
 .bn-title-text{
	font-size:40px;
	font-weight:700;
	margin-bottom:10px;
 }

.bn-title-ex{
			font-size:32px;
			line-height:40px;
	}

}


@media (max-width:895px) {

	.visual-banner-content {
	position:absolute;
	width:50%;
	top:23%;
	left:10%;
}
 .bn-title-text{
	font-size:40px;
	font-weight:700;
	margin-bottom:10px;
 }

.bn-title-ex{
			font-size:32px;
			line-height:38px;
	}


}

@media (max-width:869px) {

.visual-banner-content {
	position:absolute;
	width:50%;
	top:20%;
	left:10%;
}



}

/*@media (max-width:863px) {

	.visual-banner-content {
	position:absolute;
	width:40%;
	top:10%;
	left:10%;
}
 .bn-title-text{
	font-size:30px;
	font-weight:700;
	margin-bottom:10px;
 }

.bn-title-ex{
			font-size:24px;
			line-height:32px;
	}


}*/

@media (max-width:829px) {
	.visual-banner-content {
	position:absolute;
	width:40%;
	top:23%;
	left:10%;
	}

	 .bn-title-text{
		font-size:35px;
		font-weight:700;
		margin-bottom:10px;
	 }

	.bn-title-ex{
			font-size:28px;
			line-height:32px;
	}

}

@media (max-width:779px) {

	.visual-banner-content {
	position:absolute;
	width:45%;
	top:23%;
	left:10%;
}
 .bn-title-text{
	font-size:30px;
	font-weight:700;
	margin-bottom:10px;
 }
	.bn-title-ex{
			font-size:24px;
			line-height:32px;
	}
	
}


@media (max-width:779px) {

	.visual-banner-content {
	position:absolute;
	width:45%;
	top:21%;
	left:10%;
}
	
}

@media (max-width:675px) {
	.visual-banner-content {
	position:absolute;
	width:45%;
	top:20%;
	left:10%;
}
}

@media (max-width:674px) {

	.visual-banner-content {
	position:absolute;
	width:45%;
	top:20%;
	left:10%;
}
 .bn-title-text{
	font-size:30px;
	font-weight:700;
	margin-bottom:10px;
 }
	.bn-title-ex{
			font-size:24px;
			line-height:32px;
	}
	
}


@media (max-width:591px) {

	.visual-banner-content {
	position:absolute;
	width:50%;
	top:19%;
	left:5%;
}

 .bn-title-text{
	font-size:28px;
	font-weight:700;
	margin-bottom:5px;
 }
	.bn-title-ex{
			font-size:22px;
			line-height:30px;
	}
}

@media (max-width:509px) {

	.visual-banner-content {
	position:absolute;
	width:50%;
	top:15%;
	left:5%;
}

 .bn-title-text{
	font-size:28px;
	font-weight:700;
	margin-bottom:5px;
 }
	.bn-title-ex{
			font-size:22px;
			line-height:30px;
	}
}


@media (max-width:485px) {

.visual-banner-content {
	position:absolute;
	width:50%;
	top:13%;
	left:5%;
}
	 .bn-title-text{
	font-size:26px;
 }
	.bn-title-ex{
			font-size:20px;
			line-height:25px;
	}
	
	

}


@media (max-width:441px) {

.visual-banner-content {
	position:absolute;
	width:50%;
	top:10%;
	left:5%;
}
	 .bn-title-text{
	font-size:26px;
 }
		.bn-title-ex{
			font-size:20px;
			line-height:25px;
	}
	
}


@media (max-width:439px) {

.visual-banner-content {
	position:absolute;
	width:53%;
	top:10%;
	left:5%;
}
	 .bn-title-text{
	font-size:26px;
 }
		.bn-title-ex{
			font-size:20px;
			line-height:25px;
	}
}



@media (max-width:419px) {
.visual-banner-content {
	position:absolute;
	width:53%;
	top:13%;
	left:5%;
}

	 .bn-title-text{
	font-size:24px;
 }
	.bn-title-ex{
			font-size:18px;
			line-height:22px;
	}

}


@media (max-width:399px) {

	 .bn-title-text{
	font-size:22px;
 }
	.bn-title-ex{
			font-size:16px;
			line-height:20px;
	}
}

@media (max-width:377px) {
.visual-banner-content {
	position:absolute;
	width:50%;
	top:10%;
	left:5%;
}

	 .bn-title-text{
	font-size:22px;
 }
	.bn-title-ex{
			font-size:16px;
			line-height:20px;
	}

}

@media (max-width:361px) {

	 .bn-title-text{
	font-size:22px;
 }
	.bn-title-ex{
			font-size:16px;
			line-height:20px;
	}
}

@media (max-width:344px) {
.visual-banner-content {
	position:absolute;
	width:52%;
	top:10%;
	left:5%;
}

}
@media (max-width:332px) {
.visual-banner-content {
	position:absolute;
	width:52%;
	top:10%;
	left:5%;
}

	 .bn-title-text{
	font-size:20px;
 }
	.bn-title-ex{
			font-size:14px;
			line-height:20px;
	}

}



@media (max-width:321px) {
	 .bn-title-text{
	font-size:20px;
 }
	.bn-title-ex{
			font-size:14px;
			line-height:20px;
	}


	.opa-title-item{
		width:60%;
		word-break:keep-all;
	}
	.package-box .title-head.opa-bt-title-item{
		font-size:13px!important;
	
	}

	.package-box .sub-title.opa-bt-title-item{
		font-size:13px!important;
	
	}

	.menubar-res-item{
	 word-break:keep-all;
	}

}


@media (max-width:319px) {
	 .bn-title-text{
	font-size:18px;
 }
	.bn-title-ex{
			font-size:12px;
			line-height:18px;
	}

}
@media (max-width:286px){
	 .bn-title-text{
	font-size:16px;
 }
	.bn-title-ex{
			font-size:13px;
			line-height:18px;
	}
}

@media (max-width:273px){
	 .bn-title-text{
	 margin-bottom:2px;
 }

}

@media (max-width:263px){
.visual-banner-content {
	position:absolute;
	width:53%;
	top:10%;
	left:5%;
}

}

@media (max-width:261px){



	.item-list.style-2 .item-content .item-media.quick-bt > img{
	
		width:30px;
		height:30px;
		margin-left:-20px;
	}
	


}



.btn-outline-white{
	color:#fff;
	border-color:#fff;
}

.banner_item  > img{
	width: 100%; height: auto;
}

.opa-link-box{
	overflow:hidden;
}
.opa-link-span{
	display:block;
	float:left;
}
.opa-link-span:first-child{
	margin-top:3px;	
}

.package-box.mobile_box{
	padding: 5px 5px;

}
.package-box.fist-item:after {
 background-color:rgba(255,255,255,0.2);
}
.mobile_bt_box{
	display:flex;
	flex-flow:row nowrap;
	justify-content:center;
	align-content:center;
}
.mob_opa_item{
  display:none;
}
.tab_opa_item{
  display:block;
}
/*@media (max-width: 768px){
	.mob_opa_item{
		display:block;
	}


}

@media (min-width: 768px) and (max-width: 3000px){
	.mob_opa_item{
		display:none;
	}
	.tab_opa_item{
		display:block;
	}


}
*/

.package-box .media.mobile_bt_icon{
	padding:0;
}

.mobile_bt_text, .mobile_bt_icon {
	flex-basis:50%;
}
.tablet_bt_box{
	display:flex;
	flex-flow:row nowrap;
	justify-content:center;
	align-content:center;
}


@media (max-width: 630px) {
	.col.partner-item{
		height:70px;
		line-height:70px;
	}

}

@media (max-width: 599px) {
	.item-content.quick-row{
		display:block;
		text-align:center;
	}
	.media-60.quick-bt{
		margin-left: auto!important;
		margin-right:auto!important;
	}

}

@media (max-width: 560px) {

   .col.partner-item{
		padding-left:0!important;
		padding-right:0!important;
	}

	.package-list ul li {
		height:130px;
	}

}

@media (max-width: 420px) {
	.title.quick-title{
		font-size:14px;
	}
	
}



@media (max-width: 415px) {

   .row.fq-box{
		display:block;
   }
   .col.fq-box-item{
	padding-right:15px!important;
	margin-bottom:10px;
   }
   .package-list ul li {
		height:100px;
	}

}
@media (max-width: 380px) {
	.title.quick-title{
		font-size:13px;
	}
	
}

@media (max-width: 360px) {
	.title.quick-title{
		font-size:12px;
	}
	
}

@media (max-width: 321px) {
	.title.quick-title{
		font-size:10px;
	}
	
}


.footer-font{
	font-size:0.7rem;

}

/*테이블*/

.title-table{
	background-color:#f3f3f3!important;
	color:#000!important;
}

/*공지사항*/

.box-board-attach{

	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:center;

}

/*약관*/

.over-scroll-terms{
 height:200px !important;
 overflow-y:scroll !important;
 border: 1px solid #ddd;
 border-radius:10px;
 padding:20px;
}


.wbreak{
word-break:keep-all;

}

h3.w-break{
word-break:keep-all;

}

.form-item.w-custom-50{
	width:50%;

}

.img-box-sizing100{
	width:100px;
	height:100px;
}

.img-box-sizing150{
	width:150px;
	height:150px;
}

.img-box-sizing70{
	width:70px;
	height:70px;
}


.img-box-sizing90{
	width:90px;
	height:90px;
}