@charset "utf-8";

.example_pop {position:fixed;bottom:10px;left:-1200px;z-index:11;transition-property:left;transition-duration: 0.5s;transition-delay: 0.3s;z-index:100;}
.example_pop .example_pop_btn {position:absolute; top:0px; right:0px; width:20px; height:20px; border:0px solid #d0d0d0; background:none; cursor:pointer; outline:none;}
.example_pop .example_pop_btn span {position:absolute; display:block; top:50%;right:0px; width:20px; height:2px; margin:-1px 0 0 -13px; background:#d0d0d0;transition:1s ease}
.example_pop .example_pop_btn span.line1 {transform:rotate(45deg)}
.example_pop .example_pop_btn span.line2 {transform:rotate(-45deg)}
.example_pop .example_pop_btn:hover {border-color:#aaa;}
.example_pop .example_pop_btn:hover span.line1 {transform:rotate(90deg);}
.example_pop .example_pop_btn:hover span.line2 {transform:rotate(0deg);}
.example_pop .example_pop_btn:hover span {background:#aaa}

.day4_pop {position:fixed;bottom:10px;left:-1200px;z-index:11;transition-property:left;transition-duration: 0.5s;transition-delay: 0.3s;z-index:100;}
.day4_pop .day4_pop_btn {position:absolute; top:0px; right:0px; width:20px; height:20px; border:0px solid #d0d0d0; background:none; cursor:pointer; outline:none;}
.day4_pop .day4_pop_btn span {position:absolute; display:block; top:50%;right:0px; width:20px; height:2px; margin:-1px 0 0 -13px; background:#d0d0d0;transition:1s ease}
.day4_pop .day4_pop_btn span.line1 {transform:rotate(45deg)}
.day4_pop .day4_pop_btn span.line2 {transform:rotate(-45deg)}
.day4_pop .day4_pop_btn:hover {border-color:#aaa;}
.day4_pop .day4_pop_btn:hover span.line1 {transform:rotate(90deg);}
.day4_pop .day4_pop_btn:hover span.line2 {transform:rotate(0deg);}
.day4_pop .day4_pop_btn:hover span {background:#aaa}

	
.kakao_txt {position:relative;top:-100px;left:0px;z-index:100;color:#3c1e1e;font-weight:bold;text-align:center;}

#floatBanner {position:fixed; bottom:50px; right:50px; z-index:200;}
#floatBanner .callBanner {width:80px; height:auto; cursor:pointer}
#floatBanner .callBanner:before{content:'';overflow:hidden;position:absolute;top:-56px;right:10px;z-index:1;width:56px;border-radius:100%;background:rgb(255,223,44);height:56px;opacity:1}
#floatBanner .callBanner:after{content:'';overflow:hidden;position:absolute;top:-35px;right:5px;z-index:1;width:35px;border-radius:100%;background:rgb(77,71,14);height:35px;opacity:1}
/*#floatBanner .callBanner img {display:block; width:100%}*/
#floatBanner .callBanner img{position:absolute;z-index:2;right:25px;bottom:0;width:88px;transition:width 1s}
#floatBanner .callBanner .kakao_txt img {width:auto;}
#floatBanner .largeBanner {position:absolute; bottom:50px; right:0; width:0; height:0; overflow:hidden}
#floatBanner .largeBanner a img {display:block; width:100%}
#closeFloat {position:absolute; top:30px; right:30px; color:#000; z-index:100}
.channel_btn {width:220px;position:relative;font-size:20px;display:inline-block;z-index:999;padding:10px 25px;background:#4d470e;bottom:0px;top:-100px;color:#ffe500 !important;left:50%;margin-left:-110px;border-radius:50px;text-align:center;}
	
#mainVisual {position:relative; overflow:hidden; z-index:20}
body.scrollfix #mainVisual {margin-top:61px}

.section {position:relative}
.section > .innerContainer {position:relative; width:1600px; margin:auto}
.section > .innerContainer:after {clear:both; display:block; content:''}

.section .section-tit {margin-bottom:40px; text-align:center}
.section .section-tit h2 {font-family:'Nanum Myeongjo'; font-size:30px; font-weight:normal; color:#989898; margin-bottom:5px}
.section .section-tit h3 {font-size:18px; font-weight:600; color:#cca865; letter-spacing:4px; text-transform:uppercase}
.section .section-tit h3 span {color:#25221d}


.sub-section {position:relative; padding:0px;margin-top:70px;}
.sub-section.board-style {margin:70px 0px;}
.sub-section.img-style {margin:160px 0px;}
.sub-section.no-padding {padding:0}
.sub-section > .innerContainer {position:relative; width:1200px; margin:auto}
.sub-section > .innerContainer:after {clear:both; display:block; content:''}
.sub-section .section-tit {margin-bottom:50px; text-align:center;margin-top: 40px;}
.sub-section .section-tit h2 {font-size:35px; font-weight:600; color:#3a3a3a; margin-bottom:10px;}
.sub-section .section-tit h2 span {font-weight:300}
.sub-section .section-tit h3 {font-size:12px; font-weight:500; color:#888; letter-spacing:5px; text-transform:uppercase}
.sub-section .section-tit h3 span {color:#25221d}
@media screen and (max-width:1600px) {
.sub-section {margin-top:0px;}
}
/*서브페이지탭추가 2022-01-17*/
.sub-tab {width:1290px;position:absolute;top:100px;z-index:10;text-align:center;background:;font-size:0px;left:50%;margin-left:-645px;}
.sub-tab > span {}
.sub-tab > span a {margin-right:1px;background:#fff;display:inline-block;padding:15px 0px;font-size:16px;transition:all .4s ease}
.sub-tab > span a:hover {background:#dc3f54;color:#fff;}
.sub-tab > span:last-child a {margin-right:0px;}
.sub-tab > span.on a {background:#dc3f54;color:#fff;}
.sub-tab-1 > span a {width:257.2px;}
.sub-tab-2 > span a {width:321.75px;}
.sub-tab-3 > span a {width:128.1px;}
.sub-tab-5 > span a {width:183.42px;}





.container-bgtype {background-position:center top; background-repeat:no-repeat;position:relative;}
.container-bgtype .innerContainer {text-align:center;}
.container-bgtype .nose_tab {position:absolute;bottom:0px;left:50%;margin-left:-600px;width:1200px;}
.container-bgtype .nose_tab ul {font-size:0px;}
.container-bgtype .nose_tab ul li {display:inline-block;width:200px;border:solid 1px #ececec;background:#fff;}
.container-bgtype .nose_tab ul li.on {background:#666;border:solid 1px #666;}
.container-bgtype .nose_tab ul li span {}
.container-bgtype .nose_tab ul li span a {display:block;font-size:17px;line-height:50px;text-align:center;font-weight: 500;}
.container-bgtype .nose_tab ul li.on span a {color:#fff;}
.container .innerContainer {position:relative;margin:0px auto;width:1400px;}

.container-bgtype .hospi_tab {position:absolute;bottom:0px;left:50%;margin-left:-600px;width:1200px;}
.container-bgtype .hospi_tab ul {font-size:0px;}
.container-bgtype .hospi_tab ul li {display:inline-block;width:300px;border:solid 1px #ececec;background:#fff;}
.container-bgtype .hospi_tab ul li.on {background:#dc3e54;border:solid 1px #dc3e54;}
.container-bgtype .hospi_tab ul li span {}
.container-bgtype .hospi_tab ul li span a {display:block;font-size:17px;line-height:50px;text-align:center;font-weight: 500;}
.container-bgtype .hospi_tab ul li.on span a {color:#fff;}

.hospi_map {position:absolute !important;left:50%;margin-left:-800px !important;top:0px;z-index:9;}
.hospi_map .wrap_controllers.hide {display:none !important;}
/*.container-bgtype .hospi_tab {position:absolute;bottom:0px;left:50%;margin-left:-600px;width:1200px;}
.container-bgtype .hospi_tab ul {font-size:0px;}
.container-bgtype .hospi_tab ul li {display:inline-block;width:300px;border:solid 1px #ececec;background:#fff;}
.container-bgtype .hospi_tab ul li.on {background:#333;border:solid 1px #666;}
.container-bgtype .hospi_tab ul li span {}
.container-bgtype .hospi_tab ul li span a {display:block;font-size:17px;text-align:center;padding:20px 0px;}
.container-bgtype .hospi_tab ul li span a p {color:#e2cdb9;padding-bottom:5px;font-size:18px;font-weight:bold;}
.container-bgtype .hospi_tab ul li.on span a {color:#fff;}*/

/* before & after 
.before_slide {position:relative;width:100%;padding:175px 0px 80px;}
.before_slide .tab_cover {width:1200px;position:relative;margin:0px auto;}
.before_slide .tab_cover .title {display:inline-block;margin-bottom:50px;}
.before_slide .tab_cover .more_btn {text-align:center;margin-top:50px;}
.before_slide .tab_cover .more_btn a {background:#a4a4a4;color:#fff;padding:10px 40px;font-size:18px;margin:0px auto;display:inline-block;}
.before_slide .tab_cover ul {display:block;position:absolute;right:0px;top:0px;}
.before_slide .tab_cover li {display:inline-block;width:55px;cursor:pointer;text-align:center;margin-left:0px;}
.before_slide .tab_cover li a { background:#666;font-size:14px; color:#fff;display:block;line-height:45px;}
.before_slide .tab_cover li.on a { background:#f08097; position:relative;}
.before_slide .tab_con { clear:both;overflow:hidden;position:relative; height:500px;overflow:hidden;}
.before_slide .tab_con > div { opacity:1; height:500px; background:#fff; line-height:100px; text-align:center;position:absolute;width:100%; }
.before_slide .tab_con > div:nth-child(2) { opacity:0}
.before_slide .tab_con > div:nth-child(3) { opacity:0}
.before_slide .tab_con .slide {position:relative;height:500px;}
.before_slide .tab_con .slide .swiper-slide {position:relative;text-align:left;}
.before_slide .tab_con .slide .swiper-slide p {color:#666;font-size:15px;height:60px;line-height:50px;text-align:center;width:100%;background:#f4f4f4;}
.before_slide .tab_con .slide .swiper-button-prev {color:#fff;font-size:44px;background:none;margin-top:-50px;}
.before_slide .tab_con .slide .swiper-button-next {color:#fff;font-size:44px;background:none;margin-top:-50px;right:60px !important;}
.before_slide .tab_con .slide .swiper-button-prev i {font-size:84px;}
.before_slide .tab_con .slide .swiper-button-next i {font-size:84px;}*/

/* before & after */
.before_slide {position:relative;width:100%;padding:175px 0px 80px;}
.before_slide .tab_cover {width:1200px;position:relative;margin:0px auto;overflow:hidden;}
.before_slide .tab_cover .title {display:inline-block;margin-bottom:50px;}
.before_slide .tab_cover .more_btn {text-align:center;margin-top:50px;}
.before_slide .tab_cover .more_btn a {background:#a4a4a4;color:#fff;padding:10px 40px;font-size:18px;margin:0px auto;display:inline-block;}
.before_slide .tab_cover ul#tab {display:block;position:absolute;right:0px;top:-113px;}
.before_slide .tab_cover ul#tab li {display:inline-block;width:55px;cursor:pointer;text-align:center;margin-left:0px;}
.before_slide .tab_cover ul#tab li a { background:#666;font-size:14px; color:#fff;display:block;line-height:45px;}
.before_slide .tab_cover ul#tab li.on a { background:#f08097; position:relative;}
.before_slide .tab_con { clear:both;/*overflow:hidden;*/position:relative; height:500px;overflow:hidden;}
.before_slide .tab_con > div { opacity:1; height:500px; background:#fff; line-height:100px; text-align:center;position:absolute;width:100%; }
.before_slide .tab_con > div:nth-child(2) { opacity:0}
.before_slide .tab_con > div:nth-child(3) { opacity:0}
.before_slide .tab_con  {position:relative;height:500px;}
.before_slide .tab_con  .content p {color:#666;font-size:15px;height:60px;line-height:50px;text-align:center;width:100%;background:#f4f4f4;}

.before_slide .tab_cover ul#tab2 {display:block;position:absolute;right:0px;top:-113px;}
.before_slide .tab_cover ul#tab2 li {display:inline-block;width:55px;cursor:pointer;text-align:center;margin-left:0px;}
.before_slide .tab_cover ul#tab2 li a { background:#666;font-size:14px; color:#fff;display:block;line-height:45px;}
.before_slide .tab_cover ul#tab2 li.on a { background:#f08097; position:relative;}
.before_slide .tab_con2 { clear:both;/*overflow:hidden;*/position:relative; height:500px;overflow:hidden;}
.before_slide .tab_con2 > div { opacity:1; height:500px; background:#fff; line-height:100px; text-align:center;position:absolute;width:100%; }
.before_slide .tab_con2 > div:nth-child(2) { opacity:0}
.before_slide .tab_con2 > div:nth-child(3) { opacity:0}
.before_slide .tab_con2  {position:relative;height:500px;}
.before_slide .tab_con2  .content p {color:#666;font-size:15px;height:60px;line-height:50px;text-align:center;width:100%;background:#f4f4f4;}

.before_slide .tab_cover ul#tab3 {display:block;position:absolute;right:0px;top:-113px;}
.before_slide .tab_cover ul#tab3 li {display:inline-block;width:55px;cursor:pointer;text-align:center;margin-left:0px;}
.before_slide .tab_cover ul#tab3 li a { background:#666;font-size:14px; color:#fff;display:block;line-height:45px;}
.before_slide .tab_cover ul#tab3 li.on a { background:#f08097; position:relative;}
.before_slide .tab_con3 { clear:both;/*overflow:hidden;*/position:relative; height:500px;overflow:hidden;}
.before_slide .tab_con3 > div { opacity:1; height:500px; background:#fff; line-height:100px; text-align:center;position:absolute;width:100%; }
.before_slide .tab_con3 > div:nth-child(2) { opacity:0}
.before_slide .tab_con3 > div:nth-child(3) { opacity:0}
.before_slide .tab_con3  {position:relative;height:500px;}
.before_slide .tab_con3  .content p {color:#666;font-size:15px;height:60px;line-height:50px;text-align:center;width:100%;background:#f4f4f4;}

.before_slide .tab_cover ul#tab4 {display:block;position:absolute;right:0px;top:-113px;}
.before_slide .tab_cover ul#tab4 li {display:inline-block;width:55px;cursor:pointer;text-align:center;margin-left:0px;}
.before_slide .tab_cover ul#tab4 li a { background:#666;font-size:14px; color:#fff;display:block;line-height:45px;}
.before_slide .tab_cover ul#tab4 li.on a { background:#f08097; position:relative;}
.before_slide .tab_con4 { clear:both;/*overflow:hidden;*/position:relative; height:500px;overflow:hidden;}
.before_slide .tab_con4 > div { opacity:1; height:500px; background:#fff; line-height:100px; text-align:center;position:absolute;width:100%; }
.before_slide .tab_con4 > div:nth-child(2) { opacity:0}
.before_slide .tab_con4 > div:nth-child(3) { opacity:0}
.before_slide .tab_con4  {position:relative;height:500px;}
.before_slide .tab_con4  .content p {color:#666;font-size:15px;height:60px;line-height:50px;text-align:center;width:100%;background:#f4f4f4;}

.before_slide .tab_cover ul#tab5 {display:block;position:absolute;right:0px;top:-113px;}
.before_slide .tab_cover ul#tab5 li {display:inline-block;width:55px;cursor:pointer;text-align:center;margin-left:0px;}
.before_slide .tab_cover ul#tab5 li a { background:#666;font-size:14px; color:#fff;display:block;line-height:45px;}
.before_slide .tab_cover ul#tab5 li.on a { background:#f08097; position:relative;}
.before_slide .tab_con5 { clear:both;/*overflow:hidden;*/position:relative; height:500px;overflow:hidden;}
.before_slide .tab_con5 > div { opacity:1; height:500px; background:#fff; line-height:100px; text-align:center;position:absolute;width:100%; }
.before_slide .tab_con5 > div:nth-child(2) { opacity:0}
.before_slide .tab_con5 > div:nth-child(3) { opacity:0}
.before_slide .tab_con5  {position:relative;height:500px;}
.before_slide .tab_con5  .content p {color:#666;font-size:15px;height:60px;line-height:50px;text-align:center;width:100%;background:#f4f4f4;}

.before_slide .swiper-button-prev {color:#fff;font-size:44px;background:none !important;margin-top:-50px;}
.before_slide .swiper-button-next {color:#fff;font-size:44px;background:none !important;margin-top:-50px;right:60px !important;}
.before_slide .swiper-button-prev i {font-size:84px;}
.before_slide .swiper-button-next i {font-size:84px;}

/* 병원소개슬라이드 */
.before_slide.hospital {position:relative;width:100%;padding:0px;margin-bottom:180px;}
.before_slide.hospital .slide .swiper {overflow:hidden;}
.before_slide.hospital .slide .swiper-button-prev {color:#000;font-size:84px;background:none;margin-top:-50px;left:-90px !important;}
.before_slide.hospital .slide .swiper-button-next {color:#000;font-size:84px;background:none;margin-top:-50px;right:-40px !important;}
.before_slide.hospital .slide .swiper-pagination-white .swiper-pagination-bullet-active {background:#f08097;width:20px;height:8px;border-radius:20px;}
.before_slide.hospital .slide .swiper-pagination {width:100%;margin-top:10px;}
.before_slide.hospital .slide .swiper-pagination-bullet {margin:0px 2px;}

.team-info {position:relative; margin-bottom:20px}
.team-info .info-box {position:absolute; bottom:0; left:0; padding:20px; background:rgba(0, 0, 0, .75); z-index:10}
.team-info .info-box span {display:block; margin-bottom:5px; font-size:15px; color:#a6a6a6}
.team-info .info-box h3 {font-size:18px; font-weight:normal; color:#fff; margin-bottom:20px}
.team-info .info-box p {font-size:15px; color:#fff}

.location-wrapper {padding-top:30px}
.location-wrapper .leftArea {float:left; width:480px}
.location-wrapper .leftArea h3 {font-size:30px; font-weight:600; color:#000; margin-bottom:25px}
.location-wrapper .leftArea img {margin-bottom:25px}
.location-wrapper .leftArea h4 {font-size:20px; font-weight:600; color:#2b2b2b; margin-bottom:15px}
.location-wrapper .leftArea p {font-size:16px; margin-bottom:5px}
.location-wrapper .leftArea strong {display:block; font-size:30px; font-weight:600; color:#746d66}
.location-wrapper .rightArea {float:right; width:650px}
.location-wrapper .rightArea #map {width:650px; height:400px}

#facilitySlider .big-thumb {position:relative; margin-bottom:50px}
#facilitySlider .big-thumb .thumb-list > li {display:none}
#facilitySlider .big-thumb .thumb-list > li.active {display:block}
#facilitySlider .big-thumb .thumb-list > li img {display:block; width:100%}
#facilitySlider .big-thumb .floor-tab {position:absolute; display:table; bottom:0; left:0; width:100%; table-layout:fixed; border-spacing:1px; border-collapse:separate}
#facilitySlider .big-thumb .floor-tab > li {display:table-cell; width:auto; height:40px; padding-left:15px; color:#333; vertical-align:middle; background:rgba(200, 201, 202, .8); cursor:pointer}
#facilitySlider .big-thumb .floor-tab > li.active {color:#fff; background:rgba(0, 0, 0, .8)}
#facilitySlider .floor-container .floor-info {display:none}
#facilitySlider .floor-container .floor-info h2 {font-size:40px; font-weight:300; color:#2b2b2b; margin-bottom:40px}
#facilitySlider .floor-container .floor-info.active {display:block}
#facilitySlider .floor-container .floor-info .thumb-list {margin:0 -10px}
#facilitySlider .floor-container .floor-info .thumb-list:after {clear:both; display:block; content:''}
#facilitySlider .floor-container .floor-info .thumb-list > li {position:relative; float:left; width:33.333334%; margin-bottom:20px; padding:0 10px; cursor:pointer}
#facilitySlider .floor-container .floor-info .thumb-list > li:before {position:absolute; top:0; left:10px; right:10px; bottom:0; content:''; border:0px solid #be9356; transition:all .25s ease}
#facilitySlider .floor-container .floor-info .thumb-list > li.selected:before, #facilitySlider .floor-container .floor-info .thumb-list > li:hover:before {border-width:6px}
#facilitySlider .floor-container .floor-info .thumb-list > li img {display:block; width:100%}

.photo_list_wrapper {margin:0 -15px}
.photo_list_wrapper:after {clear:both; display:block; content:''}
.photo_list_wrapper.brd-grid-1 > table {width:100%}
.photo_list_wrapper.brd-grid-2 > table {width:50%}
.photo_list_wrapper.brd-grid-3 > table {width:33.3333334%}
.photo_list_wrapper.brd-grid-4 > table {width:25%}
.photo_list_wrapper.brd-grid-5 > table {width:20%}
.photo_list_wrapper > table {float:left; margin-bottom:30px; padding:0 15px}
.photo_list_wrapper > table.board {float:none; clear:both; width:100% !important; padding:0}
.photo_list_wrapper > table .bbsnewf5 td[valign="bottom"] a {position:relative; display:block}
.photo_list_wrapper > table .bbsnewf5 td[valign="bottom"] a:before {position:absolute; top:0; left:0; width:100%; height:100%; content:''; border:0 solid #be9356; transition:all .3s; z-index:30; box-sizing:border-box}
.photo_list_wrapper > table .bbsnewf5 td[valign="bottom"] a:hover:before {border-width:5px}
.photo_list_wrapper > table .bbsnewf5 a img {display:block; width:100%; height:auto; transition:all .3s}
.photo_list_wrapper > table .bbsnewf5 a:hover img {opacity:.8; filter:alpha(opacity='80')}
.photo_list_wrapper > table .bbsnewf5 .gallery_subject {padding:10px 0}
.photo_list_wrapper > table .bbsnewf5 .gallery_subject .gallery_title {font-family:inherit !important; font-size:14px; color:#555}
.image_sublist {display:none}
.tbl_board {margin-bottom:30px; border-top:2px solid #666}
.tbl_board th, .tbl_board td {font-family:inherit !important; padding:15px !important; border-bottom:1px solid #e5e5e5}
.tbl_board td td {border:none}
.tbl_board div th, .tbl_board div td {padding:0 !important}
.tbl_board span, .tbl_board font, .tbl_board a {font-family:inherit !important; font-size:inherit !important; color:#555}
.tbl_board a:hover {color:#333 !important}
.tbl_board .board_bgcolor {font-size:inherit !important; font-weight:500; color:#4b4b4b; background:#f4f4f4}
.tbl_board input[type=text], .tbl_board input[type=password] {font-family:inherit !important; font-size:inherit !important; height:35px; padding-left:10px; border:1px solid #dedede; background:#fff}
.tbl_board select {font-family:inherit !important; font-size:inherit !important; min-width:120px; height:35px; padding-left:10px; border:1px solid #dedede; background:#fff; vertical-align:middle}
.tbl_board .att_title {font-weight:600; color:#343434; text-align:center; background:#fff !important}
.tbl_board .att_title span, .tbl_board .att_title a, .tbl_board .att_title font {font-weight:600; color:#343434}
.tbl_board.tbl_list tr:hover {background:#f9f9f9}
.tbl_board.tbl_list td a font {font-weight:normal !important; margin-left:10px}
.tbl_board td textarea {width:98%; font-family:inherit !important; font-size:inherit !important; padding:10px; border:1px solid #dedede; background:#fff}
.tbl_board .td_center {text-align:center}

.board, .bbsnewf5 {font-family:inherit !important; font-size:inherit !important}

.brd_category {display:none}
.board_tab {margin-bottom:30px}
.board_tab > ul {display:table; width:100%; table-layout:fixed}
.board_tab > ul > li {display:table-cell; width:auto}
.board_tab > ul > li > a {display:block; width:100%; height:100%; height:55px; font-size:16px; color:#333; text-align:center; line-height:55px; border:1px solid #d5d5d5; border-left:none}
.board_tab > ul > li:first-child > a {border-left:1px solid #d5d5d5}
.board_tab > ul > li.on > a {color:#fff; border-color:#dc3e54; background:#dc3e54 !important}
.board_tab > ul > li > a#bo_cate_on {color:#fff; border-color:#dc3e54; background:#dc3e54 !important}
.board_tab > ul > li:hover > a {background:#f4f4f4}

.board_tab_before {margin-bottom:30px;}
.board_tab_before > ul {display:table; width:100%; table-layout:fixed}
.board_tab_before > ul > li {display:inline-block; width:16.666666666%;margin-top:-1px;}
.board_tab_before > ul > li:nth-child(7) {border-left:1px solid #d5d5d5}
.board_tab_before > ul > li > a {display:block; width:100%; height:100%; height:55px; font-size:16px; color:#333; text-align:center; line-height:55px; border:1px solid #d5d5d5; border-left:none}
.board_tab_before > ul > li:first-child > a {border-left:1px solid #d5d5d5}
.board_tab_before > ul > li.on > a {color:#fff; border-color:#dc3e54; background:#dc3e54 !important}
.board_tab_before > ul > li > a#bo_cate_on {color:#fff; border-color:#dc3e54; background:#dc3e54 !important}
.board_tab_before > ul > li:hover > a {background:#f4f4f4}

.btn_btm_write {text-align:right}

.board-pagination {margin-top:30px; font-size:0; text-align:center}
.board-pagination > b, .board-pagination > a {display:inline-block; width:36px; height:36px; margin:0 3px; font-size:14px; text-align:center; line-height:34px; border:1px solid #dedede}
.board-pagination > a {color:#777}
.board-pagination > a:hover {color:#555; background:#f4f4f4}
.board-pagination > b {color:#fff; border-color:#333; background:#4b4b4b}

#ext_search {margin-top:30px}
#ext_search > table {margin:0 auto}
#ext_search select {min-width:80px; height:35px; margin-right:2px; padding-left:10px; border:1px solid #dedede}
#ext_search input[type=text] {height:35px; margin-right:2px; padding:0 10px; border:1px solid #dedede}

.board_comment_bgcolor {margin-bottom:30px}


.reserveWrapper .pickMonth {text-align:center; margin-bottom:30px}
.reserveWrapper .pickMonth .btn {padding:0 15px !important}
.reserveWrapper .pickMonth .btn i {margin:0}
.reserveWrapper .pickMonth #cur {display:inline-block; margin:0 15px; font-size:16px; color:#be9356; letter-spacing:2px}
.tbl_calendar {width:100%; border-top:2px solid #666; table-layout:fixed}
.tbl_calendar thead th {padding:20px 0; font-size:15px; color:#333; border-left:1px solid #e5e5e5; border-bottom:1px solid #dedede}
.tbl_calendar thead th span {font-size:10px !important; font-weight:500 !important; letter-spacing:3px; opacity:.5}
.tbl_calendar thead th:first-child {border-left:none}
.tbl_calendar tbody td {padding:20px; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; vertical-align:top}
.tbl_calendar tbody td:hover {background:#f9f9f9}
.tbl_calendar tbody tr > td:first-child {border-left:none}
.tbl_calendar .td_sun {color:#c62b2b}
.tbl_calendar .td_sat {color:#3f63eb}
.tbl_calendar .m_sunday, .tbl_calendar .m_saturday {background:#f4f4f4 !important}
.tbl_calendar .ye {display:inline-block; color:#fff !important; margin-right:3px; padding:2px 5px; border-radius:2px; background:#23bbab}
.tbl_calendar .wan {display:inline-block; color:#fff !important; margin-right:3px; padding:2px 5px; border-radius:2px; background:#c43c3c}
.tbl_calendar div[style*='hand'] {cursor:pointer; padding:2px 0}
#order_list {display:none; margin-top:30px; padding:30px; border:1px solid #dedede; background:#f9f9f9}
#order_list h3 {font-size:15px; font-weight:normal; color:#222; margin-bottom:20px}
#order_list ul > li {color:#777; line-height:1.65}
#order_list input[type=button] {padding:10px 45px; border:1px solid #d5d5d5 !important; border-radius:2px; background:#fff; cursor:pointer}

#css_orderform table {width:100%; border-top:2px solid #666; border-collapse:collapse}
#css_orderform table th, #css_orderform table td {padding:15px; border-bottom:1px solid #e5e5e5}
#css_orderform table th {width:15%; font-weight:500; color:#4b4b4b; background:#f4f4f4}
#css_orderform table td input[type=text] {font-family:inherit !important; font-size:inherit !important; height:35px; padding-left:10px; border:1px solid #dedede; background:#fff}
#css_orderform table td select {font-family:inherit !important; font-size:inherit !important; min-width:70px; height:35px; margin:0 10px; padding-left:5px; border:1px solid #dedede; background:#fff; vertical-align:middle}
#css_orderform table td select:first-child {margin-left:0}
#css_orderform table td label {margin-right:10px}
.agreeWrapper .checkArea:after {clear:both; display:block; content:''}
.agreeWrapper .checkArea .left {float:left}
.agreeWrapper .checkArea .right {float:right}
.agreeWrapper .agreeinfo {clear:both; margin-top:5px}
.agreeWrapper .agreeinfo textarea {width:100%; height:160px; padding:10px; border:1px solid #dedede; background:#fff}
.reserve-btn {margin-top:30px; text-align:center}
 

h2.reservation-title {margin-bottom:20px; font-size:16px; font-weight:normal; color:#333}
h2.reservation-title:before {display:inline-block; width:6px; height:2px; margin-right:7px; content:''; background:#be9356; vertical-align:6px}
.reservation-box {padding:20px; border:1px solid #e5d4c6}
.reservation-box ul > li {line-height:1.8}
.reservation-box ul > li:before {display:inline-block; width:2px; height:2px; margin-right:5px; content:''; background:#ccc; vertical-align:4px}

.member-box h2 {font-size:28px; font-weight:300; color:#be9356; margin-bottom:30px}
.member-box h3 {font-size:16px; font-weight:normal; color:#4b4b4b; margin-bottom:20px}
.member-box h4 {font-size:15px; font-weight:600; color:#555; margin-bottom:10px}
.member-box input[type=text], .member-box input[type=password] {display:block; width:100%; height:45px; margin-bottom:10px; padding:10px; border:1px solid #dedede; background:#f9f9f9}
.member-box .btn-confirm {display:block; width:100%; height:45px; font-size:15px; color:#fff; border:none; background:#be9356; cursor:pointer; outline:none}
.member-box .btn-confirm:hover {background:#b58c52}
.member-btm-btn {margin-top:30px; text-align:center}
.member_td_bgcolor {color:#4b4b4b; background:#f4f4f4}

.loginWrapper {position:relative}
.loginWrapper:after {clear:both; display:block; content:''}
.loginWrapper > .login-box {float:right; width:560px; padding:30px; border:1px solid #e5e5e5}
.loginWrapper > .login-box:first-child {float:left}
.loginWrapper > .login-box .helpList {margin-top:30px; padding-top:20px; border-top:1px solid #e5e5e5}
.loginWrapper > .login-box .helpList > li {position:relative; color:#888; padding:4px 0 4px 10px}
.loginWrapper > .login-box .helpList > li.warning {color:#ff7e00}
.loginWrapper > .login-box .helpList > li:before {position:absolute; top:5px; left:0; content:'-'}
.loginWrapper > .login-box .helpList > li a {margin-left:10px}

.joinWrapper > .join-box {width:560px; margin:auto; padding:30px; border:1px solid #e5e5e5}

.joinWrapper .agree-box {margin-bottom:40px}
.joinWrapper .agree-box textarea {width:100%; height:250px; margin-bottom:15px; padding:10px; border:1px solid #e5e5e5}
.joinWrapper .agree-box input[type=checkbox] {margin-right:5px}


.btn {display:inline-block; padding:0 25px !important; height:35px !important; font-family:inherit !important; font-size:14px !important; color:#666 ; text-align:center; line-height:33px !important; text-decoration:none !important; border:1px solid #dedede; border-radius:2px; background:#fff; cursor:pointer; vertical-align:middle}
.btn.btn-default:hover {color:#555 !important; border-color:#aaa}
.btn.btn-primary {color:#fff !important; border-color:#be9356; background:#be9356}
.btn.btn-primary:hover, .btn.btn-primary:focus {border-color:#b58c52; background:#b58c52}
.btn.btn-secondary {color:#fff !important; border-color:#6d7281; background:#6d7281}
.btn.btn-secondary:hover, .btn.btn-secondary:focus {border-color:#686d7b !important; background:#686d7b}
.btn.btn-link {font-size:12px !important; line-height:23px !important; padding:0 15px !important; height:25px !important}
.btn.btn-link:hover {border-color:#aaa; background:#f9f9f9}
.btn i {margin-right:7px; vertical-align:0}
.btn.right-icon i {margin:0 0 0 7px}

.tab-primary {display:table; width:100%; margin-bottom:30px; table-layout:fixed}
.tab-primary > li {display:table-cell; width:auto; height:55px; text-align:center; vertical-align:middle}
.tab-primary > li a {display:block; width:100%; height:100%; font-size:16px; color:#333; line-height:55px; text-align:center; border:1px solid #d5d5d5; border-left:none}
.tab-primary > li:first-child a {border-left:1px solid #d5d5d5}
.tab-primary > li.active a {color:#fff; border-color:#be9356; background:#be9356 !important}
.tab-primary > li:hover a {background:#f4f4f4}