/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Open Sans','NotoSansKR-Regular'   , 'Helvetica', 'Arial', sans-serif;
    color: #252525;
    margin: 0;
    font-weight: 400;
    letter-spacing: 0px;
}

.border-round{
	border: 2px solid #ccc;
    border-radius: 28px;
    padding: 10px 30px;
    font-weight: 600;
}
.text-white{
	color: #fff;
}
.text_bold{
	font-weight: 600;
}
.product_title{
	color: #aaa;
}
.large-font{
	font-size: 23px;
}

#header #header-wrap #logo a > img {
     vertical-align: bottom;
	width: 100%;
}

#header.dark #mainMenu nav > ul > li > a {
    color: #ffffff;
    font-size: 15px;
}
#header.dark #mainMenu nav > ul > li > a.header-shadow {
	text-shadow: #000 1px 0 10px;
}

#mainMenu nav > ul > li > a {
    position: relative;
    font-family: "Raleway",'NotoSansKR-Regular', "Helvetica", "Arial", sans-serif;
    padding: 11px 14px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #252525;
    text-transform: uppercase;
    border-radius: 0;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    transition: all .3s ease;
    line-height: normal;
}

@media all (min-width:992px) and (max-width:1500px){
	#header-wrap .container {
		padding: 0px 360px;
	}
}

.footer_menu a{
	font-size: 17px;
	cursor: pointer;
	color: #444 !important;
}

#footer.footer-dark a:hover {
    color: #fff !important;
}


/* zipline.jsp */
.text-nomarl{
	font-weight: 300;
}
.text-black{
	color: #000;
}
#page-title .page-title .detail_title_info{
	font-family: Montserrat,Helvetica,Arial,sans-serif;
    font-size: 2.1em;
    letter-spacing: 8px;
    color: #fff;
}

#page-title .page-title {
    width: 100%;
    padding: 0;
    float: left;
}
@MEDIA (min-width:992px) {
	#header.header-fullwidth #header-wrap .container {
    width: 100%;
    padding: 0 10%;
}
}

.btn-zipline{
    border-radius: 3px;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0px;
    outline: none;
    padding: 9px 12px;
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
    background-color: #30B7E7;
    border-color: #30B7E7;
    border-width: 1px;
    border-style: solid;
    color: #000;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin-bottom: 6px;
    outline: none;
    line-height: 14px;
    cursor: pointer;
       display: inline-block;
}
.btn-zipline:hover{
    background-color: #00CCFF;
    border-color: #00CCFF;
    color: #000;
}
.font-16{
	font-size: 16px;
}
.zipline_detail_title{
	letter-spacing: -2px;
    font-size: 2em;
    font-weight: 700;
}
.zipline_detail_info{
	line-height: 1.2em;
    color: #30B7E7;
    font-weight: 500;
    padding: 0;
    letter-spacing: -1px;
    font-size: 1.8em; float: left;
    margin-bottom: 50px;
}

.glamp_detail_info{
	line-height: 28px;
    color: #FFCC01;
    font-weight: 300;
    padding: 7% 0;
    letter-spacing: -1px;
    font-size: 2.1em; float: left;
}
.deck_detail_info{
	line-height: 28px;
    color: #fff;
    font-weight: 300;
    padding: 7% 0;
    letter-spacing: -1px;
    font-size: 2.1em; float: left;
}

.btn-glamp{
    border-radius: 3px;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0px;
    outline: none;
    padding: 9px 12px;
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
    background-color: #FFCC01;
    border-color: #FFCC01;
    border-width: 1px;
    border-style: solid;
    color: #000;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin-bottom: 6px;
    outline: none;
    line-height: 14px;
    cursor: pointer;
    display: inline-block;
}
.btn-glamp:hover{
    background-color: #BB9A0D;
    border-color: #BB9A0D;
    color: #000;
}
.tabs-navigation li.active a, .tabs-navigation li.active a:focus, .tabs-navigation li.active a:hover {
    border-color: #e5e8e8 #e5e8e8 #f8f9fb;
    color: #FE9C2F;
    box-shadow: none;
    background: #f8f9fb;
    border-top: 2px #FFCC01 solid;
}
.tabs-navigation li a{
	font-weight: 500;
}

