@charset "utf-8";
/*
=========================================================================================================================================================================================
//////////////        미르넷 웹코딩 3.0 작성자 : 김은미 대리    ////////////////////////
=============  코딩 CSS.3.0. HTML.5.0. 크롬최적화 익스 11. 최적화 ================
//////////////           2024.03.07. CSS Document           ///////////////////////
=========================================================================================================================================================================================
*/

/*웹페이지 서브 컨텐츠 레이아웃 2024.02.27. 최신*/

/* svisual */
#svisual-wrap {position: relative;display: block;width:100%;top: 0;height: 280px;transition: all .2s ease;z-index: 20;overflow: hidden;}
#svisual-wrap:before{content:'';position: absolute;display: block;width: 1920px;left: 50%;top: 0px;opacity: 1;height: 280px;margin-left: -960px;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;transition: all .3s ease;z-index: -2;}

@keyframes animate_background {	
	0% {margin-top:0}	
	50%  {margin-top:40px}	
	100% {margin-top:0}
}
@media all and (max-width:999px){
	@keyframes animate_background {	
	    0% {margin-top:0}	
	    50%  {margin-top:-40px}	
	    100% {margin-top:0}
	}
}
.sub01 #svisual-wrap:before{content:'';background: url(/park/_Img/sub-img/sub-visual01.jpg)no-repeat center -90px;animation: animate_background 4.3s linear;}
.sub02 #svisual-wrap:before{content:'';background: url(/park/_Img/sub-img/sub-visual01.jpg)no-repeat;background-size: cover;background-position: center center;animation: animate_background 4.3s linear;}
.sub03 #svisual-wrap:before{content:'';background: url(/park/_Img/sub-img/sub-visual02-02.jpg)no-repeat center -90px;animation: animate_background 4.3s linear;}
.sub04 #svisual-wrap:before{content:'';background: url(/park/_Img/sub-img/sub-visual02-03.jpg)no-repeat center -90px;animation: animate_background 4.3s linear;}
.sub05 #svisual-wrap:before{content:'';background: url(/park/_Img/sub-img/sub-visual05.jpg)no-repeat center -90px;animation: animate_background 4.3s linear;}
.sub06 #svisual-wrap:before{content:'';background: url(/park/_Img/sub-img/sub-visual02-05.jpg)no-repeat center -90px;animation: animate_background 4.3s linear;}
.sub07 #svisual-wrap:before{content:'';background: url(/park/_Img/sub-img/sub-visual02-07.jpg)no-repeat center -90px;animation: animate_background 4.3s linear;}

.sub08 #svisual-wrap:before{content:'';background: url(/park/_Img/sub-img/sub-visual01.jpg)no-repeat 0px -90px;animation: animate_background 4.3s linear;}
.sub09 #svisual-wrap:before{content:'';background: url(/park/_Img/sub-img/sub-visual01.jpg)no-repeat 0px -90px;animation: animate_background 4.3s linear;}
.sub010 #svisual-wrap:before{content:'';background: url(/park/_Img/sub-img/sub-visual01.jpg)no-repeat 0px -90px;animation: animate_background 4.3s linear;}
.sub011 #svisual-wrap:before{content:'';background: url(/park/_Img/sub-img/sub-visual01.jpg)no-repeat 0px -90px;animation: animate_background 4.3s linear;}

#svisual-wrap:after{content:'';position: absolute;display: block;width: 1920px;left: 50%;top: 40px;opacity: 1;height: 240px;margin-left: -960px;background: rgba(0, 0, 0, .4);transition: all .3s ease;z-index: -1;}

/*header-fix*/
.header-fix #svisual-wrap:before{content:'';position: absolute;display: block;width: 1920px;left: 50%;top: -60px;opacity: 1;height: 280px;margin-left: -960px;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;transition: all .3s ease;z-index: -2;}
.header-fix #svisual-wrap:after{content:'';position: absolute;display: block;width: 1920px;left: 50%;top: -20px;opacity: 1;height: 240px;margin-left: -960px;background: rgba(0, 0, 0, .4);transition: all .3s ease;z-index: -1;}
.header-fix #svisual-wrap {position: fixed;display: block;width:100%;top: 0;height: 80px;overflow: hidden;z-index: 20;transition: all .3s ease;}
.header-fix .sub01 #svisual-wrap:before{content:'';background: url(/park/_Img/sub-img/sub-visual01.jpg)no-repeat 0px -90px;animation: animate_background 4.3s linear;}


@media all and (max-width:999px){
#svisual-wrap {height: 140px;padding-top: 0;z-index: 0;}
#svisual-wrap:before{opacity: 1;top: 0px;height: 370px;}
.header-fix #svisual-wrap:before{content:'';z-index: -25;position: absolute;display: block;width: 1920px;left: 50%;top: 40px;opacity: 1;height: 80px;margin-left: -960px;}
#svisual-wrap:after{content:'';position: absolute;display: block;width: 1920px;left: 50%;top: 0;opacity: 1;height: 240px;margin-left: -960px;background: rgba(0, 0, 0, .4);transition: all .3s ease;z-index: -1;}
}

@media all and (max-width:780px){
#svisual-wrap {height: 120px;padding-top: 0;z-index: 0;}	
.sub01 #svisual-wrap:before{content:'';left: 0;top: 0;width: 100%;height: 135px;margin-left: 0;/* background-size: cover; */z-index: 0;}
.sub02 #svisual-wrap:before{content:'';left: 0;top: 0px;width: 100%;height: 180px;margin-left: 0;z-index: -2;}
.sub03 #svisual-wrap:before{content:'';left: 0;top: 0px;width: 100%;height: 121px;margin-left: 0;z-index: 0;background-size: 180%;}
.sub04 #svisual-wrap:before{content:'';left: 0;top: 0;width: 100%;height: 120px;margin-left: 0;background-size: 150%;z-index: 0;}
#svisual-wrap:after{content:'';position: absolute;display: block;width: 100%;left: 0;top: 0;opacity: 1;height: 120px;margin-left: 0;background: rgba(0, 0, 0, .4);transition: all .3s ease;z-index: -1;}
}
@media all and (max-width:560px){
#svisual-wrap:after{content:'';position: absolute;display: block;width: 100%;left: 0;top: 0;opacity: 1;height: 120px;margin-left: 0;background: rgba(0, 0, 0, .4);transition: all .3s ease;z-index: -1;}
}

/*2021.09.09 관광자료*/
.isSub .Img-Box1{position: relative;display: block;box-sizing: border-box;}
.isSub .Img-Box1>.imgbx{position: relative;display: block;padding: 40px 0;margin: 0;box-sizing: border-box;text-align: center;opacity: 1;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;}
.isSub .Img-Box1>.imgbx>img{max-width: 100%;height: auto;}


