#divHeader .tablet, .searchForm.mobile{display: none;}

.blind{display: none;}

.searchWrap{position: relative;height:327px; top:131px;}

.mainBg{position:absolute;top:0;left:0;width:100%;}
.mainBg div{display:none;position:absolute;top:0;left:0;width:100%;height:327px;overflow: hidden;}
.mainBg div img{position: absolute; top: 0; left:50%; transform: translate(-50%, 0%);}
.mainBg .bg1{display:block;}

#divSearch{position:relative;height: 277px;top: 50px;z-index:10; border:0;}
#divSearch > div{width: 1300px;height:227px;margin:0 auto;box-sizing: border-box; }
#divSearch > div .searchForm{position:relative;width: 100%;max-width: 1000px;margin:0 auto;height: 177px;padding-top: 50px;background: rgba(0,0,0,0.55);}
#divSearch > div .searchForm > ul{position:relative;height: 50px;margin: 0 50px;}
#divSearch > div .searchForm > ul > li{float:left;width: 15%;text-align: center;}
#divSearch > div .searchForm > ul > li > a{position: relative;display:block;height:50px;font-family: NotoSans,sans-serif;font-size: 15px;color:#fff;text-align:center;line-height:50px;transition: 0.2s ease;}
#divSearch > div .searchForm ul li.en > a{font-family: Roboto,sans-serif;}
#divSearch > div .searchForm ul li:first-child > a{margin-left: 0;}
#divSearch > div .searchForm > ul > li.on > a{color:#fff; font-size: 15px;}
#divSearch > div .searchForm > ul > li> a:before{content: ''; display: block; position: absolute; top: 0px; width: 0; right: 0; left: 0; margin: auto; height: 2px; opacity: 0; background-color: #fff; transition: width 0.3s ease, opacity 0.3s ease;}
#divSearch > div .searchForm > ul > li.on> a:before{width: 100%;opacity: 1;}
#divSearch > div .searchForm ul li.on a.searchDetail{position: absolute; right: 0; top: -28px; color: #fff; font-size: 13px;}
#divSearch > div .searchForm ul li form{display:none;position:absolute;top: 50px;left:0;width:100%;}
#divSearch > div .searchForm ul li.on form{display:block;}
#divSearch form .inputWrap{display: block;padding-left: 23px;padding-right: 70px;position: relative;height: 56px;line-height: 56px;background-color: #fff;}
#divSearch form input[type=text]{float: left; border: none; outline: none; width: 100%; height: 56px; background: none; font-family:NotoSans, sans-serif; font-size: 15px; color: #6a6a6a;}
#divSearch > div .searchForm ul li form fieldset input[type="text"]::-webkit-input-placeholder{color: #6a6a6a; opacity: 1; font-family:NotoSans,sans-serif; font-size: 15px; letter-spacing:-0.2px}
#divSearch > div .searchForm ul li form fieldset input[type="text"]:-moz-placeholder{color: #6a6a6a; opacity: 1; font-family:NotoSans,sans-serif; font-size: 15px; letter-spacing:-0.2px}
#divSearch > div .searchForm ul li form fieldset input[type="text"]::-moz-placeholder{color: #6a6a6a; opacity: 1; font-family:NotoSans,sans-serif; font-size: 15px; letter-spacing:-0.2px}
#divSearch > div .searchForm ul li form fieldset input[type="text"]:-ms-input-placeholder{color: #6a6a6a; opacity: 1; font-family:NotoSans,sans-serif; font-size: 15px; letter-spacing:-0.2px}
#divSearch > div .searchForm ul li form fieldset input.placeholder{color: #6a6a6a; opacity: 1; font-family:NotoSans,sans-serif; font-size: 15px; letter-spacing:-0.2px}
#divSearch  form input[type=image]{position: absolute;right: 22px;top: 50%;margin-top: -15px;width: 31px;height: 31px;cursor: pointer;}
input::placeholder{font-size: 15px; letter-spacing: -0.2px;}