@media (min-width: 992px){
	.tabs-navigation li {
	    width: 50%;
	}
	.CancellTable1{
		display:block;	
	}
	.CancellTable2{
		display:none;	
	}
}
@media (max-width: 991px){
	.tabs-navigation li {
	    width: 50%;
	    float: left;
	}
	.CancellTable1{
		display:none;	
	}
	.CancellTable2{
		display:block;	
	}
}


.btn-deck{
    border-radius: 3px;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0px;
    outline: none;
    padding: 9px 12px;
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
    background-color: #8A7A3C;
    border-color:  #8A7A3C;
    border-width: 1px;
    border-style: solid;
    color: #FFCC01;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin-bottom: 6px;
    outline: none;
    line-height: 14px;
    cursor: pointer;
       display: inline-block;
}

.btn-deck:hover{
    background-color: #000;
    border-color:  #000;
        color: #FFCC01;
}
.icon{
	color: #aaa;
    font-size: 1.2em;
}

@media (min-width: 992px){
.row .col-sm-6:nth-child(2n+3), .row .col-sm-3:nth-child(4n+5), .row .col-sm-2:nth-child(6n+7), .row .col-sm-1:nth-child(12n+13) {
    clear: none;
}
}

/* about.jsp */
.about-h3{
	font-size: 1.7em;padding-top: 10%; letter-spacing: -2px;
}
.map_info{
	font-weight: 500;
    font-size: 16px;
}
.color_green{
	color: #22B3D4;
}
.map_info_detail{
	color: #666;
	line-height: 18px;
	font-size: 12px;
}
.font-bold{
	font-weight: 500;
}


.fixed_Bottom{
	color: #FFF;
    width: 100%;
    background: #FC4349;
    display: inline-block;
    text-align: center;
    height: 45px;
    line-height: 45px;
    display: none;
    font-size: 1.3em;
}
.fixed_Bottom:hover{
	color: #fff;
}

.input-radio.checked .inner {
    background: #C49A6D;
}
.input-radio .inner {
    border-radius: 0;
    width: 100%;
    height: 3em;
    padding: 9px;
    text-align: center;
    -webkit-transition: 0.2s linear;
    background: #eee;
    
}
.input-radio {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    cursor: pointer;
}
.form--square input, .form--square textarea, .form--square button, .form--square select {
    border-radius: 5px;
}
.input-checkbox input, .input-radio input, .input-select input {
    display: none;
}

.input-radio {
    display: block;
}

.input-radio .inner label {
    margin: 0;
    font-size: 14px;
    color: #FFF
}
.input-checkbox label, .input-radio label, .input-select label {
    display: block;
}
label {
    cursor: default;
}
.input-radio:not(.checked) .inner:hover {
/*     box-shadow: 0 1px 2px #C49A6D 0 1px 2px #C49A6D; */
/*     box-shadow: 0px 0px 30px 0px #C49A6D; */
	background-color: #EAE8E9;
}

/* mono.jsp */

.mono_detail_info {
    line-height: 28px;
    color: #66CB2D;
    font-weight: 300;
    padding: 20px 0 7% 0;
    letter-spacing: -1px;
    font-size: 2.1em;
    float: left;
}

.mono_detail_sub_title{
	font-size: 16px;
    padding-left: 10px;
    color: #aaa;
}



.btn-mono{
    border-radius: 3px;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0px;
    outline: none;
    padding: 9px 12px;
    position: relative;
    overflow: visible;
    text-transform: uppercase;
    background-color: #539A30;
    border-color:  #539A30;
    border-width: 1px;
    border-style: solid;
    color: #000;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin-bottom: 6px;
    outline: none;
    line-height: 14px;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    bottom: 0;
    margin-bottom: 2%;
}

.btn-mono:hover{
    background-color: #67CB33;
    border-color:  #67CB33;
        color: #000;
}