.tour-infoBx{position: relative;display: block;padding: 20px 25px;margin: 0 0 40px;text-align: center;opacity: 1;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;}
.tour-infoBx .Tour-uL{position: relative;display: block;box-sizing: border-box;font-size: 0;padding: 0;border: 1px solid #cacaca;border-top: 4px solid #b60014;}
.tour-infoBx .Tour-uL>li{position: relative;display: inline-block;padding: 20px 0;text-align: center;border-right: 1px solid #cacaca;vertical-align: top;}
.tour-infoBx .Tour-uL.col-02>li{position: relative;display: inline-block;width: 50%;}
.tour-infoBx .Tour-uL.col-03>li{width: 33.3333333%;}
.tour-infoBx .Tour-uL.col-04>li{position: relative;}
.tour-infoBx .Tour-uL>li:last-child{border-right: 0px solid #333;}
.tour-infoBx .Tour-uL>li>i{position: relative;display: inline-block;font-size: 20px;top: 2px;margin-right: 7px;}
.tour-infoBx .Tour-uL>li>span{position: relative;font-size: 17px;letter-spacing: -1.5px;}
.tour-infoBx .Tour-uL>li>.Titsp{position: relative;}
.tour-infoBx .Tour-uL>li>.Txtsp{position: relative;}

.Txt-Box{position: relative;display: block;padding: 35px;margin: 0 0 40px;}
.Txt-Box.style01{position: relative;opacity: 1;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;}
.Txt-Box.style01:before{content:'';position: absolute;display: block;top: 0;left: 0;width: 200px;height: 5px;background: #b60014;}
.Txt-Box.style01:after{content:'';position: absolute;display: block;top: 0;left: 0;width: 5px;height: 100%;background: #b60014;}
.Txt-Box .innr-Bx{position: relative;display: block;box-sizing: border-box;word-break: break-all;line-height: 30px;}
.Txt-Box .innr-Bx>.Txtbx{position: relative;display: block;font-size: 1.125em;letter-spacing: -1px;line-height: 35px;}
.Txt-Box .innr-Bx>.Txt-titsp{position: relative;}
.Txt-Box .innr-Bx>.Txt-titsp{position: relative;display: block;font-size: 25px;letter-spacing: -1.5px;margin-bottom: 10px;}
.Txt-Box .innr-Bx .color01{position: relative;color: #006835;}
.Txt-Box .innr-Bx .color02{position: relative;}
.Txt-Box .innr-Bx .Txtbx .Txtsp01{position: relative;display: block;font-size: 25px;letter-spacing: -1px;margin-top: 21px;}

.Txtd01{position: relative;display: block;text-align: center;font-size: 20px;}
.Txtd02{position: relative;display: block;text-align: center;font-size: 27px;letter-spacing: -2px;font-weight: 600;color: #0d6fb8;}

@media all and (max-width:999px) {
.tour-infoBx .Tour-uL.col-02>li{position: relative;}
.tour-infoBx .Tour-uL.col-03>li{ width: 100%; border-right: 0px solid #cacaca; border-bottom: 1px solid #cacaca; }
.tour-infoBx .Tour-uL.col-04>li{position: relative;}
.tour-infoBx{position: relative;display: block;padding: 20px 25px;margin: 0 0 40px;text-align: center;opacity: 1;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: cover;}
}

@media all and (max-width:530px) {
.Txtd02{font-size: 20px;}
.tour-infoBx{position: relative;display: block;padding: 20px 25px;margin: 0 0 40px;text-align: center;background: url(/euiyeol/_Img/main-img/mnSc04-01Bg.jpg) no-repeat 50% 50% fixed;opacity: 1;background-size: cover;}
.isSub .Img-Box1>.imgbx{position: relative;display: block;padding: 40px 0;margin: 0;box-sizing: border-box;text-align: center;opacity: 1;background-size: cover;}
.tour-infoBx .Tour-uL>li>i{position: relative;display: inline-block;font-size: 20px;top: 2px;margin-right: 7px;}
.tour-infoBx .Tour-uL>li>span{position: relative;font-size: 14px;letter-spacing: -1.5px;}
}

.Map-box{position: relative;}
.Map-box:before{content:'';z-index: 10;position: absolute;display: block;top: 0;left: 0;width: 200px;height: 5px;background: #006835;}
.Map-box:after{content:'';z-index: 10;position: absolute;display: block;top: 0;left: 0;width: 5px;height: 100%;background: #006835;}
.Map-box .kakao-mapBx{position: relative;display: block;padding: 0;height: 400px;overflow: hidden;border-bottom: 1px solid #dad8d1;box-sizing: border-box;}
.Map-box .kakao-mapBx .kakao-map{position: relative;width: 100% !important;}
.root_daum_roughmap .wrap_map{position: relative;}
.Map-box{position: relative;display: block;box-sizing: border-box;}
.Map-box .kakao-Find{z-index: 10;position: absolute;display: inline-block;bottom: 15px;left: 20px;padding: 15px 30px;margin: 0;box-sizing: border-box;background: rgb(0 0 0 / 72%);}
.Map-box .kakao-Find>a{position: relative;display: inline-block;color: #fff;}




/*2021.09.10 주변먹거리 리스트*/
.List-Bx{position: relative;display: block;box-sizing: border-box;}
.List-Bx .List-uL1{position: relative;display: block;box-sizing: border-box;font-size: 0;border-top: 4px solid #006835;}
.List-Bx .List-uL1>li{position: relative;display: inline-block;width: 50%;padding: 10px 0;border: 1px solid #d8d7d7;border-width: 0 0 1px 0;vertical-align: top;}
.List-Bx .List-uL1 .Lis1-Bx{position: relative;display: block;min-height: 220px;box-sizing: border-box;}
.List-Bx .List-uL1 .Lis1-Bx .Imgbx{position: absolute;display: block;top: 0;left: 0;width: 270px;height: 220px;background: #333;}
.List-Bx .List-uL1 .Lis1-Bx .Imgbx:before{content:'';position: absolute;display: block;top: 50%;left: 50%;width: 115px;height: 113px;margin-top: -55px;margin-left: -55px;background-position: -391px -120px;}
.List-Bx .List-uL1 .Lis1-Bx .Txt-bx{position: relative;display: block;margin-left: 284px;margin-top: 0px;padding-top: 20px;}
.List-Bx .List-uL1 .Lis1-Bx .Txt-bx>h3{position: relative;font-size: 19px;}
.List-Bx .List-uL1 .Lis1-Bx .Txt-bx>ul.c-list02 li{position: relative;font-size: 17px;}

@media all and (max-width:1140px) {
.List-Bx .List-uL1>li{position: relative;display: inline-block;width: 50%;padding: 10px 10px;border: 1px solid #d8d7d7;border-width: 0 0 1px 0;vertical-align: top;}
.List-Bx .List-uL1 .Lis1-Bx{position: relative;display: block;min-height: 220px;box-sizing: border-box;border: 1px solid #333;}
.List-Bx .List-uL1 .Lis1-Bx .Imgbx{position: relative;display: block;top: 0;left: 0;width: 90%;min-height: 280px;background: #333;margin: 20px auto;margin-bottom: 20px;}
.List-Bx .List-uL1 .Lis1-Bx .Imgbx:before{content:'';position: absolute;display: block;top: 50%;left: 50%;width: 115px;height: 113px;margin-top: -55px;margin-left: -55px;}
.List-Bx .List-uL1 .Lis1-Bx .Txt-bx{position: relative;display: block;margin-left: 0;margin-top: 0px;padding-top: 20px;padding: 0 10px;}
}
@media all and (max-width:850px) {
.List-Bx .List-uL1>li{position: relative;display: inline-block;width: 100%;padding: 10px 30px;border: 1px solid #d8d7d7;border-width: 0 0 1px 0;vertical-align: top;}
.List-Bx .List-uL1 .Lis1-Bx{position: relative;display: block;min-height: 220px;box-sizing: border-box;border: 1px solid #333;}
.List-Bx .List-uL1 .Lis1-Bx .Imgbx{position: relative;display: block;top: 0;left: 0;width: 90%;min-height: 400px;background: #333;margin: 20px auto;margin-bottom: 20px;}
.List-Bx .List-uL1 .Lis1-Bx .Imgbx:before{content:'';position: absolute;display: block;top: 50%;left: 50%;width: 115px;height: 113px;margin-top: -55px;margin-left: -55px;}
.List-Bx .List-uL1 .Lis1-Bx .Txt-bx{position: relative;display: block;margin-left: 0;margin-top: 0px;padding-top: 20px;padding: 0 10px;}
}
@media all and (max-width:850px) {
.List-Bx .List-uL1 .Lis1-Bx .Imgbx{position: relative;display: block;top: 0;left: 0;width: 90%;min-height: 240px;background: #333;margin: 20px auto;margin-bottom: 20px;}
}

/* 사이트맵 */
.sitemap-wrap {overflow:hidden;padding: 30px;}
.sitemap-list {position:relative;border-left:1px solid #fff;outline:0}
.sitemap-list .tit {display:block;position:absolute;width: 270px;height:100%;border-bottom: 1px solid #00539a;text-align:center;left:0;top:0;box-sizing:border-box;}
.sitemap-list .tit a {display:block;position:absolute;width:100%;color:#333;font-size: 24px;height:20px;top:50%;margin:-10px 0 0 0;color: #00539a;font-weight:bold;line-height:1;}
.sitemap-list .tit a span {display:inline-block;line-height:1}
.sitemap-list .depth2-list {display:block;width:auto;position:relative;padding:15px 0;border-bottom:1px solid #d0d0d0;margin: 0 0 0 300px;font-size:0;}
.sitemap-list .depth2-list a {word-break:keep-all;word-wrap:break-word}
.sitemap-list .depth2-list .depth2 {display:block;position:relative;overflow:hidden}
.sitemap-list .depth2-list .lm_l2 {display:inline-block;position:relative;vertical-align:top;width: 25%;margin:0 0 10px;}
.sitemap-list .depth2-list .lm_l2:before {content:"";display:block;position:absolute;width: 4px;height:500%;background:#ddd;left: 3px;top:0;z-index:1;}
.sitemap-list .depth2-list .lm_l2:hover .lm_a2:before {height:60%;top:14%;background:#005baa}
.sitemap-list .depth2-list .lm_l2:hover .lm_a2 {color:#005baa}
.sitemap-list .depth2-list .lm_a2 {position:relative;display:block;font-size: 18px;color: #506271;padding:5px 0;letter-spacing: -1.5px;line-height: 1.3;font-weight:bold;z-index:2;}
.sitemap-list .depth2-list .lm_a2:before {content:"";display:block;position:absolute;top: 14px;left: 0px;width: 10px;height: 10px;background:#aaa;border-radius:999px;transition:all .3s ease;}
.sitemap-list .depth2-list .lm_a2 span {display: inline-block;position:relative;margin:0 10px 0 15px;border-bottom:1px solid #ddd;padding:5px 0 10px;word-break: break-word;}
.sitemap-list .depth2-list .lm_a2 span:before {content:"";display:block;position:absolute;width:0;height:1px;left:0;bottom:-1px;background:#005baa;transition:all .3s ease}
.sitemap-list .depth2-list .lm_a2:hover,
.sitemap-list .depth2-list .lm_a2:focus {color:#005baa}
.sitemap-list .depth2-list .lm_a2:hover:before {background:#005baa}
.sitemap-list .depth2-list .lm_a2[target="_blank"] span:after {content:"";display:inline-block;width:15px;height:15px;background:url(/_contents/kor/_Img/Layout/topmenu_icon1.gif) no-repeat 0px 0px;margin:0 0 -2px 5px}
.sitemap-list .depth2-list .lm_l2:hover .lm_a2 span:before {width:100%}
.sitemap-list .depth2-list .depth3 {display:block;margin:5px 0}
.sitemap-list .depth2-list .lm_l3 {display:block;margin:0 0 7px 15px}
.sitemap-list .depth2-list .lm_l3:last-child {margin-bottom:0}
.sitemap-list .depth2-list .lm_a3 {display:inline-block;position:relative;color:#666;font-size: 16px;line-height:normal;letter-spacing:-.05em;}
.sitemap-list .depth2-list .lm_a3 span {display:inline-block;margin: 0 0 0 12px;vertical-align:middle;}
.sitemap-list .depth2-list .lm_a3:before {content:"";display:block;position:absolute;left:0;top: 14px;width: 6px;height:2px;background:#888;}
.sitemap-list .depth2-list .lm_a3:hover,
.sitemap-list .depth2-list .lm_a3:focus {color:#005baa}
.sitemap-list .depth2-list .lm_a3:hover:before,
.sitemap-list .depth2-list .lm_a3:focus:before {color:#005baa}
.sitemap-list .depth2-list .lm_a3[target="_blank"]:after {content:"";display:inline-block;vertical-align:middle;width:10px;height:10px;background:url(/_contents/kor/_Img/Layout/ico_win_sprite.png) no-repeat -20px 0px;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease}
.sitemap-list .depth2-list .lm_a3[target="_blank"]:hover:after {background-position:0px 0px}
.sitemap-list .depth2-list .depth4 {display:none;}
.sitemap-list:first-child .tit {border-top: 4px solid #00539a;}
.sitemap-list:first-child .depth2-list {border-top: 4px solid #00539a;}
@media all and (max-width:960px){
	.sitemap-list .tit {width:150px}
	.sitemap-list .tit a {font-size:20px;}
	.sitemap-list .tit:after {left:20%;}
	.sitemap-list .depth2-list {margin:0 0 0 160px}
	.sitemap-list .depth2-list .lm_a2 {letter-spacing:-.05em}
}
@media all and (max-width:870px) {
	.sitemap-list .depth2-list .lm_l2 {width:50%}
}
@media all and (max-width:600px) {
	.sitemap-wrap {margin:20px}
	.sitemap-list:first-child .tit {border-top:0}
	.sitemap-list:first-child .depth2-list {border-top:0}
	.sitemap-list .tit {position:relative;width:auto;height:auto;text-align:left;left:auto;top:auto}
	.sitemap-list .tit a {position:relative;top:auto;margin:0;padding:10px 0}
	.sitemap-list .depth2-list {border-bottom:0;margin:0}
}
@media all and (max-width:530px) {
	.sitemap-list .depth2-list .lm_l2 {width:100%}
}


/*상단아이콘퀵메뉴*/
.mquick-wr{position:relative;display: block;height: 155px;z-index: 20;box-sizing: border-box;}
.mquick-wr .qmenu-Bx{position: relative;display: block;bottom: 0;width: 100%;height: 155px;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;}
.mquick-wr .qm-uL{position:relative;display: block;width: 1300px;min-height: 150px;margin: 0 auto;font-size: 0;}
.mquick-wr .qm-uL>li{position:relative;display: inline-block;width: 8.9%;min-height: 130px;box-sizing: border-box;vertical-align: top;}
.mquick-wr .qm-uL>li:before{content:'';position: absolute;display: block;top: 45px;right: 0;width: 1px;height: 40px;background: rgb(255, 255, 255, 0.1);}
.mquick-wr .qm-uL>li:last-child:before{content:'';position: absolute;display: none;top: 50px;right: 0;width: 1px;height: 60px;background: rgba(255, 255, 255, 0.5);}
.mquick-wr .qm-uL>li a{position:relative;display: block;padding: 0;box-sizing: border-box;transition: all .3s ease;vertical-align: top;}
.mquick-wr .qm-uL>li a:hover{background: rgb(112, 121, 53, 0.5);}
.mquick-wr .qm-uL>li a .qm-bx{position:relative;display: block;min-height: 100px;box-sizing: border-box;}
.mquick-wr .qm-uL>li a:hover .qm-bx .ic-bx1{animation:buzz .75s linear 1}
.mquick-wr .qm-uL>li a .ic-Txt{position:relative;display: inline-block;width: 100%;margin: 105px auto 15px;font-size: 15px;letter-spacing: -0.5px;line-height: 30px;color: #fff;font-weight: 500;text-align: center;box-sizing: border-box;}
.mquick-wr .qm-uL>li a:hover .ic-Txt{text-shadow: 0 0 .1em, 0 0 .3em;}

.ser-wr .btn-prev, .ser-wr .btn-next{display:block;border:0;background:0;width:45px;height: 100%;position:absolute;top:0;}
.ser-wr .btn-prev {left:0}
.ser-wr .btn-next {right:0}
.ser-wr .btn-prev:before, .ser-wr .btn-next:before {display:block;content:"";width:10px;height:10px;border-left:1px solid #fff;border-bottom:1px solid #fff;position:absolute;top:50%;left:50%;margin-top: -3px;margin-left:-5px;z-index:2;}






















.ser-wr .btn-prev:before {transform:rotate(45deg);-ms-transform:rotate(45deg)}
.ser-wr .btn-next:before {transform:rotate(-135deg);-ms-transform:rotate(-135deg)}

.ser-wr  button:after {content:"";position:absolute;top:0;display:block;width:50px;height: 100%;z-index:1;}
.ser-wr .btn-prev:after {left:0;background: linear-gradient(to left, rgba(57, 59, 65, 0) 0, #494c27 50%);}
.ser-wr .btn-next:after {right:0;background: linear-gradient(to right, rgba(57, 59, 65, 0) 0, #494c27 50%);}
.ser-wr .btn-prev, 
.ser-wr .btn-next {display:none}
.ser-wr .ser-qm {position:relative;}
.ser-wr .ser-qm li {display:inline-block}


@media all and (max-width:1400px){
.ser-wr .btn-prev, 
.ser-wr .btn-next {display:block}
.ser-wr .ser-qm {position:relative;margin: 0 30px;}
}

@media all and (max-width:1300px){
.ser-wr .btn-prev, 
.ser-wr .btn-next {display:block}
}

@media all and (max-width:1200px){}
@media all and (max-width:1100px){}

@media all and (max-width:950px){
.mquick-wr .qm-uL{min-height: 100px;width: 1400px;}
.mquick-wr{position:relative;display: block;height: auto;z-index: 20;}
.mquick-wr .qmenu-Bx{position: relative;bottom: auto;/* min-height: 300px; */}
.mquick-wr .qm-uL>li{/* width: 16.66%; */min-height: 90px;}
.mquick-wr .qm-uL>li a{position:relative;display: block;padding: 0;transition: all .3s ease;}
.mquick-wr .qm-uL>li a .ic-Txt{font-size: 15px;line-height: 30px;}
.mquick-wr .qm-uL>li:last-child:before{content:'';position: absolute;display: block;top: 0;right: 0;width: 1px;height: 150px;background: rgba(255, 255, 255, 0.5);z-index: 5;}
.mquick-wr .qm-uL>li:before{content:'';position: absolute;display: block;top: 0;right: 0;width: 1px;height: 150px;background: rgba(255, 255, 255, 0.5);z-index: 5;}
.mquick-wr .qm-uL>li:after{content:'';position: absolute;display: block;bottom: 0;left: 0;width: 100%;height: 1px;background: rgba(255, 255, 255, 0.5);z-index: 5;}
}


@media all and (max-width:780px){
.mquick-wr{position:relative;display: block;height: auto;z-index: 20;}
.mquick-wr .qmenu-Bx{position: relative;bottom: auto;min-height: 121px;background: #8f965e;}
.mquick-wr .qm-uL>li{width: 9%;min-height: 145px;}
.mquick-wr .qm-uL>li a{position:relative;display: block;padding: 10px 0px 20px;transition: all .3s ease;}
.mquick-wr .qm-uL>li a .ic-Txt{margin: 0;font-size: 12px;line-height: 22px;}
.mquick-wr .qm-uL>li:after{content:'';position: absolute;display: block;left: 0;width: 100%;height: 1px;background: rgba(255, 255, 255, 0.5);z-index: 5;}
.mquick-wr .qm-uL>li:last-child:before{content:'';position: absolute;display: block;top: 0;right: 0;width: 1px;height: 121px;background: rgba(255, 255, 255, 0.5);z-index: 5;}
.mquick-wr .qm-uL>li:before{content:'';position: absolute;display: block;top: 0;right: 0;width: 1px;height: 100%;background: rgba(255, 255, 255, 0.5);z-index: 5;}
.mquick-wr .qm-uL>li:after{content:'';position: absolute;display: block;bottom: 0;left: 0;width: 100%;height: 1px;background: rgba(255, 255, 255, 0.5);z-index: 5;}
}

@media all and (max-width:600px){
.mquick-wr .qm-uL{min-height: 100px;width: 1270px;}
.mquick-wr{position:relative;display: block;height: auto;z-index: 20;}
.mquick-wr .qmenu-Bx{position: relative;bottom: auto;height: 133px;min-height: 135px;background: #8f965e;}
.mquick-wr .qm-uL>li{width: 115px;min-height: 120px;}
.mquick-wr .qm-uL>li a{position:relative;display: block;padding: 10px 0px 20px;transition: all .3s ease;}
.mquick-wr .qm-uL>li a .ic-Txt{margin: 0;font-size: 12px;line-height: 22px;}
.mquick-wr .qm-uL>li:after{content:'';position: absolute;display: block;left: 0;width: 100%;height: 1px;background: rgba(255, 255, 255, 0.5);z-index: 5;}
.mquick-wr .qm-uL>li:last-child:before{content:'';position: absolute;display: block;top: 0;right: 0;width: 1px;height: 121px;background: rgba(255, 255, 255, 0.5);z-index: 5;}
.mquick-wr .qm-uL>li:before{content:'';position: absolute;display: block;top: 0;right: 0;width: 1px;height: 100%;background: rgba(255, 255, 255, 0.5);z-index: 5;}
.mquick-wr .qm-uL>li:after{content:'';position: absolute;display: block;bottom: 0;left: 0;width: 100%;height: 1px;background: rgba(255, 255, 255, 0.5);z-index: 5;}
}

/*큰이미지박스처리*/
.Cl-imgbx{position:relative;display: block;min-height: auto;}
.Cl-imgbx .imgbx{position:relative;display: block;min-height: 279px;background: #c7c7c7;}
.Cl-imgbx .imgbx.noimg{position:relative;display: block;background: #333;}
.Cl-imgbx .imgbx.noimg:before{content:'';position:absolute;display: block;width: 114px;height: 112px;top: 50%;left: 50%;margin-top: -52px;margin-left: -58px;}



.re-bx{position:relative;display: block;border-radius: 50px 0;}
.re-bx{position: relative;opacity: 1;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;}
.re-bxBtn{position:relative;display: block;min-height: 400px;line-height: 400px;padding: 0;text-align: center;box-sizing: border-box;background: transparent;border-radius: 30px 0;overflow: hidden;}
.re-bxBtn:before{content:'';display:block;position: absolute;top: 16px;left: 50%;width: 526px;height: 165px;margin-left: -626px;background-position: -40px -961px;opacity: 0.2;z-index: 0;}
.re-bxBtn a{position:relative;display: inline-block;padding: 5px 50px 0;margin: 0 auto;text-align: center;line-height: 80px;background: #b60014;border-radius: 40px;z-index: 11;}
.re-bxBtn a span{position:relative;display: block;font-size: 40px;font-weight: 600;color: #fff;}
@media (max-width:999px) {
.re-bxBtn{position:relative;display: block;min-height: 200px;line-height: 200px;padding: 0;text-align: center;box-sizing: border-box;background: transparent;border-radius: 30px 0;overflow: hidden;}
.re-bxBtn:before{content:'';display:block;position: absolute;top: 16px;left: 50%;width: 526px;height: 165px;margin-left: -231px;background-position: -40px -961px;opacity: 0.2;z-index: 0;}
.re-bxBtn a{position:relative;display: inline-block;padding: 5px 50px 0;margin: 0 auto;text-align: center;line-height: 55px;background: #b60014;border-radius: 40px;z-index: 11;}
.re-bxBtn a span{position:relative;display: block;font-size: 25px;font-weight: 600;color: #fff;}
}

.jogi-Bx{position:relative;display: block;min-height: 600px;box-sizing: border-box;}
.jogi-Bx .jogbx01{position:relative;display: block;max-width: 145px;padding: 10px 20px;margin:  0 auto;font-size: 20px;background: #094e2c;text-align: center;border-radius: 10px 0 0 0;}
.jogi-Bx .jogbx01:before{content:'';position: absolute;display: block;top: 0;left: 50%;width: 1px;height: 422px;margin-left: -1px;background: #ababab;z-index: -1;}
.jogi-Bx .jogbx02{position:relative;display: block;max-width: 173px;padding: 10px 20px;margin: 25px auto;font-size: 20px;background: #0b3e64;text-align: center;border-radius: 10px 0 0 0;}
.jogi-Bx .jogbx02:before{content:'';position: absolute;display: block;top: 120px;left: 50%;width: 380px;height: 1px;margin-left: -190px;background: #ababab;z-index: -1;}
.jogi-Bx .jogbx03{position: absolute;display: block;top: 128px;left: 50%;width: 170px;padding: 10px 20px;margin: 40px auto;font-size: 20px;background: #0c5678;text-align: center;border-radius: 10px 0 0 0;margin-left: -300px;}
.jogi-Bx .jogbx04{position:relative;display: block;left: 50%;max-width: 170px;padding: 10px 20px;margin: 40px auto;font-size: 20px;background: #460053;text-align: center;border-radius: 10px 0 0 0;margin-left: 125px;}
.jogi-Bx .jogbx05{position:relative;display: block;left: 50%;max-width: 192px;padding: 10px 20px;margin: 90px auto;font-size: 20px;background: #006835;text-align: center;border-radius: 10px 0 0 0;margin-left: -99px;}
.jogi-Bx .jo-Tit{position:relative;display: inline-block;margin-right: 10px;color: #17c36e;}
.jogi-Bx .jo-name{position:relative;display: inline-block;color: #fff;}
.jogi-Bx .jo-Txt{position:relative;color: #fff;font-size: 16px;}

.jogi-Bx .jo-uL{position:relative;display: block;box-sizing: border-box;margin-bottom: 10px;}
.jogi-Bx .jo-uL>li{position:relative;display: block;text-align: center;box-sizing: border-box;}
.jogi-Bx .jogbx05 .jo-uL>li{position:relative;display: block;text-align: center;box-sizing: border-box;font-size: 17px;}
.jogi-Bx .jo-uL>li:nth-child(1){position:relative;font-size: 20px;padding-bottom: 5px;margin-bottom: 5px;border-bottom: 1px solid rgba(255, 255, 255, 0.4);}
.jogi-Bx .jo-uL>li .jo-Tit{position:relative;display: inline-block;margin-right: 10px;color: #17c36e;}
.jogi-Bx .jo-uL>li:nth-child(1) .jo-Tit{position:relative;display: inline-block;margin-right: 0;color: #17c36e;}
.jogi-Bx .jogbx05 .jo-uL>li .jo-Tit{position:relative;display: inline-block;margin-right: 10px;color: #17c36e;}

@media (max-width:999px) {
.jogi-Bx .jogbx03{position: relative;display: block;top: 0;left: 50%;width: 170px;padding: 10px 20px;margin: 40px auto;font-size: 20px;background: #0c5678;text-align: center;border-radius: 10px 0 0 0;margin-left: -85px;}
.jogi-Bx .jogbx04{position:relative;display: block;left: 50%;max-width: 170px;padding: 10px 20px;margin: 40px auto;font-size: 20px;background: #460053;text-align: center;border-radius: 10px 0 0 0;margin-left: -85px;}
.jogi-Bx .jogbx05{position:relative;display: block;left: 50%;max-width: 192px;padding: 10px 20px;margin: 0px auto;font-size: 20px;background: #006835;text-align: center;border-radius: 10px 0 0 0;margin-left: -99px;}
.jogi-Bx .jogbx01:before{content:'';position: absolute;display: block;top: 0;left: 50%;width: 1px;height: 654px;margin-left: -1px;background: #ababab;z-index: -1;}
.jogi-Bx .jogbx02:before{content:'';position: absolute;display: none;top: 120px;left: 50%;width: 380px;height: 1px;margin-left: -190px;background: #ababab;z-index: -1;}
}


.ci-imgBx{position:relative;display: block;box-sizing: border-box;}
.ci-imgBx .imgbx{position:relative;display: block;box-sizing: border-box;text-align: center;}
.ci-imgBx .imgbx>img{max-width: 100%;height: auto;}

.cont-Bx{position:relative;}
.cont-Bx .cont-uL{position:relative;display: block;box-sizing: border-box;}
.cont-Bx .cont-uL>li{position:relative;box-sizing: border-box;}
.cont-Bx .cont-uL>li .cont-Libx{position:relative;}
.cont-Bx .cont-uL>li .cont-Libx .cont-Tit{position:relative;}
.cont-Bx .cont-uL>li .cont-Libx .con-Imgbx{position: absolute;display: block;margin: 0 0 0 0;}
.cont-Bx .cont-uL>li .cont-Libx .con-Imgbx .imgbx{position:relative;}
.cont-Bx .cont-uL>li .cont-Libx .con-Imgbx .imgbx>img{position:relative;}
.cont-Bx .cont-uL>li .cont-Libx .con-Imgbx .imgbx.noimg{position:relative;display: block;width: 450px;min-height: 340px;background: #333;}
.cont-Bx .cont-uL>li .cont-Libx .con-mapbx{position:relative;display: block;margin-left: 470px;}
.cont-Bx .cont-uL>li .cont-Libx .con-mapbx .os_mac{position:relative;display: block;width: 100%;height: 341px;overflow: hidden;border-bottom: 1px solid #dad8d1;}

.cont-Bx .cont-uL.col4>li{position:relative;width: 25%;padding: 0 10px;}
.cont-Bx .cont-uL.col4>li .cont-LiBx{position:relative;display: block;padding: 3px;margin: 0;border-radius: 45px 0;box-sizing: border-box;}
.cont-Bx .cont-uL.col4>li .cont-LiBx:after{content:'';position: absolute;display: block;width: 100%;height: 100%;left: 0;top: 0;margin: 0;border: 3px solid #333;border-radius: 45px 0;box-sizing: border-box;}
.cont-Bx .cont-uL.col4>li .con-Titbx{position:relative;display: block;border-radius: 35px 0 0 0;}
.cont-Bx .cont-uL.col4>li:nth-child(1) .con-Titbx{background: #ef7100;}
.cont-Bx .cont-uL.col4>li:nth-child(2) .con-Titbx{background: #06562c;}
.cont-Bx .cont-uL.col4>li:nth-child(3) .con-Titbx{background: #139652;}
.cont-Bx .cont-uL.col4>li:nth-child(4) .con-Titbx{background: #789c2e;}
.cont-Bx .cont-uL.col4>li:nth-child(1) .cont-LiBx:after{border: 3px solid #ef7100;}
.cont-Bx .cont-uL.col4>li:nth-child(2) .cont-LiBx:after{border: 3px solid #06562c;}
.cont-Bx .cont-uL.col4>li:nth-child(3) .cont-LiBx:after{border: 3px solid #139652;}
.cont-Bx .cont-uL.col4>li:nth-child(4) .cont-LiBx:after{border: 3px solid #789c2e;}
.cont-Bx .cont-uL.col4>li .con-Titbx>span{position:relative;display: block;padding: 19px 0 10px;font-size: 25px;text-align: center;color: #fff;font-family: 'LeferiPoint-BlackA', sans-serif;}
.cont-Bx .cont-uL.col4>li .contxtFd{position:relative;display: block;padding: 0 20px 0 0;}
.cont-Bx .cont-uL.col4>li .iconBx{position:relative;display: block;width: 250px;height: 50px;margin: 0 auto;margin-bottom: 40px;}
.cont-Bx .cont-uL.col4>li .icon-Logo2{background: url(/park/_Img/sub-img/foot-logo.png)no-repeat -4px -68px;background-size: 100%;}
.cont-Bx .cont-uL.col4>li .icon-fa{position:relative;display: block;width: 100px;height: 100px;border-radius: 50%;text-align: center;margin: 0 auto;margin-bottom: 45px;}
.cont-Bx .cont-uL.col4>li .icon-fa>i{position:relative;display: inline-block;top: 27px;text-align: center;font-size: 48px;color: #fff;}
.cont-Bx .cont-uL.col4>li .icon-fa.icp01{background: #06562c;}
.cont-Bx .cont-uL.col4>li .icon-fa.icp02{background: #139652;}
.cont-Bx .cont-uL.col4>li .icon-fa.icp03{background: #789c2e;}
.cont-Bx .cont-uL.col4>li .c-list01 > li{position:relative;padding: 8px 0 8px 27px;line-height: 25px;margin:0;margin-top: 0;font-size: 18px;}
.cont-Bx .cont-uL.col4>li .c-list01 > li:before{content:"";display:block;position:absolute;width: 20px;height: 20px;border-radius:50%;border: 6px solid #106343;box-sizing:border-box;left: 2px;top: 8px;margin: 0 0 0;}
.cont-Bx .cont-uL.col4>li .c-list01 > li .tit {vertical-align:top;position:relative;display: block;padding:0 17px 0 0;margin:0 6px 0 0;font-size: 18px;}
.cont-Bx .cont-uL.col4>li .c-list01 > li .tit:after {content:"";display: none;position:absolute;width:8px;height:2px;background: #06562c;top:14px;right:0}
@media (max-width:999px) {

.cont-Bx .cont-uL.col4>li{position:relative;width: 100%;padding: 0 10px;margin-bottom: 21px;}	
}

/* 공공누리 관련 Div 2019.06.07 */
.opennuri_box {position:relative; overflow:hidden;}
.opennuri_box .opennuri_list {overflow:hidden;box-sizing: border-box;}
.opennuri_box .opennuri_list > li {float:left;width:48%;margin:1%;border:1px solid #ddd;background-color:#fff;overflow:hidden;box-sizing: border-box;}
.opennuri_box .opennuri_list > li > .mark {height:150px; padding:50px 0 0; text-align:center;}
.opennuri_box .opennuri_list > li > .mark img {height:85px;}
.opennuri_box .opennuri_list > li > .opennuri_info {padding:20px 20px; background-color:#f7f7f7; border-top:1px solid #ddd;}
.opennuri_box .opennuri_list > li > .opennuri_info .ml-ul01 {  margin:0; }

@media (max-width:650px) {
.opennuri_box {position:relative; overflow:hidden;}
.opennuri_box .opennuri_list {overflow:hidden;box-sizing: border-box;}
.opennuri_box .opennuri_list > li {float:none;width:auto;margin:1%;border:1px solid #ddd;background-color:#fff;overflow:hidden;box-sizing: border-box;}
.opennuri_box .opennuri_list > li > .mark {height:150px; padding:50px 0 0; text-align:center;}
.opennuri_box .opennuri_list > li > .mark img {height: auto;width: 90%;}
.opennuri_box .opennuri_list > li > .opennuri_info {padding:20px 20px; background-color:#f7f7f7; border-top:1px solid #ddd;}
.opennuri_box .opennuri_list > li > .opennuri_info .ml-ul01 {  margin:0; }
}


/* 사이트맵 */
.site-map{position:relative;}
.site-map .stMp-bx{position:relative;display: block;}
.site-map .stMp-bx>ul{position:relative;display: block;}
.site-map .stMp-bx>ul>li{position:relative;display: block;margin: 0;}
.site-map .stMp-bx>ul>li>a{position:relative;display: block;padding: 5px 0 5px 30px;margin: 0 0 5px;/* background: #eaeaea; */color: #0b5166;font-size: 17px;border-bottom: 1px solid #abd3d5;}
.site-map .stMp-bx>ul>li>a:before{content:"";display:block;position:absolute;width: 17px;height: 17px;border-radius:50%;border: 5px solid #0b5166;box-sizing:border-box;left: 5px;top: 8px;margin: 0 0 0;}
.site-map .stMp-bx>ul>li>ul{position:relative;display: block;padding: 15px;background: #b0e0e2;top: -5px;/* border-top: 1px solid #cecece; */border-bottom: 1px solid #cecece;}
.site-map .stMp-bx>ul>li>ul>li{position:relative;margin: 0;}
.site-map .stMp-bx>ul>li>ul>li>a{position:relative;display: block;padding: 5px 0 5px 30px;margin: 0 0 5px;color: #0b5166;font-size: 16px;letter-spacing: -1px;}
.site-map .stMp-bx>ul>li>ul>li>a:before{content:"";display:block;position:absolute;width: 7px;height: 7px;background: #0b746b;top: 12px;left: 15px;border-radius:50%;}



.padding{padding: 10px 5px;}
.col-lg-4{width: 20%;}
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {float: left;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, 
.col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, 
.col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, 
.col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}

/* 기본스타일 -Ul col2 */
.c-TuL{display: block;font-size: 0;vertical-align: top;}
.c-TuL li{display: block;vertical-align: top;max-width: 423px;margin-bottom: 30px;}
.c-tabx{position: relative;display: block;width: 100%;margin: 0;padding: 0px 0 40px;vertical-align: top;/* border: 1px solid #e3e3e3; */box-sizing: border-box;border-radius: 45px;background: #daf1f2;/* box-shadow: 7px 7px 15px rgba(0, 0, 0, .35); */}
.c-tabx .c-imgbx{position:relative;display: block;padding: 10px;text-align: center;background: #f1f1f1;}
.c-tabx .c-imgbx>img{max-width:100%;height:auto;}
.c-tabx .c-txtbx{position:relative;display: block;font-size: 16px;padding-top: 25px;padding: 25px 10px;}
.c-tabx .c-txtbx .c-sptxt{position:relative;display: block;font-size: 15px;line-height: 25px;padding: 0 27px;word-break: break-word;color: #8e8e8e;letter-spacing: -0.8px;}

.col-md-4 {width: 33.33333333%;}
.col-md-6{width: 50%;}
.col-lg-3{width: 33.3333%;display: inline-block;vertical-align: top;}
.col-lg-4{width: 25%;display: inline-block;vertical-align: top;}

.padding{padding: 10px 5px;}

@media (max-width:999px) {
.col-lg-3{width: 100%;display: inline-block;vertical-align: top;}
.c-TuL li{display: block;vertical-align: top;margin: 0 auto 30px;}
}

/* 찾아오시는길// */
.kakaoMap{position:relative;display: block;box-sizing: border-box;}
.kakaoMap .kamap{position:relative;display: block;box-sizing: border-box;overflow: hidden;max-height: 620px;border: 2px solid #69583b;}
.kakaoMap .kamap .ka-mapU{position:relative;display: block;width: 100%;height: 600px;box-sizing: border-box;}
.kakaoMap .kamap-txtBx{position: relative;display: block;padding: 30px 50px 25px;/* border-radius: 50px; */background: #b1a288;top: 0;bottom: auto;margin-top: 15px;left: 0;z-index: 10;}
.kakaoMap .kamap-tit{position:relative;display: block;padding: 0;line-height: 30px;font-size: 30px;font-family: 'welcome_Bold';color: #fff;}
.kakaoMap .kamap-txt{position:relative;color: #fff;font-size: 20px;}
.kakaoMap .kamap-txtBx a{position: absolute;display: inline-block;top: 24px;left: 495px;color: #fff;padding: 10px 30px;font-size: 20px;border-radius: 50px;background: #6f3621;margin-top: 10px;}

.down-btnBx{position:relative;display: block;margin: 20px 0;}



/* 테라피 프로그램안내 */
.prgmbx{position:relative;display: block;box-sizing: border-box;display: block;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin-bottom: 10px;padding: 10px 0;}
.prgmbx.top{position:relative;border-top: 3px solid #0b746b;}
.prgmbx .pr-ul{position:relative;display: block;box-sizing: border-box;font-size: 0;}
.prgmbx .pr-ul>li{position:relative;display: inline-block;width: 58%;vertical-align: top;padding: 0 0 0 20px;}
.prgmbx .pr-ul>li:first-child{position:relative;display: inline-block;width: 40%;padding: 0;}
.prgmbx .pr-ul>li .imh-pic{position:relative;display: block;height: 230px;background: #fff;text-align: center;}
.prgmbx .pr-ul>li .imh-pic .img-no{position: absolute;color: #919191;font-size: 18px;top: 50%;left: 50%;margin-top: -15px;margin-left: -45px;}
.prgmbx .pr-ul>li .imh-pic>img{position:relative;}
.prgmbx .pr-ul>li .txt-Box{position:relative;display: block;box-sizing: border-box;padding-top: 30px;}
.prgmbx .pr-ul>li .txt-Box .h3np{position:relative;display: block;font-size: 25px;}
.prgmbx .pr-ul>li .txt-Box .txtsp{position:relative;display: block;font-size: 18px;line-height: 20px;}

@media (max-width:999px){
.prgmbx .pr-ul>li{position:relative;display: inline-block;width: 70%;vertical-align: top;padding: 0 0 0 20px;}
.prgmbx .pr-ul>li:first-child{position:relative;display: block;width: 100%;padding: 25px;}
}



/* 영상콘텐츠 */
.utb-bx{position:relative;display: block;box-sizing: border-box;background: #fff;padding: 0 10px;}
.utb-bx iframe{position:relative;display: block;box-sizing: border-box;background: #333;width: 100%;height: 700px;}
.uL-Box{position:relative;display: block;box-sizing: border-box;}
.uL-Box .utb-uL{position:relative;display: block;box-sizing: border-box;font-size: 0;}
.uL-Box .utb-uL>li{position:relative;display: inline-block;box-sizing: border-box;padding: 10px;}
.uL-Box .utb-uL.col02>li{width: 50%;}
.uL-Box .utb-uL>li .utbCont{position:relative;display: block;width: 100%;height: 380px;box-sizing: border-box;}

/* 음식체험프로그램 강사 소개 */
.prgmbx .pr-ul>li .imh-pic.sb207{position:relative;display: block;height: 270px;background: #fff;text-align: center;margin: 40px 0px 0 0px;}
.prgmbx .pr-ul>li .imh-pic.sb207 .img-no{position: absolute;color: #919191;font-size: 18px;top: 50%;left: 50%;margin-top: -15px;margin-left: -45px;}
.prgmbx .pr-ul>li .imh-pic.sb207>img{position:relative;}

@media only screen and (max-width: 1300px) {

.prgmbx { border-bottom:unset }
.prgmbx .pr-ul {display: inline-block;flex-direction: column;}
}


/* 예약부분 */
.reserv_guide_box{background-color: #fff;padding: 0;margin-top: 40px;}
.reserv_guide_box .list_s3{font-size: 1.05em;color: #666;padding: 20px 0 12px 20px;background: #e5e5e5;border-radius: 40px;}
.reserv_guide_box .list_s3>i{font-size: 1.05em;position: relative;display: inline-block;top: 1px;margin-right: 5px;}

.step_divide_wrap{margin-top: 4vh}
.step_divide_wrap .calendar_wrap,
.step_divide_wrap .item_select_wrap{height: 470px;border: 1px solid #e1e1e1;}
.calendar_wrap{width: 44%;float: left}

.item_select_wrap{width: 54%;float: right;}
.item_select_wrap .tit_wrap{padding: 25px 10px;border-bottom: 1px dashed #e1e1e1;text-align: center}
.item_select_wrap .tit_wrap .tit{font-weight: 500;font-size: 1.6em;}
.item_select_wrap .tit_wrap .des{color: #666;margin-top: 4px}
.item_list_wrap{padding: 20px 30px}
.item_list_wrap ul{margin-left: -30px}
.item_list_wrap ul li{padding-left: 30px;float: left;width: 50%;margin-bottom: 3vh}
.item_list_wrap .des_wrap{background-color: #f6f6f6;border: 1px solid #d7d7d7;padding: 34px 20px;box-shadow: 4px 4px 4px rgba(0,0,0,0.05);cursor: pointer;}
.item_list_wrap .des_wrap dl{display: table;width: 100%}
.item_list_wrap .des_wrap dt{display: table-cell;vertical-align: middle;width: 70%;border-right: 1px solid #959595}
.item_list_wrap .des_wrap dt h3{font-size: 1.2em;font-weight: 500}
.item_list_wrap .des_wrap dt a {font-size: 1.05em;color: #999;margin-top: 10px;display: block}
.item_list_wrap .des_wrap dt a img{margin-right: 5px;vertical-align: middle;}
.item_list_wrap .des_wrap dd{display: table-cell;vertical-align: middle;width: 30%;text-align: center}
.item_list_wrap .des_wrap dd p{font-size: 1.05em;color: #666;line-height: 1}
.item_list_wrap .des_wrap dd h3{font-size: 1.2em; font-weight: 500;margin-top: 10px;line-height: 1}
.item_list_wrap ul li.active .des_wrap{background-color: #122844}
.item_list_wrap ul li.active .des_wrap h3{color: #fff!important}
.item_list_wrap ul li.active .des_wrap p{color: #fff!important}
.item_list_wrap ul li:hover .des_wrap{background-color: #122844;}
.item_list_wrap ul li:hover .des_wrap h3{color: #fff!important}
.item_list_wrap ul li:hover .des_wrap p{color: #fff!important}

.item_list_wrap a:hover .des_wrap dt{display: table-cell;vertical-align: middle;width: 70%;border-right: 1px solid #959595; color:#fff;}

.item_list_wrap .active .des_wrap dt{display: table-cell;vertical-align: middle;width: 70%;border-right: 1px solid #959595; color:#fff;}
.calendar {padding:30px 40px;min-height: 298px; background-color: #fff}
.calendar .tit_calendar {text-align:center; padding:10px 0;}
.calendar .tit_calendar strong {font-weight:600; font-size:26px; color:#222; vertical-align:middle; padding:0 15px;}
.tit_calendar a{display: inline-block;width: 10px;height: 20px;margin-top: 4px}
.tit_calendar .ico_cal_prev{background: url('../img/btn_prev_month.png') no-repeat center;background-size: 100%}
.tit_calendar .ico_cal_next{background: url('../img/btn_next_month.png') no-repeat center;background-size: 100%}
.calendar .tb_calendar {width:100%;margin-top: 4vh}
.calendar .tb_calendar caption{display: none;}
.calendar .tb_calendar thead tr th,
.calendar .tb_calendar tbody tr td {width:14.2857%; text-align:center; height:50px;font-size: 1.05em}
.calendar .tb_calendar thead tr th {height:20px;}
.calendar .tb_calendar tbody tr td .num {display:block; line-height:40px; text-align:center;}
.calendar .tb_calendar tbody tr td.day_sun .num {color:#eb0505;}
.calendar .tb_calendar tbody tr td.day_sat .num {color:#1852d5;}
.calendar .tb_calendar tbody tr td.day_unselect .num {color:#eee;}
.calendar .tb_calendar tbody tr td.day_today .num {color:#00c16a;}
.calendar .tb_calendar tbody tr td .num_select {position: relative;color:#fff !important;z-index: 2}
.calendar .tb_calendar tbody tr td .num_select::before{width: 30px;height: 30px;border-radius: 100%;display: block;content: "";background-color: #6aaaad;position: absolute;top: 50%;left:50%;margin: -15px 0 0 -15px;z-index: -1}
.calendar .tb_calendar tbody tr td .num_select.start {border-radius:40px 0 0 40px;}
.calendar .tb_calendar tbody tr td .num_select.end {border-radius:0 40px 40px 0;}

.nodata_box2 {font-size: 1.1em;color: #666;text-align: center}
.nodata_box2 img{display: block;margin: 10px auto;}

@media screen and (max-width:1200px) {
	.reserv_wrap{padding: 4vh 20px}
}
@media screen and (max-width:1023px) {
	.step_divide_wrap > section{height: auto;}
	.calendar_wrap{width: 100%}
	.item_select_wrap {width: 100%;margin-top: 4vh}
}
@media screen and (max-width:767px) {
	.reserv_wrap{padding: 4vh 10px}
	.calendar{padding: 20px 10px}
	.item_list_wrap ul li{width:100%}
}

.reserv_btn_wrap{position: relative;display: block;margin-top: 30px;text-align: right;}
.reserv_btn_wrap a{line-height: 50px; border-radius: 4px;text-align: center;width: 130px;font-size: 1.05em; font-weight: 500;display: inline-block;}
.reserv_btn_wrap a>i{display: inline-block;margin-left: 17px;position: relative;top: 2px;}
.reserv_btn_wrap a img{margin-left: 10px}
.reserv_btn_wrap .prev_btn{color: #666;background-color: #e1e1e1;margin-right: 20px}
.reserv_btn_wrap .next_btn{color: #fff;background-color: #122844;}


/* 실시간예약2 */
.step_divide_wrap2{margin-top: 4vh}
.step_divide_wrap2 .left_con{width: 44%;float: left;padding-top: 5px;}
.step_divide_wrap2 .right_con{width: 54%;float: right;}
.item_summary_box{box-shadow: 4px 4px 4px rgba(0,0,0,0.05);border: 1px solid #d7d7d7;margin-bottom: 35px;}
.item_summary_box ul{display: table;width: 100%;;height: 160px;}
.item_summary_box ul li{display: table-cell;width: 50%;vertical-align: middle;text-align: center}
.item_summary_box ul li:first-child{border-right: 1px dashed #d7d7d7}
.item_summary_box .state_box{width: 80px;text-align: center; line-height: 28px;border-radius: 15px;border:1px solid #d7d7d7;text-align: center;color: #666;display: inline-block;margin-bottom: 2vh}
.item_summary_box p{font-size: 1.2em;font-weight: 500}
.item_summary_box h3{font-size: 1.6em;font-weight: 500}
.item_summary_box a{color: #999;margin-top: 8px;display: block}
.reserv_section{margin-top: 3vh;position: relative;}
.reserv_section:first-child{margin-top: 0;position: relative;}
.reserv_section .tit{font-size: 1.35em; font-weight: 500;margin-bottom: 2vh}
.reserv_section .legend_text{font-size: 1.05em;font-weight: 500;color: #999;position: absolute;top: 0;right: 0}

.reserv_form {width:100%; border-bottom:1px solid #e2e7eb;border-top: 2px solid #ccc}
.reserv_form thead tr th {padding:10px 15px; font-weight:500; color:#333; border-top:1px solid #e6e6e6; text-align:center; background:#f6f6f6;border-right: 1px solid #e6e6e6}
.reserv_form thead tr th:last-child{border-right: none}
.reserv_form tbody tr th {padding:10px 15px; font-weight:500; color:#333; border-top:1px solid #e6e6e6; text-align:left; background:#f6f6f6}
.reserv_form tbody tr td {padding:10px 15px; font-weight:400; color:#666; border-top:1px solid #e6e6e6; text-align:left; min-height:40px;border-left: 1px solid #e6e6e6}
.reserv_form tbody tr td p {padding:3px 0;}
.reserv_form .context {padding:30px 0;}
.reserv_form tbody table {width:100%;}
.reserv_form tbody table thead th {padding:5px; background:#aaa; color:#fff;}
.reserv_form tbody table tbody th {padding:5px; }
.reserv_form tbody table tbody td {padding:5px; text-align:center; border-left:1px solid #e6e6e6;}
.reserv_form.purple tbody tr th{background-color: #f8f6ff;}
.reserv_form .edge50{width: 100%;max-width: 500px}
.big_font{font-size: 1.2em}
.small_font{font-size: 0.90em}
.item_price_box ul{border: 1px solid #d7d7d7;padding: 20px 0;overflow: hidden;}
.item_price_box ul li{width: 50%;float: left;text-align: center}
.item_price_box ul li:first-child{border-right: 1px solid #d7d7d7}
.item_price_box dl{display: table;width: 100%;height: 64px;font-size: 1.05em}
.item_price_box dl dt{display: table-cell;vertical-align: middle;}
.item_price_box dl dd{display: table-cell;vertical-align: middle;font-weight: 500}

.reserv_agree1, .reserv_agree2, .reserv_agree3{padding:15px;position: relative;border: 1px solid #d7d7d7}
.reserv_agree2,.reserv_agree3{border-top: 0}
.agree_box input[type='checkbox'] {display:none;}
.agree_box input[type='checkbox'] + label {display:block;padding: 15px 10px 8px 45px;border: 1px solid #fff;background: url('/park/_Img/sub-img/ico_check_off.png') no-repeat center left;font-size:16px;font-weight:300;}
.agree_box input[type='checkbox']:checked  + label {background-position:0 5px; color:#0779e4;background: url('/park/_Img/sub-img/ico_check_on.png') no-repeat center left}
.agree_box .agree_txt {height:200px; overflow-y:auto; overflow-x:hidden; border:1px solid #ddd;}
.agree_box .btn_show {position:absolute; right:20px; top:30px; color:#999;}
.agree_box .btn_show .ico_show_arrow {background-position:-108px -33px; padding:15px 18px 0 0;}
.agree_box .btn_show .ico_show_arrow.close {background-position:-138px -33px; padding:15px 18px 0 0;}
.agree_box .agree_txt {height:0;opacity:0; display:none; padding:10px;}
.agree_box .agree_txt.open {opacity:1; height:200px; display:block;margin-top: 10px}
.agree_box .agree_txt .table_basic {border:none;}
.phone_form{position:relative;display: table-cell;vertical-align: top;}

.pay_form label{margin-right: 30px}
.purple_font{color: #7053ff}
.agree_box .agree_txt h3{font-size: 1.1em;font-weight: 500;margin-bottom: 1.5vh;color: #0031a1}

.course_pop_wrap{width: 100%;height: 100%;z-index: 10;position: fixed;top: 0;left:0;z-index: 3000;background-color: rgba(0,0,0,0.5);}
.course_pop_wrap > div{width: 600px;border-radius: 15px;background-color: #fff;transform: translate(-50%,-50%);position: absolute;top: 50%;left: 50%;overflow: hidden;}
.course_pop_header{position: relative;}
.course_pop_header h2{font-size: 1.4em; font-weight: 500;color: #7053ff;padding: 20px}
.course_pop_header .close_btn{position: absolute;top: 20px;right: 20px;display: inline-block;padding: 2px 6px;border: 1px solid #7053ff;color: #7053ff;border-radius: 4px}
.course_pop_body img{width: 100%}
.year_form{position:relative;display: block;box-sizing: border-box;font-size: 0;}
.year_form>span{position:relative;display: inline-block;width: 30.3333%;margin-right: 1%;margin-top: 5px;}


@media screen and (max-width:1023px) {
	.step_divide_wrap2 .left_con{width: 100%}
	.step_divide_wrap2 .right_con{width: 100%;margin-top: 4vh}
}
@media screen and (max-width:767px) {
	.item_summary_box ul{height: 120px}
	.agree_txt .privacy{padding: 10px 5px}
	.agree_txt .box_style{padding: 10px 0}
	.agree_box .btn_show{font-size: 0;right: 10px}
	.agree_box input[type='checkbox'] + label{font-size: 14px}
	.reserv_agree1, .reserv_agree2, .reserv_agree3{padding: 15px 10px}
	.reserv_form tbody tr th{padding: 8px}
	.reserv_form tbody tr td{padding: 8px}
	.course_pop_wrap > div{transform: translate(0,-50%);width: 96%;left: 2%}
	.course_pop_header h2{padding: 15px 10px}
	.course_pop_header .close_btn{top: 14px}
}











/* 2024.01.03 최종 */