@charset "utf-8";
.owl-item {float:left;}
.owl-carousel .owl-wrapper {display: none;position:relative;-webkit-transform:translate3d(0px, 0px, 0px);}
.slick-slider{margin-bottom:0;}

.msec-01{ position:relative; }

.msec-slogan{position:absolute;z-index:9;  height:60px;text-align:left;font-family: 'NanumGothic'; }
.msec-slogan .stxt{color:#1b1b1b; line-height:130%; font-size:17px; color:#373737; letter-spacing:-0.06em;}
.msec-slogan .btxt{color:#132331;font-weight:600; letter-spacing:-0.09em; line-height:130%; padding-top:5px;}
.msec-slogan .btxt span{color:#1363bc;}

.msec-visual{ position:absolute;z-index:6; z-index:1; right:149px; bottom:270px}
.msec-visual img{width:100%;}

.msec-quick-link { padding-bottom:45px; overflow:hidden;}
.msec-quick-link ul { margin:0 -0.5%;}
.msec-quick-link li { float:left; width:24%;  margin:0 0.5%; text-align:center; }
.msec-quick-link li.link01 { background:#3ca9e1;}
.msec-quick-link li.link02 { background:#ffb400;}
.msec-quick-link li.link03 { background:#429e3b;}
.msec-quick-link li.link04 { background:#3976ba;}
.msec-quick-link li a {font-size:26px; font-family: 'NanumGothic'; height:225px; font-weight:600; color:#fff; display:block;}
.msec-quick-link li a:hover { box-shadow:0px 5px 5px rgba(0,0,0,0.35)}
.msec-quick-link li span {padding-top:145px; display:block;}
.msec-quick-link li.link01 span { background:url('/img/reserve/Main/mquick-link01.png') no-repeat center 46px;}
.msec-quick-link li.link02 span { background:url('/img/reserve/Main/mquick-link02.png') no-repeat center 46px;}
.msec-quick-link li.link03 span { background:url('/img/reserve/Main/mquick-link03.png') no-repeat center 46px;}
.msec-quick-link li.link04 span { background:url('/img/reserve/Main/mquick-link04.png') no-repeat center 46px;}


	@media only screen and (min-width:1201px) {
		.msec-01{padding-top:250px; }
		.msec-slogan{ left:36px; top:110px;}
		.msec-slogan .btxt{ font-size:35px}

	}
	@media only screen and (min-width:1001px) and (max-width:1200px){
		.msec-01{padding-top:200px; }
		.msec-slogan{ left:0; top:50px;}
		.msec-slogan .btxt{ font-size:30px}
		.msec-visual { right:8%;}

	}

	
	@media only screen and (min-width:681px) and (max-width:1000px) {
		.msec-01{padding-top:180px; height:auto; }
		.msec-slogan{ left:0; top:30px;}
		.msec-slogan .btxt{ font-size:28px}
		.msec-slogan .btxt span { display:block;} 

		.msec-visual{ width:350px; right:0;}

		.msec-quick-link li a { font-size:22px;}
		
	}
	
	@media only screen and (max-width:780px) {
		.msec-visual { bottom:215px;}

		.msec-quick-link { padding-bottom:25px;}
		.msec-quick-link li a { height:190px; font-size:20px}
		.msec-quick-link li.link01 span, .msec-quick-link li.link02 span, .msec-quick-link li.link03 span, .msec-quick-link li.link04 span { padding-top:125px; background-size:65%; background-position:center 35px; }

	}

	@media only screen and (max-width:680px) {
		.msec-visual{position:relative; left:auto; top:auto; right:auto; bottom:auto; height:auto; width:auto;text-align:center;}
		.msec-visual img{width:80%}
		
		.msec-quick-link li { width:49%; margin:0.5%;}
		.msec-quick-link li.link01 span, .msec-quick-link li.link02 span, .msec-quick-link li.link03 span, .msec-quick-link li.link04 span { background-size:auto;}
		
		.msec-slogan{position:relative; left:auto; top:auto; width:auto; height:auto; text-align:center; padding-top:30px}
		.msec-slogan .btxt{ font-size:26px; }
		.msec-slogan .stxt{ font-size:15px;}

	}

	@media only screen and (max-width:400px) {

		.msec-quick-link { padding-bottom:15px;}
		.msec-quick-link li.link01 span, .msec-quick-link li.link02 span, .msec-quick-link li.link03 span, .msec-quick-link li.link04 span { padding-top:100px; background-size:65%; background-position: center 25px;}
		.msec-quick-link li a { height:150px;}

		.msec-slogan .btxt span { display:block;}

	
	}




.msec-02{ position:relative; box-sizing:border-box;overflow:hidden;}

.msec-02 .is-search{ padding:30px 40px; position:relative; background:rgba(255,255,255,0.5); overflow:hidden;}
.msec-02 .is-search .tit { float:left; width:28%; margin-top:25px;}
.msec-02 .is-search .tit .btxt { font-family: 'NanumGothic'; font-weight:600; letter-spacing:-0.08em; color:#434343; font-size:27px; line-height:120%; } 
.msec-02 .is-search .tit .stxt {display:block; font-size:16px; letter-spacing:-0.07em; font-weight:300; color:#434343;} 

.msec-02 .is-search ul{ float:left; width:57%; padding-right:15%; font-size:0; position:relative;}
.msec-02 .is-search li{font-size:0; display:inline-block; vertical-align:top; }
.msec-02 .is-search li.c-01{width:65%;}
.msec-02 .is-search li.c-02{width:34%;margin-left:1%}
.msec-02 .is-search li.c-03{width:100%; margin-top:5px; box-sizing:border-box; position:relative;}
.msec-02 .is-search li.c-03 input{border:none; background:#fff; text-indent:10px; font-size:14px; letter-spacing:-0.05em; width:100%; height:48px;border:1px solid #c5c5c5; box-sizing:border-box;}
.msec-02 .is-search li .search-btn{position:absolute; right:0; top:0; background:#92a3b5; width:20%; height:100%; border:none;color:#fff; font-size:17px; font-weight:600; letter-spacing:-0.04em;}
.msec-02 .is-search li .search-btn span{line-height:35px; padding-left:20px; background:url(/img/reserve/Main/search-btn.png) no-repeat left 5px; }

.msec-02 .is-search li .rtxt{width:2%; font-size:14px; text-align:center; line-height:48px; color:#555;display:inline-block;vertical-align:top}
.msec-02 .is-search li .w48p{width:49%}
.msec-02 .is-search li .w46p{width:46%}
.msec-02 .is-search li .rtxt.w8p{width:8%}

.msec-02 .is-search .input-box{position:relative;display:inline-block;vertical-align:top;box-sizing:border-box;}
.msec-02 .is-search .input-box input{width:100%;border:none; text-indent:12px; height:48px;font-size:14px; background:none;letter-spacing:-0.05em; box-sizing:border-box; position:relative; z-index:3}
.msec-02 .is-search li.c-02 .input-box{position:relative;border:1px solid #c5c5c5;background:#f8f8f8; display:inline-block;vertical-align:top;box-sizing:border-box;}
.msec-02 .is-search li.c-02 .input-box:after{background:url(/img/reserve/Main/calendar-ico.png) no-repeat center center; width:14px; height:14px; z-index:5; position:absolute; right:10px; top:50%;margin-top:-7px; display:block; content:""}
.msec-02 .is-search li.c-02 .input-box input{text-indent:8px; position:relative; z-index:7; padding-right:25px;}

.msec-02 .select-box{position:relative;border:1px solid #c5c5c5;background:#f8f8f8; display:inline-block;vertical-align:top;box-sizing:border-box;}
.msec-02 .select-box:after{background:url(/img/reserve/Main/select-arrow.png) no-repeat center center; position:absolute; width:20px; height:20px; position:absolute; right:2px; z-index:4; top:50%;margin-top:-10px; display:block; content:""}
.msec-02 .select-box select{font-size:13px; height:48px; -webkit-appearance:none; -moz-appearance:none;background:none; appearance:none;border:none;width:100%;z-index:5;position:relative; margin:0; padding:0; padding-left:10px; }
.msec-02 .select-box select::-ms-expand{display:none;}

	@media only screen and (min-width:1201px) {

	}
	@media only screen and (min-width:1001px) and (max-width:1200px){

		.msec-02 .is-search:before{background-size:98px auto; left:200px}
	}

	
	@media only screen and (min-width:681px) and (max-width:1000px) {
		.msec-02 .is-search { padding:20px;}
		.msec-02 .is-search .tit { width:26%; margin-right:2%; margin-top:10px;}
		.msec-02 .is-search .tit .btxt { font-size:22px;}
		.msec-02 .is-search .tit .stxt { font-size:15px;}
		.msec-02 .is-search:before{display:none;}


		.msec-02 .is-search li.c-01{width:50%;}
		.msec-02 .is-search li.c-02{width:49%;margin-left:1%}
		.msec-02 .is-search li .search-btn { font-size:16px;}


	}
	

	@media only screen and (max-width:680px) {
		.msec-02 { margin-bottom:35px;}
		.msec-02 .is-search{}
		.msec-02 .is-search ul{padding-top:20px;}
		.msec-02 .is-search li{height:auto; display:block;}
		.msec-02 .is-search li.c-01{width:100%; display:block;}
		.msec-02 .is-search li.c-02{width:100% ;margin-left:0;display:block; margin-top:5px;}
		.msec-02 .is-search li.c-03{padding-right:0;display:block;}
		.msec-02 .is-search li .search-btn{ height:50px; margin-top:10px; width:100%; position:relative; right:auto; top:auto;}

		.msec-02 .is-search .tit { width:100%; margin-top:0;}
		.msec-02 .is-search ul { width:100%; padding-right:0;}
		
	}

	@media only screen and (max-width:400px) {

		.msec-02 .is-search { padding:20px;}
	
	}


.msec-02 .msec-edu-tab{font-size:0; position:relative; padding:40px 38px 60px; background:rgba(255,255,255,0.9);}
.msec-02 .msec-edu-tab .tab_wrap { width:100%; margin:0 auto;}
.msec-02 .msec-edu-tab li{display:inline-block; vertical-align:top; width:20%;}
.msec-02 .msec-edu-tab li a.tab{display:block; line-height:58px; font-size:16px;text-align:center; position:relative;letter-spacing:-0.06em; height:60px; color:#333;background:#fff; border:1px solid #92a3b5; position:relative; z-index:10;  }
.msec-02 .msec-edu-tab li a.tab:before{width:1px; height:100%; display:block; content:""; background:#fff; position:absolute;  top:0; left:0px}

.msec-02 .msec-edu-tab li:first-child a.tab:before { background:none; }
.msec-02 .msec-edu-tab li.active a.tab{background:#013e81; color:#fff;}
.msec-02 .msec-edu-tab li.active a.tab:before{display:none;}
.msec-02 .msec-edu-tab li.active {z-index:4}
.msec-02 .msec-edu-tab li.active a.tab:after{background:url(/img/reserve/Main/edu-arrow.png) no-repeat; width:14px; height:7px; display:block; position:absolute; left:50%;margin-left:-7px; left:50%; bottom:-7px; display:block; content:""}

.msec-02 .msec-edu-tab .content { position:absolute;  top:0; width:100%; padding:0 32px; left:0; box-sizing:border-box; font-size:16px;}

.msec-02 .msec-edu-tab li:first-child a.tab span {display:inline-block; vertical-align:top; padding-left:20px; background:url(/img/reserve/Main/edu-active-off.png)no-repeat left center; }
.msec-02 .msec-edu-tab li:first-child.active a.tab span {background:url(/img/reserve/Main/edu-active.png)no-repeat left center;}
.msec-02 .edu-slide{margin-top:80px; position:relative;overflow:hidden;}
.msec-02 .edu-slide:after{width:1px;height:160px; position:absolute; right:0; top:0; background:#fff; display:block; content:""}
.msec-02 .edu-slide .item{position:relative; padding:30px 20px; margin:20px 8px 0; background:#fff; border:1px solid #92a3b5;}
.msec-02 .edu-slide .item .state { width:90px; height:40px; line-height:38px; color:#fff; font-family: 'NanumGothic'; font-weight:600; position:absolute; top:-20px; border-radius:30px; text-align:center;}
.msec-02 .edu-slide .item .state.ing { background:#d3373a;}
.msec-02 .edu-slide .item .state.end { background:#6d7d8d;}
.msec-02 .edu-slide .item .state.waiting { background:#c47d00;}
.msec-02 .edu-slide .item .btxt { height:3.6em; line-height:1.2em; margin-bottom:15px; font-size:22px; letter-spacing:-1.5px; color:#333; font-family: 'NanumGothic'; font-weight:600; display:block; overflow:hidden; -webkit-line-clamp:3;}
.msec-02 .edu-slide .item .btxt span { display:block;}
.msec-02 .edu-slide .item .btxt .blue { color:#00a5b9; }
.msec-02 .edu-slide .item .btxt .orange { color:#d0633d; }
.msec-02 .edu-slide .item .btxt .green { color:#42ae39; }
.msec-02 .edu-slide .item .ctxt { margin-bottom:10px;font-size:14px; display:block;}
.msec-02 .edu-slide .item .ctxt span { margin-right:5px; font-size:13px; font-weight:600; color:#fff; background:#699bd4; padding:3px 8px 4px; border-radius:30px; }
.msec-02 .edu-slide .item .btn-link { font-size:14px; font-weight:600; color:#92a3b5; border:1px solid #92a3b5; border-radius:30px; margin-top:15px; line-height:38px; text-align:center; display:block; /*transition:all 0.5s ease*/}
.msec-02 .edu-slide .item .btn-link.ing:hover { color:#fff; background:#315e9c;}
.msec-02 .edu-slide .item .btn-link.end { color:#fff; background:#92a3b5;}

.msec-02 .edu-ctrl{ position:absolute ; right:0; width:100%;; bottom:-70px; font-size:0; text-align:center;}
.msec-02 .edu-ctrl a{display:inline-block; vertical-align:top;width:38px; height:38px;border:1px solid #e6e6e6;border-radius:100%; margin:0 2px;background:url(/img/reserve/Main/photo-ctrl.png) no-repeat #fff;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.msec-02 .edu-ctrl a:hover{background-color:#fff;}
.msec-02 .edu-ctrl a.prev{background-position:6px 7px;}
.msec-02 .edu-ctrl a.next{background-position:-48px 7px;}
.msec-02 .edu-ctrl a.more{background-position:-22px 7px;}
.msec-02 .edu-ctrl a.more:hover span {text-decoration:underline}
.msec-02 .edu-ctrl a.prev, .msec-02 .edu-ctrl a.next, .msec-02 .edu-ctrl .slide-count {display:inline-block; vertical-align:middle;}
.edu-ctrl .slide-count {margin:0 15px;font-size:20px; font-weight:500; color:#333;}

	@media only screen and (min-width:1201px) {

	}
	@media only screen and (min-width:1001px) and (max-width:1200px){

	}
	@media only screen and (min-width:681px) and (max-width:1000px) {

	}
	@media only screen and (max-width:680px) {
		.msec-02 .msec-edu-tab .tab_wrap { width:100%;}	
		.msec-02 .msec-edu-tab ul{margin:0 -0.5%}
		.msec-02 .msec-edu-tab li{ width:49%;margin:0 0.5% 1% 0.5%; }
		.msec-02 .msec-edu-tab li a.tab { height:50px; line-height:48px;}
		.msec-02 .msec-edu-tab li a.tab:before{display:none;}
		.msec-02 .msec-edu-tab li.active a.tab:after{display:none;}
		
		.msec-02 .edu-slide { margin-top:55px;}
		.msec-02 .edu-slide .item .btxt { font-size:20px;}

	}
	@media only screen and (max-width:400px) {

		.msec-02 .msec-edu-tab { padding:20px 20px 80px;}
		.msec-02 .msec-edu-tab .content { padding:0 20px;}
		
		.msec-02 .edu-slide { margin-top:45px;}
		.msec-02 .edu-slide .item { padding:30px 10px; margin:20px 1px 0;}
		.msec-02 .edu-slide .item .btxt { font-size:19px;}

	
	}