.mono-sub-info{
	color: #aaa;
	font-family: '굴림';
	font-size: 12px;
	line-height: 17px;}

@media (min-width:768px){
	.btn-mono{
		left: 45.5%;
	}
	.btn-deck{
		left: 45.5%;
	}
	.btn-glamp{
		left: 45.5%;
	}
}
@media (max-width:767px){
	.btn-mono{
		left: 38%;
	}
	.btn-deck{
		left: 38%;
	}
	.btn-glamp{
		left: 38%;
	}
}

.btn-mono-reserve{
    border-radius: 3px;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0px;
    outline: none;
    padding: 9px 12px;
    position: relative;
    overflow: visible;
    text-transform: uppercase;
    background-color: #539A30;
    border-color:  #539A30;
    border-width: 1px;
    border-style: solid;
    color: #000;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin-bottom: 6px;
    outline: none;
    line-height: 14px;
    cursor: pointer;
    display: inline-block;
   
}

.btn-mono-reserve:hover{
    background-color: #67CB33;
    border-color:  #67CB33;
        color: #000;
}

.font-gulrim{
	font-family: '굴림';
}

.btn-bottom{
	position: absolute;
    bottom: 0;
    margin-bottom: 2%;
}
.bg-img{
	background-position: 50% 20%;
    background-repeat: repeat-y;
    background-size: cover;
    display: table-cell;
/*     height: 100%; */
    position: relative;
    vertical-align: middle;
    z-index: 2;
}

@media (max-width:767px){
	.bg-img{
		height: 300px !important;
	}
}
@media (min-width:768px){
	.bg-img{
		height: 100%;
	}
}
/* @media (min-width:768px){ */
/* 	.bg-img{ */
/* 		height: 500px !important; */
/* 	} */
/* } */
/* @media (max-width:991px){ */
/* 	.bg-img{ */
/* 		height: 500px !important; */
/* 	} */
/* } */




@media (min-width:991px){
	.web-right{
	float: right;
	    margin-right: 30%;
	}
}


.table-bordered tr, td, th {
 	 text-align: center;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #ddd;
    font-weight: 400;
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.live span.addon, .ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.live span.addon {
    color: #A1A1A1;
    font-weight: 400;
}
.course-card {padding: 30px 40px;background: #F9FAFC;border: 1px solid #7070704D; border-radius: 20px;box-sizing: border-box;display: flex;flex-wrap: wrap;width: calc((100% - 20px) / 2);}
.course-card .card-title{display: flex;margin-bottom: 30px;width: 100%;align-items: center;}
.course-card .card-title .num{flex:1;color: #5B6677;font-size: 80px;line-height:90px;font-weight: 900;letter-spacing: -3px;opacity: 0.2;}
.course-card .title-area{flex:2}
.course-card .card-title .title{color: #3F434D;font-size: 22px;font-weight: 700}
.course-card .card-title .eng-title{color: #3F434D;font-size: 18px;opacity: 0.7;}
.course-card .course-info{flex:2}
.course-card .course-info .info-label{color: #52555F;opacity: 0.5;font-size: 18px;font-weight: 700;padding-right: 10px;width: 80px;display: inline-block;box-sizing: border-box;}
.course-info .course-length{color:#52555F;font-size: 18px;}
.course-info .level{width: 18px;height: 18px;border-radius: 9px;display: inline-block;background: #E5E5E5;margin-right: 10px;}
.course-info .level.active{background:#22B3D4}
.course-card p{color:#52555F;letter-spacing: -0.6px;font-size: 16px;line-height: 20px;}
@media (max-width:767px){
	.course-card{padding: 20px;}
	.course-card .card-title .num{font-size: 4em;line-height: 35px;}
	.course-card .card-title .title{font-size: 1.4em;}
	.course-card .card-title .eng-title{font-size: 1em;}
	.course-card .card-title .info-label{font-size: 1em;width: 4.5em;}
	.course-card .card-title .course-length{font-size: 1em;}
	.course-card .card-title .level{width: 10px;height: 10px;margin-right: 3px;}
	.course-card p{font-size: 1em;}
}