@charset "utf-8";
/* CSS Document */

/*비주얼이미지*/
.subVisualBox {height:200px; background:url("../img/user/sub/subvisual.jpg") center; background-size:cover;}

/*컨텐츠박스*/
.subContentBox {margin:0 auto;}

/*좌측메뉴*/
.subLeft {padding:0; margin-top:2em;}
	.subLeftTitle {border:10px solid #7c5a1a; padding:1.3em 0; font-size:2.2em; text-align:center; font-family: 'notokr-medium'; line-height:1em; color:#3f2e12; max-width:200px; }
	.subLeftTitleTop {padding:1.8em 0;}
	.subLeft nav {border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; max-width:200px; }
		.subLeft nav a {border-bottom:1px solid #dbdbdb; padding:1em 1.2em; display:block; font-size:.95em; }
		.subLeft nav a.subLeftChoice {background:url("../img/user/sub/subMenu.png") 95% 17px no-repeat; text-decoration:underline; color:#7c5a1a; font-family: 'notokr-medium';}

/*페이지위치*/
.positionPrint {text-align:right; }
	.positionPrint li {display:inline-block; vertical-align:top;}
		.positionPrint li a {display:inline-block; font-size:.8em; padding:.5em;}
			.positionPrint li a img {vertical-align:top;}
			
/*컨텐츠*/
.subRightSection {padding-bottom:5em;}
.subConTitle {border-bottom:1px solid #b6b6b9; text-align:center; margin:1em 0; padding-bottom:1em;}
		.subConTitle span { font-size:.8em;}
		.subConTitle p {font-family: 'notokr-medium'; font-size:1.7em; margin-top:-0.2em;}

	/*테이블*/
	.tableTitle {font-size:18px; margin:5px 0; font-family: 'notokr-regular'; }
	.tableTitleUp {margin-top:20px;}
	.tableSubTitle {font-size:14px; margin-top:-10px; color:#737373; margin-bottom:15px; font-family: 'notokr-regular'; }
	
	.TableWrite {border-top:3px solid #dfdfe0; border-bottom:3px solid #dfdfe0;}
		.TableWrite th, .TableWrite td {border-top:0; border-bottom:1px solid #dfdfe0; text-align:left; padding-left:10px;}
			.TableWrite label {margin:0;}
			.TableWrite td input {padding:.2em .5em; width:70%;}
			.TableWrite td input[type=checkbox] {width:auto !important; box-shadow:none; border:0;}
			.TableWrite td textarea {width:100%;}
	
	.TableView, .TableNext {border-top:3px solid #dfdfe0; border-bottom:0}	
		.TableView th, .TableNext th {border:1px solid #dfdfe0; background:none;}	
		.TableView td, .TableNext td {border:1px solid #dfdfe0;}	
	
	.tableContent {padding:30px 0;}
	 
	.tableLeft {text-align:left; padding-left:2em;}
		.tableLeft a {display:block; }
		.tableLeft a:hover {text-decoration:underline;}
	
	/*버튼*/
	.btnBox {text-align:center; margin-top:15px; font-family: 'notokr-regular'; }
	.btnBoxRight {text-align:right;}
		.btnBox li {display:inline-block; margin:0 2px;}
			.btnBox li button {display:block; border:1px solid #d0d0d1; font-size:13px; padding:5px 10px; color:#a0a0a5;}
			.btnBox li button.basic {border:1px solid #7b5919; background:#7b5919; color:#fff;}
			.btnBox li a {display:block; border:1px solid #d0d0d1; font-size:13px; padding:5px 10px; color:#a0a0a5;}
			.btnBox li a.basic {border:1px solid #7b5919; background:#7b5919; color:#fff;}
			.btnBox li a.exIconGray {background:#929195; border:1px solid #929195; color:#fff;}
			/* 버튼색상 */
            .exIconLgray {background:#e7e7ec !important; border:1px solid #ceced2; color:#626266 !important;}
            .exIconGreen {background:#355e35 !important;  color:#fff !important;}
            .exIconLgreen {background:#8dc63f !important; color:#fff !important;}
            .exIconBlue {background:#6085b0 !important;  color:#fff !important;}
            .exIconRed {background:#c32b2b !important;  color:#fff !important;}
            .exIconNo {background:#fff !important; color:#626266 !important; border:1px solid #ceced2;}
				.btnBox li a img {margin-right:5px;}
				.btnBox li a span {vertical-align:middle;}

	/*페이지*/
	nav.Page { width:100%;}
		.pagination {margin-top:20px; width:100%;}
			.pagination span, .pagination .page-link {color:#444; font-size:.75rem;}
            ul.pagination li.page-item.active .page-link { background-color: #7c5a1a;  border-color: #7c5a1a; color:#fff;}

	/*검색창*/
	.searchBox {background:#efeff6; text-align:center; padding:1em; margin-bottom:1em; font-size:.9em;}
		.searchBox ul, .searchBox p {display:inline-block;}
		.searchBox ul li {display:inline-block; position:relative; margin:0 2px;}
			.searchBox ul li input {padding:.5em;}
			.searchBox ul li input.searchInput {width:29em;}
			.searchBox ul li select {padding:.5em;}
		
			.searchBtnImg {position:absolute; right:.5em; top:.2em; display:block; padding:3px;}

		/*탭버튼*/
		.tabBox {display:inline-block; margin-bottom:1em; font-family: 'notokr-regular'; }
			.tabBox li {display:inline-block; margin:0 .2em;}
			.tabBox li:first-child {margin:0;}
				.tabBox li a {display:block; padding:.5em 1em; border:1px solid #aaa; color:#444; font-size:.8em;}
				.tabBox li a:hover {text-decoration:underline;}
				.tabBox li a.tabChoice {background:#7c5a1a; border:1px solid #7c5a1a; color:#fff;}
				
		/*아이콘*/
		.icon {display:inline-block; padding:.2em .5em; color:#fff; border-radius: 12px; background:#7c5a1a; font-size:.8em; font-family:'Nanum Gothic';}
		.gray {background:#929195;}
		.iconNoRadius {border-radius:0; background:none;}

	/*이미지박스*/
	.imgBox {margin:.5em 0; border:1px solid #dfdfe0; text-align:center; position:relative; width:100%;}
	.imgBoxPadding {padding:.5em;}
		.imgBox img {max-width:100%;}

/**서브별***************************************************************************************************/

	/*01숲애서 소개*/
        /*오시는길*/
        .locationList {border:1px solid #ccc; background-color:#eff0f5; padding:1em 1em 0 1em; text-align: center;}
            .locationList ul {display: inline-block; vertical-align: middle; width:10%; text-align: left;}
                .locationList ul li {line-height: 120%; height: 45px; font-size:14px;}
                .locationList ul li:last-child {margin-top:10px;}
                .locationCircle {border:5px solid #c1984c; background-color: #eff0f5; width:40px; height:40px !important; border-radius: 20px; vertical-align: middle;}
                .locationCircle::after {content: ""; margin-left:34px; width:50px; height:5px; background-color:#c1984c; display: inline-block; vertical-align: middle;}
                .locationList ul:last-child .locationCircle::after {content:none;}
            .loactionForest .locationCircle {border:5px solid #7c5a1a; background-color: #a98138;}
            .loactionForest li {font-family: 'notokr-medium'; font-size:17px !important; color: #7c5a1a;}
            .locationDot {padding-left:10px;}
            .locationDot li::before {content: ""; width:3px; height:3px; background-color:#7c5a1a; display: inline-block; vertical-align: middle; margin-right:4px;}
		/*시설현황*/
	.facilitiesBox {}
		/*.facilitiesBox li {display:inline-block; margin-bottom:.8em; }
			.facilitiesBox li div {border:1px solid #dfdfe0; }*/
				.facilitiesBox p {padding:.5em; font-family: 'notokr-medium'; position:relative;}
                .facilitiesBox p span { font-size: .9em; font-family: 'notokr-regular'; position:absolute; right:1em; top:.7em;}
                .facilitiesBox img {max-width:100%; cursor:pointer;}
                .facilitiesBox .facilitiesEx {font-size:.8em; font-family: 'notokr-regular';}
                .facilitiesBox li span {min-height: 52px;}

        /*장애인 표시 */
        .dPersonCheck {
            font-size: .7em !important;
        	top: -3px !important;
        	position: relative !important;
            display: inline-block !important;
            min-height: 0 !important;
            padding: 0 !important;
            right: 0 !important;
            left: 5px;
        }
        .dPersonCheck img { width:16px !important; height:16px; !important        }
		/*숲애서 소개*/
		.intro p {text-align:center; font-size:1.2em; font-family: 'notokr-medium'; color:#3f2e12; line-height:1.2em; margin:1em 0;}		

	    /*객실*/
        .room li button {margin-top:0 !important;}
            /*객실 상세보기*/
            .roomPop {position:absolute; padding:10px;  box-shadow:2px 2px 25px #c7c7c7; background:#fff; z-index:9998; width:750px; top:50px; left:50%; margin-left:-350px;/*display:none;*/}
            .roomTitle {font-size:2em; font-family:'notokr-medium';}
            .roomPop .roomPopClose {position: absolute; right:20px; top:15px;}

            .imgBoxSub2 {position: relative; width:100%;}
                .imgBoxSub2 a {position: absolute; top:50%; margin-top:-15px; background-color:rgb(59 59 60 / 30%); padding:.2em .5em;}
                .imgBoxSub2 a:hover {background-color:rgb(59 59 60 / 70%);}
                .imgBoxSub2 a.bt-prev {left:1px; width:32px; height:35px; background: url("../img/user/sub/imgBoxsmallArrowLeft.png") no-repeat; text-indent: -9999px;}
                .imgBoxSub2 a.bt-prev:hover {background: url("../img/user/sub/imgBoxsmallArrowLeftHover.png") no-repeat;}
                .imgBoxSub2 a.bt-next {right:1px; width:32px; height:35px; background: url("../img/user/sub/imgBoxsmallArrowRight.png") no-repeat; text-indent: -9999px;}
                .imgBoxSub2 a.bt-next:hover {background: url("../img/user/sub/imgBoxsmallArrowRightHover.png") no-repeat;}
                .imgBoxSub2 .imgBoxList {border:1px solid #dfdfe0; padding:.5em 1em;}
                    .imgBoxSub2 li {cursor: pointer; margin:0 2px; display:inline-block; width:19.1%;}
                    .imgBoxSub2 li img {max-width: 100%; opacity: .7;}
                    .imgBoxSub2 li:hover img {opacity:1;}
                    .smallImgName {font-size:.8em;}

            .roomDetailTitle {font-size:1.4em;}
            .roomDetailTitle::before {content: ""; width:33px; height:4px; background-color:#7c5a1a; display:block; margin:1.5em 0 .3em .1em; }

        /*치유사 소개*/
		.introTeacher {border:1px solid #dfdfe0; border-top:3px solid #dfdfe0; margin-bottom: .5em;;}
			.introTeacher .introTeacherL {display: inline-block; border-right:1px solid #dfdfe0; vertical-align: top; position:relative;}
			.introTeacher .introTeacherL:last-child {border-right:0;}
				.introTeacher .introTeacherL span {display: inline-block; /*line-height: 170px;*/ padding-top:0.7em;}
			.introTeacherN {padding:1em;;}
				.introTeacherN p {background-color: #7c5a1a; border-radius: 50px; color:#fff;}
			.inTTitle {background-color:#f1f1f1; margin:0 -15px; padding:.3em; font-family: 'notokr-medium';}
			.introTeacherW {font-size:15px; padding:.5em;}
				.introTeacherW li::before {content: "-"; display: inline-block; margin-right:10px;}

			.introTeacher2 .introTeacherL:last-child {padding-bottom:60px;}
			.introTeacherAdd {position:absolute; right:0; bottom:5px; left:0; margin:0 15px;}

		/*치유사소개*/
        .inTeacherImg {display: inline-block; width: 140px; height: 140px; border-radius: 70px; position: relative;}
            .inTeacherImg img {width: 100%; height: 100%; position: absolute; left: 0; right: 0; border-radius: 70px;}

	/*02예약안내*/
	.subTitle {}
		.subTitle span {vertical-align:middle; display:inline-block; font-size:1.3em; font-family: 'notokr-medium'; color:#3f2e12; margin:1em 0 .3em 0;}
		.subTitle span:before {content:url("../img/user/sub/iconMenuDot.png"); display:inline-block; vertical-align:top; margin-right:.3em;}
		.subTitle2 span {font-size:1em; margin:.3em 0 .3em 1em;}
		.subTitle2 span:before {content:url("../img/user/sub/iconMenuDot2.png");}
		
	.subConBox {margin-left:1.2em;}
		.subConBox li {font-size:.9em; list-style:}

	.programConPopUp {position:absolute; padding:10px; box-shadow:1px 1px 5px #282828; background:#fff; z-index:9998; width:500px; display:none;}
    		.programConPopUp .programConPopUpClose {position: absolute; right:20px; top:15px;}
    		.programConPopUp .programIntro {margin-top:.5em; border-top:1px solid #ddd;}

		/*코멘트*/
	.careComment {font-size:0.7em; color:#7c5a1a; font-family:"Nanum Gothic"; margin:.5em 0;}
		.careComment li {font-family:"Nanum Gothic";}
		.careComment a {color:#F00; text-decoration:underline; font-family:"Nanum Gothic";}
		
		/*예약하기 검색창*/	
	.ReserSearchBox {background:#efeff6; text-align:center; padding:1em; margin-bottom:1em; font-size:.9em;}
		.ReserSearchBox ul, .ReserSearchBox p {display:inline-block;}
		.ReserSearchBox ul li {display:inline-block; position:relative; margin:0 2px;}
	.ReserSearchBox p {display:inline-block; margin-right:.3em; vertical-align:middle;}
		.ReserSearchBox span {display:inline-block; vertical-align:middle;}
	.ReserSearchBox select, .ReserSearchBox input {vertical-align:middle;}
		.ReserSearchBox .searchBtn {text-align:left; font-size:1em; vertical-align:middle;}
			.ReserSearchBox .searchBtn a {background:#967b48; padding:.2em 1em; color:#fff; display:inline-block;}

		.reserPayText {font-size:.8em; margin:0 .5em; background:#efeff6; padding:.8em; font-family:"Nanum Gothic"; word-spacing:0.2em;}
            .reserPayText span {text-decoration:underline; font-weight:600; font-family:"Nanum Gothic";}
        .reserPayText2 {margin:1.5em .5em 0 .5em; color:#3f2e12; font-size:.9em; font-family: 'notokr-medium';}
        .reserPayText3 {margin:1.5em .5em 0 .5em; text-align:center;}
        /*결제완료*/
        .reserPayTextCenter {text-align:center; line-height:2em;}
            .reserPayTextCenter a {border:1px solid #7c5a1a; font-family:"Nanum Gothic"; font-size:1.1em; padding:.3em .8em; display:inline-block; margin-top:1em; font-weight:600; color:#3f2e12;}
            .reserPayTextCenter a:hover {text-decoration:underline;}
            .payFinishText {font-size:1.3em; text-decoration:none !important;}

		/*예약확인 및 취소*/
	.reserViewTop {border-top:3px solid #dfdfe0;}
	.reserViewTop p {border-right:1px solid #dfdfe0; border-bottom:1px solid #dfdfe0; padding:.3em; font-size:.9em; text-align:center;}
	.reserViewTop p:first-child { font-family: 'notokr-bold'; border-left:1px solid #dfdfe0;}
	.reserViewTop p:nth-child(3) { font-family: 'notokr-bold';}
	.reserViewTop p:nth-child(5) { font-family: 'notokr-bold';}

	/*선물하기*/
    .gift {margin-bottom: 1em; position:relative; }
    .gift:last-child::after {content: none;}
    .gift:first-child {padding-left:0;}
    .gift:nth-child(5) {padding-left:0;}
    .gift::after {content: ">"; display:inline-block; position:absolute; right:-7px ; top:50%; margin-top:-19px; font-size:28px; color: #7c5a1a;}
        .giftStep {border:1px solid #cdae73; height:100%; text-align: center; padding:.5em; }
            .giftCon {font-size:13px; align-items: center; height:80%;}
                .giftConT {font-family:"Nanum Gothic"; width:100%}

    /*단체예약*/
    .groupReserv {margin-bottom: 1em; position:relative; }
    .groupReserv:last-child::after {content: none;}
    .groupReserv:first-child {padding-left:0;}
    .groupReserv:nth-child(4) {padding-left:0;}
    .groupReserv::after {content: ">"; display:inline-block; position:absolute; right:-7px ; top:50%; margin-top:-19px; font-size:28px; color: #7c5a1a;}
        .groupReservStep {border:1px solid #cdae73; height:100%; text-align: center; padding:.5em; }
            .groupReservCon {font-size:13px; align-items: center; height:80%;}
                .groupReservConT {font-family:"Nanum Gothic"; width:100%}

	/*숙박시설선택*/
    .stayChoiceWrap {max-width:750px; /*top:100px !important; left:300px !important;*/}
        .stayChoiceContent {border:0; background-color:transparent;}
            .stayChoiceContent .modal-header {background:#7c5a1a; color:#fff; padding:.5em; }
                .stayChoiceContent .modal-header h4 {font-size:18px;}
                .stayChoiceContent .modal-header .close {color:#fff; text-shadow: none;}
                .stayTabEx {overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:8px;}
                    .stayTab {float:left;}
                        .stayTab li {display:inline-block; font-family:"Nanum Gothic"; font-weight:600; margin:0 5px;}
                            .stayTab li input {border:0; box-shadow: none; vertical-align: middle;}
                            .stayTab li label {font-family:"Nanum Gothic"; margin-left:5px; margin-bottom:0; vertical-align: middle; font-weight:normal; position:relative;}
                            .stayTab li a {font-family:"Nanum Gothic"; font-weight:normal; border:1px solid; border-radius:3px; padding:4px 12px; display:inline-block; font-size:14px;
                                            background:#7b7b7b; color:#fff;}
                            .stayTab input[type="checkbox"] {position: absolute; left:-3000%;}
                            .stayTab input[type="checkbox"] + label:before {content:""; width:18px; height:18px; display: inline-block; border-radius: 3px; position: relative;
                                                                                    top:4px; margin-right:5px; transition:all .5s; border:1px solid #ddd; background:#fff;}
                            .stayTab input[type="checkbox"]:checked + label:before {background:#7c5a1a; border-color:#7c5a1a;}
                            .stayTab input[type="checkbox"]:checked + label:after {content:""; position:absolute; left:4px; top:9px; background:url("../img/user/sub/icon_checkBtn.png") no-repeat; width:10px; height:9px;}
                    .stayEx {float:right;}
                    .stayEx li {display:inline-block; font-family:"Nanum Gothic"; margin:0 5px; font-size:12px; }
            .stayChoiceContent .modal-body {background-color:#fff;}
                .stayTitle {font-size:16px; font-family:"Nanum Gothic"; font-weight:600; margin-top:15px;}
                .stayTable th, .stayTable td {border:1px solid #d1d1d1; font-family:"Nanum Gothic"; padding:3px; }
                .stayTable th {background:#efeff5; font-size:12px;}
                .stayTable td {padding:5px 3px; }
                .stayTable th.stayChoice {color:#fff; background:#7c5a1a;}
                    .stayTable td.stayChoice {background:#7c5a1a;}
                    .stayTable td a {display:block; min-height:26px;}
                .stayTable th:last-child {background:#efeff5;}
                .stayTable th.stayChoice:last-child {background:#7c5a1a;}
                .stayTable td.stayNoChoice  {background:#efeff5; cursor:not-allowed;}
                .stayTable td.stayNoChoice a {cursor:not-allowed;}
                .stayAlert {border:1px solid #ddd; text-align:center; font-size:14px; font-weight:600; font-family:"Nanum Gothic"; background:#f5f5f5; color:#444; margin-bottom:0; margin-top:10px;}
                .stayFooter {text-align:center; display:block; padding:10px; background-color:#fff;}
                    .stayFooter	.error {font-size:13px; font-family:"Nanum Gothic"; margin-bottom:0; color:#ff1200; width:100%; font-weight:600; margin-bottom:5px;}
                    .stayFooter	button {font-size:14px; font-family:"Nanum Gothic"; border:0;}
                    .stayFooter	button.btn-info {background:#7c5a1a; }
                    .stayFooter	button.btn-default {background:#dbdce2; }


	/*03프로그램*/
	
		/*프로그램*/
	.gallery {}
		.gallery li {padding:0.3em;}
			.gallery li a {border:1px solid #dedede; display:block;}
			.gallery li a:hover {border:1px solid #7c5a1a;}
				.gallery li a:hover button {display:block;}
				.gallery li button {display:none; position:absolute; top:50%; left:50%; z-index:9999; background:rgba(255, 255, 255, 0.73); border:1px solid #fff; padding:.2em 1em; border-radius:3em; color:#7c5a1a; font-size:.9em; margin-left:-45px; margin-top:-64px; font-family: 'notokr-medium';}
				.gallery li p {font-size:1.1em; font-family: 'notokr-medium'; padding:.5em; color:#3b3b3c;}
				.gallery2 li p {font-size:1em;}
				.gallery li span {font-size:.9em; line-height:1.1em; display:block; padding:0 .5em .5em .5em; color:#636363;}
				.galleryImg {position:relative; height:156px; overflow:hidden;}
					.gallery li img {max-width:100%; height:100%; width:100%;}
					.gallery li .galleryImg p {width:100%; height:100%; background:rgba(255, 255, 255, 0.27058823529411763); position:absolute; top:0; left:0; right:0; bottom:0; display:none;}
					.gallery li a:hover .galleryImg p {display:block;}
	
		/*세부프로그램*/
		.programTitle {text-align:center;}
        			.programTitle p { font-size:1.5em; font-family: 'notokr-medium';}
        			.programTitle span {color:#636363; line-height:1.2em; display:block;}
        		.programList {border-top:3px solid #dfdfe0; margin-top:.5em;}
        			.programList tr {cursor:pointer;}
        			.programList tr:hover {background:#ebe6dd}
        					.programList tr:hover a {background:#7c5a1a; color:#fff;}
        				.programList td {text-align:left; padding:.5em;}
        				.programList td:first-child {background:url("../img/user/iconTableBar.png") right no-repeat;}
        				.programList td:last-child {text-align:right;}
        					.programList td a {display:block; border:1px solid #dedede; text-align:center; font-size:.9em; padding:.3em 0; color:#282828;}
        		.programCon {border-top:3px solid #dfdfe0; margin-top:5em;}
        		.programCon2 {border-top:0; margin-top:0;}
        			.programConTitle {text-align:center;}
        				.programConTitle p {font-size:2em; font-family: 'notokr-medium'; margin-top:.8em;}
        				.programConTitle span {font-size:1.2em; margin-top:-.3em; display:block;}
        				.programConTitle a {border:1px solid #7c5a1a; color:#3f2e12; display:inline-block; padding:.2em 1.5em; margin:1em 0;}
        			.imgBoxSub img {max-width:100%;}
        			/*.imgBoxArrow {position:absolute; bottom:1em; right:1em;}
        				.imgBoxArrow li {display:inline-block;}
        					.imgBoxArrow li a {display:block;}*/
                        .bt-prevBig {position:absolute; top:50%; left:0; margin-top:-35px; width:48px !important; height:70px; display:block; background:url("../img/user/sub/imgBoxArrowLeft.png") no-repeat; text-indent: -9999px;}
                            .bt-prevBig:hover {background:url("../img/user/sub/imgBoxArrowLeftHover.png") no-repeat;}
                        .bt-nextBig {position:absolute; top:50%; right:0; margin-top:-35px; width:48px !important; height:70px; background:url("../img/user/sub/imgBoxArrowRight.png") no-repeat;  text-indent: -9999px;}
                            .bt-nextBig:hover {background:url("../img/user/sub/imgBoxArrowRightHover.png") no-repeat;}

        			.programIntro {margin-top:2.5em;}
        				.programIntro p {font-size:1.2em; margin-top:1em;}
        				.programIntroTable { border-top:3px solid #dfdfe0; }
        					.programIntroTable th, .programIntroTable td { border:1px solid #dfdfe0; text-align:left; padding:1em;}
        					.programIntroTable th {background:none;}
        					.programTeacher td:first-child  {border-right:0;}
        						.programTeacher td:first-child  img {max-width:100%; min-width:100%; width:40px;}
        					.programTeacher td:last-child  {border-left:0;}
        					.programTeacher td span {display:block; font-size:1.5em; font-family: 'notokr-medium'; margin-bottom:.5em;}
                            .programTeacher td pre {font-family: 'notokr-regular'; }
				            /*강사소개*/
					    .teacherBox td:first-child {width:30%;}
					    .teacherBox td:last-child {width:70%;}

        				.programScheduleTable span {color:#fff; background:#7c5a1a; border-radius:10em; padding:.2em .5em; font-size:.9em;}
        				.programTitleSmall {color:#fff; border-radius:40px; background:#7c5a1a; display:inline-block; padding:0em .8em; margin-bottom:.3em; font-size:1em !important;}
	/*04게시판*/
	
		/*공지사항*/
	
	
	/*Q&A*/
	.qnaBox {border-top:1px solid #ddd; font-size:.9em;}
		.qnaBox dt {padding:.5em 1em; border-bottom:1px solid #ddd; }
		.qnaBox dt.qnaOn {border-bottom:0; }
			.qnaBox dt a {display:block; color:#333;}
				/*.qnaBox dt a p, .qnaBox dd p {display:inline-block; vertical-align:middle;}*/
				.qnaBox dt a p, .qnaBox dd p {vertical-align:middle;}
				.qnaBox dt a p:before {content:url("../img/user/sub/qnaImg.png"); display:inline-block; vertical-align:middle; margin-right:.5em;}
		.qnaBox dd {background-image:url("../img/user/sub/qnaImg2.png"); background-repeat:no-repeat; background-position:4em .5em; background-color:#f5f5f5; padding:1em 1em 1em 4em; border-bottom:1px solid #ddd; }
		    .qnaBox dd p {padding-left:3em;}


	.answer {display:none;}

	.boardTable th, .boardTable td {padding:.8em;}
		
	/*고객의 소리*/
		/*테이블 리플*/
		.tableContentReply {border-top:1px solid; }
			.tableContentReply td {background:#f3f3f5; padding:2em;}
		

	/*갤러리*/
			/*댓글*/
	.replyBox {background:#efeff5; padding:1em; border-right:1px solid #dfdfe0; border-left:1px solid #dfdfe0;}
		.replyBox p { margin-bottom:.4em; }
			.replyBox span {vertical-align:middle; font-size:.9em; font-family:'notokr-medium'; margin-left:.3em;}
		.replyBox .reply {font-size:.85em; padding-left:1em; ; position:relative; letter-spacing:0;}
			/*댓글수정*/
			.replyEdit {position:absolute; right:0; top:-2.1em;}
				.replyEdit li {display:inline-block; margin:0 .1em;}
					.replyEdit li a {display:block; font-size:.75em; border:1px solid #bcbcc3; border-radius:.3em; padding:.1em .3em; background:#dbdbdc; color:#87888a; font-family:"Nanum Gothic";}
					.replyEdit li a:hover {}
		.replyBox textarea {width:80%; vertical-align:middle; margin:.5em; font-size:.9em;}
		.replyBox button {font-size:.8em; padding:.9em; vertical-align:middle; border-radius:.3em; border:1px solid #84898e; background:#84898e; color:#fff;}
		
		
	/*예약시 팝업창 사이즈 조절*/
	.swal-reserv{
	    margin-bottom:110px !important;
        display: block !important;
	}
		
    /*회원가입*/
        .step2 {text-align: center; display: inherit; border: 1px solid #ddd; padding: 1em; margin-left: 0; margin-right: 0;}
            .step2 li {display:inline-flex; vertical-align:middle; margin-bottom:5px;}
            .step2 li p {display:inline-flex; font-family:"Nanum Gothic"; height:80px; width:80px; border-radius:50px; vertical-align:middle; padding:12px; font-weight:600; text-align:center; line-height:1.2em; align-items: center; justify-content: center; color:#fff; font-size:.9em;}
            .step2 li::after {content:url("../img/user/sub/icon_arrow.png"); display:inline-block; margin-top:22px;}
            .step2 li:first-child p {background:#8dc63f;}
            .step2 li:nth-child(2) p {background:#355e35}
            .step2 li:last-child p {background:#7c5a1a;}
            .step2 li:last-child::after {content:""; }
            .step2 li.noChoice p {background: #ccc;}

        .joinEx {margin-bottom: .5rem;}
            .joinEx textarea {font-size:13px; background:#f9f9f9 !important; resize:none;  font-family:"Nanum Gothic"; font-weight: normal; line-height: 120%;}

        .joinEx2 {font-size: 13px; margin-bottom: 2em;	}
            .joinEx2 input[type="checkbox"] {box-shadow:none; vertical-align: middle;}
            .joinEx2 label {vertical-align: middle;}

        .agreeText {height:100%; font-size:14px;}
        .agreeTable {background-color:#fff;}
        .form-control:disabled, .form-control[readonly] {background-color:#f9f9f9;}

        .noticeMessage {margin-left:-1.25rem;}

        .formStyle {border:1px solid #ddd; padding:1em .5em .5em .5em; font-size:14px;}
            .formStyle .form-control {font-size:14px;}
            .formStyle .form-check-input {box-shadow: none;}
            .formStyle .form-group {margin-bottom:.6em;}

        .certify {margin:1em 0;}
        .certify li {border:1px solid #ddd; min-width:180px; margin:0 1em;}
                .certify li a {display:block; text-align:center; padding:1em; }
                    .certify li a p {margin-top:1em;}
            .certify li:hover, .certify li:active {background:#7c5a1a; border:1px solid #7c5a1a;}
                .certify li:hover a, .certify li:active a {color:#fff;}

        .subH2Red {color:#F33; background:none; font-size:13px !important; font-weight:600; margin-left:4px;}
        .subH2Red::before {content:none !important;}
        .subH2 {font-size:16px;}
        .subH2::before {content: ""; width:3px; height:3px; background-color:#7c5a1a; display: inline-block; vertical-align: middle; margin-right:4px;}

					
@media (max-width: 1199px) {
    /*예약하기 검색창*/
    .searchBtn a {padding:1em 1em !important; }
    /* 예약하기 확인창*/
    .card-body .card-width-max {margin-left:100px;text-align:left;}

}
				
@media (max-width: 992px) {

}
		
@media (max-width: 768px) {
	boardTable th, .boardTable td {padding:.5em;}
	.addFileTh {width:22%;}
	    /*예약확인 및 취소*/
	.reserViewTop p:nth-child(3) { border-left:1px solid #dfdfe0;}
	.reserViewTop p:nth-child(5) { border-left:1px solid #dfdfe0;}

	    /*선물하기*/
        .gift:first-child {padding-left:15px;}
        .gift:nth-child(5) {padding-left:15px;}

        /*단체예약*/
		.groupReservTitle a {width: 100%;}
		.groupReserv:first-child {padding-left:15px;}
        .groupReserv:nth-child(4) {padding-left:15px;}

		/*탭버튼*/
			.tabBox li {margin:.2em;}
		/*프로그램소개*/
		.programScheduleTable {display:table !important;}
			.programScheduleTable td {border:1px solid #dfdfe0;}
			.programScheduleTable th:first-child {border-left:1px solid #dfdfe0;}
			.programScheduleTable th:last-child {border-right:1px solid #dfdfe0;}
		.programScheduleTable2 {display:none !important;}
		
		/*검색창*/	
	.searchBox {margin-top:1em;}

	/*숙박시설선택*/
    .stayChoiceContent .modal-header {padding:.3em; }
        .stayChoiceContent .modal-header h4 {font-size:15px;}
    .stayChoiceContent .modal-body {padding:.3em;}
                .stayTab li {font-size:13px; margin:0 3px; vertical-align:middle;}
                    .stayTab li a {padding:2px 12px; font-size:13px;}
                    .stayTab li label {font-size:13px;}
            .stayEx {float:left;}
                .stayEx img {width:18px; height:18px;}
    .stayTable img {width:18px; height:18px;}
    .stayTitle {font-size:13px; margin-top:5px;}
        .stayAlert {font-size:13px; margin-top:5px; padding:5px;}
            .stayFooter	button {padding:3px 8px; font-size:13px;}
        .stayTable td a {min-height:18px;}

    .roomPop {width:98%; top:10px; left:5px; margin:0; }

    /*치유사 소개*/
    .introTeacher .introTeacherL span {padding:.3em;}
}

@media (min-width: 768px) {
    /*테이블 모바일에서 pc로 넘어갈경우*/
    .boardTableM .d-md-block {display:table-cell !important;}
    .TableNext {display:table !important;}
    /*프로그램소개*/
    .programScheduleTable2 {display:table !important;}
        .programScheduleTable2 span {font-size:.8em;}
}
		
@media (max-width: 575px) {
				.galleryImg { height:auto; overflow:hidden;}
				.gallery li img {height:auto;}
		/*검색창*/	
	.searchBox {padding:.3em; }
			.searchBtn a {padding:1em 1em;}
			.searchBtnImg {position:absolute; right:.5em; top:.2em; display:block; padding:3px;}
			.searchBox ul li input.searchInput {width:17em;}

		/*예약하기 검색창*/
		.ReserSearchBox li {vertical-align:middle; padding:0 !important;}
            .ReserSearchBox li p {display:block;  text-align:center;}
            .ReserSearchBox li a {padding:.85em !important;}
		/*.ReserSearchBox li:first-child {flex:0 0 33%; max-width:33%; margin-bottom:.8em;}
		.ReserSearchBox li:nth-child(2) {flex:0 0 33%; max-width:33%; margin-bottom:.8em;}
		.ReserSearchBox li:nth-child(3) {flex:0 0 33%; max-width:33%;}
		.ReserSearchBox li:nth-child(4) {flex:0 0 33%; max-width:33%;}
		.ReserSearchBox li:last-child {flex:0 0 100%; max-width:100%;}*/
		
		/*프로그램소개*/
				.programTeacher td {text-align:center;}
				.programTeacher td:first-child {border-right:1px solid #dfdfe0;}
				.programTeacher td:last-child {border-left:1px solid #dfdfe0;}
        /*강사소개*/
                .teacherBox td:first-child {width:100%; display: block;}
                .teacherBox td:last-child {width:100%; display: block; margin-top:-1px;}

    .programConPopUp {width:95%;}
    /* 예약하기 확인창*/
    .card-body .card-width-max {margin-left:10px;text-align:left;}

    /*회원가입*/
        .step2 li p {height:57px; width:57px; vertical-align:middle; padding:5px; font-size:.7em;}
        .step2 li::after {margin-top:6px; vertical-align: middle;}

    .certify li {min-width:auto; margin:0;}
            .certify li a {padding:.5em; }
    .subH2Red {font-size:13px;}
    .subH2 {font-size:14px;}
    }

}
	

	
	
	
	
@media (max-width: 575px) {
	    }