.book{position:relative; height:245px;}
.book > ul{font-size: 0;}
.book > ul > li{display:inline-block;}
.book > ul > li > a{position: relative;display:block;font-size:21px;color: #b9b9b9;line-height:21px;margin: 0 14px;font-family:NanumSquare,sans-serif;letter-spacing:-0.7px; }
.book > ul > li:first-child > a{background:none;margin-left:7px;margin-top:3px}
.book > ul > li.on > a{position:relative;color:#000;  text-decoration: underline; text-decoration-color: #a6d2db; text-decoration-thickness: 5px; font-weight:700;}
.book > ul > li> a:before{content:'';display:block;padding: 0 3px;position:absolute;z-index: -1;width: 0;bottom: -1px;left: -2px;opacity: 0;height: 6px;background-color: rgba(166, 210, 219, 0.8);transition: 0.25s ease;}
.book > ul > li > div.bookList{display:none;position:absolute;top: 22px;left:0;width:100%;height:245px;}
.book > ul > li.on > div{display:block}
.bookList > div{position:relative;width:83%;height: 223px;overflow:hidden; margin:0 auto;}
.bookList > div.btn{position: absolute;top: 24px;left: 0;width: 100%;height: 0;overflow: visible;}
.bookList > div > ul{position:absolute;top: 24px;left:0;width:200%;}
.bookList > div > ul > li{float:left;width: 13.75%;text-align:left;margin-bottom: 20px;transform: translateY(0);transition:transform 0.25s ease;}
.bookList > div > ul > li:hover{transform: translateY(-7px);}
.bookList > div > ul > li > a{position:relative;display:block;width:102px;height:221px}
.bookList > div > ul > li:first-child{border:none}
.bookList > div > ul > li span.bookImg{display:block;padding:1px 6px 1px 1px;}
.bookList > div > ul > li:first-child span.bookImg{}
.bookList > div > ul > li span.bookImg img{overflow:hidden;width:102px;height:144px;position:relative;top:0;left:0}
.bookList > div > ul > li span{display:block}
.bookList > div > ul > li a:hover span span{text-decoration: underline}
.bookList > div > ul > li span.bookTitle{width:102px;text-align:center}
.bookList > div > ul > li span.bookTitle span{display:block;margin-top: 1px;font-family:NotoSans,sans-serif;font-size:13px;line-height:18px;color: #acacac;letter-spacing:-0.6px;word-wrap:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bookList > div > ul > li span.bookTitle span:first-child{margin-top: 17px;color:#585858;font-size:14px;}
.bookList > div > ul > li a:hover span.bookTitle{text-decoration: underline}
.bookList > div > ul > li > a:hover span.bookHoverWrap, .bookList > div > ul > li > a:focus span.bookHoverWrap, .bookList > div > ul > li > a:active span.bookHoverWrap{visibility:visible;opacity:1;transform:translateY(0)}
.book .btn a{position:absolute;display:block;top: 58px;z-index:10;width: 36px;height: 36px;}
.book .btn a img{width:36px;height:36px;}
.book .btn a.prev{left: 0;}
.book .btn a.next{right: 0;}
.book > ul > li > p.more{display:none;position:absolute !important;top: 0px;right: 0;left: auto;width: auto;height: auto;}
.book > ul > li.on > p.more{display:block}

.quick{position:relative; height:71px; }
.quick > ul{font-size: 0;}
.quick > ul > li{display:inline-block;}
.quick > ul > li.on > a{position:relative;color:#000;}
.quick > ul > li > div.quickList{display:none;position:absolute;top:7px;left:0;width:100%;height:71px;}
.quick > ul > li.on > div{display:block}
.quickList > div{position:relative;width:calc(100% - 80px);height:71px;overflow:hidden; margin:0 auto;}
.quickList > div.btn{position: absolute;top:0;left: 0;width:100%;height: 0;overflow: visible;}
.quickList > div > ul{position:absolute;top: 0;left:0;width:100%;}
.quickList > div > ul > li{float:left;width: 12.5%;text-align:left;margin-top: 7px;transform: translateY(0);transition:transform 0.25s ease;}
.quickList > div > ul > li:hover{transform: translateY(-7px);}
.quick .btn a{position:absolute;display:block;top: 17px;z-index:10;width: 36px;height: 36px;}
.quick .btn a img{width:36px;height:36px;}
.quick .btn a.prev{left: 0;}
.quick .btn a.next{right: 0;}
.quick > ul > li > p.more{display:none;position:absolute !important;top: 0px;right: 0;left: auto;width: auto;height: auto;}
.quick > ul > li.on > p.more{display:block}

.main1 {display:block; width:100%; height:71px; position:relative; margin:0; margin-top:141px;}
.qbanner {display:block; width:1000px; height:71px; position:relative; margin:0 auto;}

.main2 {display:block; width:100%; height:284px; position:relative; margin:0; margin-top:30px;}
.c_zone1 {display:block; width:1000px; height:284px; position:relative; margin:0 auto; }

.main2 .c_zone1 .eventZone{display:inline-block; width: 300px; height: 284px;}
.main2 .c_zone1 .eventZone .eventImageW{width: 100%; height: 100%;}
.main2 .c_zone1 .eventZone .eventImageW .slick-list{height: 100%;}
.main2 .c_zone1 .eventZone .eventImageW .slick-track{height: 100%;}
.main2 .c_zone1 .eventZone .eventImageW .slick-slide > div{width: 100%; height: 100%;}
.main2 .c_zone1 .eventZone .eventImageW li a{display: block; width: 100%; height: 100%;}
.main2 .c_zone1 .eventZone .eventImageW li a img{width: 100%; height: 100%;}
.main2 .c_zone1 .eventZone .slick-dots{position: absolute; right: 0; bottom: 0;  height:45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;  -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; box-sizing: border-box; z-index: 1;}
.main2 .c_zone1 .eventZone .slick-dots::after{content: ""; display: block; width: 1px; height: 15px; background-color: #a8b7c2; position: absolute; right: 43px; top: 15px; opacity: 0.5;}
.main2 .c_zone1 .slick-dots li{border: 2px solid #aebcc6; border-radius: 50%; width: 9px; height: 9px; cursor: pointer; margin-right: 4px;}
.main2 .c_zone1 .eventZone .slick-dots button{text-indent: -9999px; border: none; width: 100%; height: 100%; background-color: transparent; cursor: pointer;}
.main2 .c_zone1 .eventZone .slick-dots li.slick-active{background-color: #a9b8c3;}

.main2 .c_zone1 .noticeZone{display:inline-block; width:360px;height: 224px;background:#f4f4f4; padding:30px 20px;}
.tboard{width:360px;height:160px;margin:10px 0 22px 0;}  
.tboard li.btext{float:left; width:73%; height:32px;line-height:32px; overflow:hidden;}
.tboard li.bdate{float:left; width:27%; height:32px;line-height:32px;}

.main2 .c_zone1 .calZone{display:inline-block; width: 300px; height: 284px;}
.caltit {width:100%;height:28px;line-heigh:28px;border-bottom:2px solid #DCDCDC;}
.caltit ul li.caltitbtn {float:left;width:10%;line-height:28px;text-align:center;font-weight:700;font-size:18px;color:#000;}
.caltit ul li.caltitmonth {float:left;width:80%;line-height:28px;text-align:center;font-weight:700;font-size:18px;color:#000;}

.caninfo {width:100%; height:30px; line-height:30px;border-bottom:1px solid #DCDCDC;}

.calbody {width:90%;height:223px;margin:0 5% 0 5%;border-bottom:1px solid #DCDCDC; }
.calgrid {  padding: 0; margin: 0; display: table-cell; flex-wrap: wrap;}
.calgrid li {float:left; width: calc((100% / 7) - 4px); height: 26px; margin : 2px; box-sizing: border-box; padding: 5px; cursor: pointer; position: relative; text-align:center;}

.calgrid li.calhead { height: 30px; background: #ffffff; font-weight: bold; text-align: center; line-height: 25px; cursor: default; }
.calgrid li:nth-child(7n+1) { color: red; } 
.calgrid li:nth-child(7n) { color: blue; }   
.calgrid li.calinfo { width: calc((100% / 7) - 4px); height: 24px; margin : 2px; box-sizing: border-box; padding: 5px; cursor: pointer; position: relative; text-align:center; border-radius: 5px;color:#ff0000;}
.calevent {background:#B2EBF2;}
.caldayoff {background:#F9DADA;}

.main3 {display:block; width:100%; height:245px; position:relative; margin:0; margin-top:30px;}
.c_zone2 {display:block; width:1000px; height:245px; position:relative; margin:0 auto; }

.main3 .c_zone2 .infoZone{float:left; width: 300px; height: 235px;}
.main3 .c_zone2 .infoZone .tit{float:left; width: 300px; height: 39px; line-height:39px;}
.main3 .c_zone2 .infoZone .con{float:left; width: 300px; height: 196px;}

.main3 .c_zone2 .bookZone{float:left; width: 680px; height: 245px; margin-left:20px;}

.main4 {display:block; width:100%; height:65px; position:relative; margin:30px 0 0 0; background:#f4f4f4;}
.qbanner2 {display:block; width:1000px; height:65px; position:relative; margin:0 auto;}

.quick2{position:relative; height:65px;}
.quick2 > ul{font-size: 0;}
.quick2 > ul > li{display:inline-block;}
.quick2 > ul > li.on > a{position:relative;color:#000;}
.quick2 > ul > li > div.quickList2{display:none;position:absolute;top:0;left:0;width:100%;height:65px;}
.quick2 > ul > li.on > div{display:block}
.quickList2 > div{position:relative;width:calc(100% - 72px);height:65px;overflow:hidden; margin:0 auto;}
.quickList2 > div.btn{position: absolute;top:0;left: 0;width:100%;height: 0;overflow: visible;}
.quickList2 > div > ul{position:absolute;top: 0;left:0;width:100%;}
.quickList2 > div > ul > li{float:left;width: 25%;text-align:left;margin-top: 0;transform: translateY(0);transition:transform 0.25s ease;}
.quick2 .btn a{position:absolute;display:block;top: 0;z-index:10;width: 36px;height: 36px;}
.quick2 .btn a img{width:36px;height:65px;}
.quick2 .btn a.prev{left: 0;}
.quick2 .btn a.next{right: 0;}
.quick2 > ul > li > p.more{display:none;position:absolute !important;top: 0px;right: 0;left: auto;width: auto;height: auto;}
.quick2 > ul > li.on > p.more{display:block}


.tub_ts {float:left; width:21%; height:200px; padding:2%;}
.tub_ts .linetxt {height:20px; line-height:20px; overflow:hidden;}
.tub_ts .linetxt_2 {height:40px; line-height:20px; overflow:hidden;}

.kogl_box {display: table;width: calc(100% - 42px); }
.kogl_box .img_wrap {display: table-cell;vertical-align: middle;text-align: center;}
.kogl_box .kogl_info {display: table-cell; width: 45rem; background: var(--secondary-5); border-radius: .5rem; padding: 2rem;}
.kogl_info li {padding: 1rem 0;}
.kogl_info li ~ li {border-top: 1px dashed var(--gray-20);}
.kogl_info li strong {display: inline-block;vertical-align: middle; background: var(--gray-0); text-align: center; padding: .5rem; border-radius: 3px; width: 10rem; margin-right: 1rem;}
.kogl_info li a {display: block;background-color: #00539f;padding: .5rem; border-radius: 3px; width: 95%;margin: 1.5rem 0; color: #fff; font-weight: bold;}
.kogl_info li p {display: inline-block;vertical-align: middle;}
.kogl_info::after {display: block; content: ''; clear: both;}

.point_cr4 {
  color: #007c8e !important;
}

@media screen and (max-width:1300px){
	#divSearch > div .searchForm{float: none;}
	#divSearch > div{position: relative;width: auto;padding-left: 0;margin:0 20px;}
	.searchWrap{position: relative;height:327px; top:0;}
	.main1 {display:block; width:100%; height:71px; position:relative; margin:0; margin-top:141px;}
	.qbanner {display:block; width:1000px; height:71px; position:relative; margin:0 auto;}
}

@media screen and (max-width: 1024px){
	.searchWrap{position: relative;height:327px; top:0;}
	.main1 {display:block; width:100%; height:71px; position:relative; margin:0; margin-top:10px;}
	.qbanner {display:block; width:1000px; height:71px; position:relative; margin:0 auto;}
	
    .main2 .c_zone1{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
    .main2 .eventZone{position: relative; right: 0; width: calc(50% - 30px);}
    .scroll{display: none;}
}

@media screen and (min-width: 641px){
	.searchWrap{position: relative;height:327px; top:131px;}
	.main1 {display:block; width:100%; height:71px; position:relative; margin:0; margin-top:141px;}
	.qbanner {display:block; width:1000px; height:71px; position:relative; margin:0 auto;}
}
@media screen and (max-width: 1340px){
	.searchWrap{position: relative;height:327px; top:131px;}
	.main1 {display:block; width:100%; height:71px; position:relative; margin:0; margin-top:141px;}
	.qbanner {display:block; width:1000px; height:71px; position:relative; margin:0 auto;}
}

@media screen and (min-width: 1024px) and (max-width: 1340px) {
	.searchWrap{position: relative;height:327px; top:111px;}
	.main1 {display:block; width:100%; height:71px; position:relative; margin:0; margin-top:121px;}
	.qbanner {display:block; width:1000px; height:71px; position:relative; margin:0 auto;}
}
@media screen and (max-width: 1200px){
	.searchWrap{position: relative;height:327px; top:111px;}
	.main1 {display:block; width:100%; height:71px; position:relative; margin:0; margin-top:121px;}
	.qbanner {display:block; width:1000px; height:71px; position:relative; margin:0 auto;}
}
@media screen and (max-width: 1024px){
	.searchWrap{position: relative;height:327px; top:0;}
	.main1 {display:block; width:100%; height:71px; position:relative; margin:0; margin-top:10px;}
	.qbanner {display:block; width:100%; height:71px; position:relative; margin:0 auto;}
	
	.quick{position:relative; height:71px; }
	.quick > ul{font-size: 0;}
	.quick > ul > li{display:inline-block;}
	.quick > ul > li.on > a{position:relative;color:#000;}
	.quick > ul > li > div.quickList{display:none;position:absolute;top:7px;left:5%;width:90%;height:71px;}
	.quick > ul > li.on > div{display:block}
	
	.quickList > div{position:relative;width:calc(100% - 80px);height:71px;overflow:hidden; margin:0 auto;}
	.quickList > div > ul > li{float:left;width: 20%;text-align:center;margin-top: 7px;transform: translateY(0);transition:transform 0.25s ease;}
	
	#divSearch > div .searchForm > ul > li{float:left;width: 25%;text-align: center;}
}
@media screen and (max-width: 640px){
	.searchWrap{position: relative;height:327px; top:0;}
	.main1 {display:block; width:100%; height:71px; position:relative; margin:0; margin-top:10px;}
	
	.qbanner {display:block; width:100%; height:71px; position:relative; margin:0 auto;}
	
	.quick{position:relative; height:71px; }
	.quick > ul{font-size: 0;}
	.quick > ul > li{display:inline-block;}
	.quick > ul > li.on > a{position:relative;color:#000;}
	.quick > ul > li > div.quickList{display:none;position:absolute;top:7px;left:5%;width:90%;height:71px;}
	.quick > ul > li.on > div{display:block}
	
	.quickList > div{position:relative;width:calc(100% - 80px);height:71px;overflow:hidden; margin:0 auto;}
	.quickList > div > ul > li{float:left;width: 33.3%;text-align:center;margin-top: 7px;transform: translateY(0);transition:transform 0.25s ease;}
	
	#divSearch > div .searchForm > ul > li{float:left;width: 25%;text-align: center;}
	
}